/**
* DevExpress Dashboard (dx-dashboard.light.min.css)
* Version:  24.2.7
* Build date: Apr 29, 2025
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* License: https://www.devexpress.com/Support/EULAs/universal.xml
*/
.dx-dashboard-fullscreen-mode {
    padding: 10px;
    box-sizing: border-box
}

.dx-dashboard-viewer {
    background: 0 0
}

    .dx-dashboard-viewer .dx-viewer-item-table {
        border-collapse: separate
    }

    .dx-dashboard-viewer td, .dx-dashboard-viewer tr {
        padding: 0;
        margin: 0
    }

.dx-dashboard-container .dx-popup-title.dx-toolbar {
    overflow: visible
}

.dx-dashboard-container .dx-popup-title .dx-toolbar-items-container {
    overflow: visible
}

.dx-dashboard-container .dx-popup-content {
    overflow: hidden
}

.dx-dashboard-title-tooltip {
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 16px
}

    .dx-dashboard-title-tooltip .dx-dashboard-title-tooltip-list {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

        .dx-dashboard-title-tooltip .dx-dashboard-title-tooltip-list .dx-dashboard-title-tooltip-list-text {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 700
        }

        .dx-dashboard-title-tooltip .dx-dashboard-title-tooltip-list .dx-dashboard-title-tooltip-sublist {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

            .dx-dashboard-title-tooltip .dx-dashboard-title-tooltip-list .dx-dashboard-title-tooltip-sublist .dx-dashboard-title-tooltip-sublist-item {
                overflow: hidden;
                -o-text-overflow: ellipsis;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap
            }

div.dx-dashboard-item {
    user-select: none;
    vertical-align: top;
    width: 100% !important;
    display: block;
    clear: both
}

    div.dx-dashboard-item .dx-searchbox {
        border: 0
    }

.dx-dashboard-widget-viewer-item > * {
    padding: 0
}

.dx-dashboard-toolbar-preview:focus-visible {
    outline-width: 2px;
    outline-style: solid;
    outline-color: #337ab7;
    outline-offset: -2px
}

.dx-dashboard-item-shield {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVQYV2P8z8DAwAgiAA0MAgFKOBmnAAAAAElFTkSuQmCC)
}

.dx-dashboard-group-item {
    padding: 15px;
    box-sizing: border-box
}

.dx-dashboard-group-item-child {
    user-select: none;
    box-sizing: border-box;
    padding: 5px
}

.dx-dashboard-tooltip-limit-visible-data .dx-overlay-content .dx-popup-content {
    background-color: #ffe9a7;
    width: 300px;
    height: auto;
    white-space: normal
}

.dx-dashboard-tooltip-limit-visible-data .dx-overlay-content .dx-popover-arrow:after {
    background-color: #ffe9a7
}

.dx-dashboard-item-loading-panel {
    opacity: .65;
    border-radius: 2px;
    padding: 7px 20px;
    line-height: normal
}

    .dx-dashboard-item-loading-panel h1 {
        white-space: pre;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700
    }

div.dx-dashboard-layout-shield {
    background-color: transparent;
    z-index: 100;
    position: absolute
}

.dx-dashboard-form {
    margin: 0 auto
}

.dx-dashboard-custom-time-period-dialog-left-period, .dx-dashboard-custom-time-period-dialog-right-period {
    margin-left: 50px;
    margin-right: 50px
}

.dx-dashboard-custom-time-period-empty-button {
    visibility: hidden
}

.dx-dashboard-combobox-filter-item {
    user-select: none;
    box-sizing: border-box;
    padding: 12px
}

.dx-dashboard-list-item {
    padding: 2px
}

.dx-dashboard-date-filter-item {
    padding: 9px
}

.dx-dashboard-filter-item-multitext {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dx-dashboard-combobox-margins {
    margin: 3px
}

.dx-dashboard-caption-toolbar, .dx-dashboard-title-toolbar {
    border-width: 0;
    float: right;
    user-select: none;
    width: 100%;
    white-space: nowrap;
    display: block;
    clear: both;
    filter: none
}

    .dx-dashboard-caption-toolbar .dx-toolbar-before .dx-dashboard-ellipsis, .dx-dashboard-caption-toolbar .dx-toolbar-center .dx-dashboard-ellipsis, .dx-dashboard-title-toolbar .dx-toolbar-before .dx-dashboard-ellipsis, .dx-dashboard-title-toolbar .dx-toolbar-center .dx-dashboard-ellipsis {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dx-dashboard-caption-toolbar .dx-toolbar-button .dx-button, .dx-dashboard-title-toolbar .dx-toolbar-button .dx-button {
        background-color: transparent
    }

    .dx-dashboard-caption-toolbar .dx-button svg, .dx-dashboard-title-toolbar .dx-button svg {
        pointer-events: none
    }

    .dx-dashboard-caption-toolbar .dx-button.text-button, .dx-dashboard-title-toolbar .dx-button.text-button {
        display: inline
    }

    .dx-dashboard-caption-toolbar .dx-button-text, .dx-dashboard-title-toolbar .dx-button-text {
        text-decoration: underline dashed
    }

    .dx-dashboard-caption-toolbar .dx-toolbar-item.dx-state-disabled, .dx-dashboard-title-toolbar .dx-toolbar-item.dx-state-disabled {
        pointer-events: auto
    }

    .dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-label .dx-caption-panel-separator, .dx-dashboard-title-toolbar .dx-toolbar-after .dx-toolbar-label .dx-caption-panel-separator {
        width: 1px;
        height: 24px;
        border-left: 1px solid;
        margin: 0 2px
    }

.dx-dashboard-toolbar-preview {
    height: 15px
}

    .dx-dashboard-toolbar-preview svg {
        pointer-events: none;
        width: 15px;
        height: 15px
    }

.dx-dashboard-icon-menu-popover-wrapper .dx-popup-content .dx-tileview .dx-item.dx-tile .dx-tile-content svg {
    pointer-events: none;
    width: 48px;
    height: 48px;
    margin: 8px
}

.dx-dashboard-icon-menu-popover-wrapper .dx-popup-content .dx-list-item {
    display: block
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-popup-content {
    padding: 1px
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-list-item {
    display: block;
    min-width: 50px
}

.dx-dashboard-word-wrap {
    word-wrap: break-word
}

.dx-argument-value {
    padding-bottom: 4px;
    font-weight: 700
}

.dx-dashboard-container:not(.dx-dashboard-item-container) {
    text-align: left
}

.dx-dashboard-simple-border {
    border: 1px solid #ddd
}

.dx-dashboard-item-loading-panel {
    background-color: #000
}

    .dx-dashboard-item-loading-panel h1 {
        color: #fff
    }

.dx-dashboard-item .dx-overlay-shader {
    background-color: rgba(255,255,255,.6);
    transition: background-color .15s ease;
    transition-delay: .15s
}

.dx-dashboard-labels-container {
    position: absolute;
    left: -10000px;
    font-size: 14px
}

.dx-dashboard-textbox-content {
    padding: 7px;
    color: #333
}

.dx-dashboard-textbox-color-text-auto {
    color: #333
}

.dx-dashboard-custom-item-notsupported-message {
    white-space: nowrap;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgba(51,51,51,.7);
    font-family: "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
    font-size: 24px
}

    .dx-dashboard-custom-item-notsupported-message:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
    }

    .dx-dashboard-custom-item-notsupported-message > * {
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }

.dx-dashboard-textbox-content-pre-wrapper {
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
    background-color: transparent
}

.dx-dashboard-accent-icon {
    fill: #337ab7
}

.dx-dashboard-contrast-icon {
    fill: #333
}

.dx-dashboard-icon {
    fill: rgba(51,51,51,.65)
}

.dx-dashboard-green-icon {
    fill: #5cb85c
}

.dx-dashboard-red-icon {
    fill: #d9534f
}

.dx-dashboard-yellow-icon {
    fill: #f0ad4e
}

.dx-dashboard-current-color-icon {
    fill: currentColor
}

.dx-dashboard-icon-opacity-50 {
    opacity: .5
}

.dx-dashboard-icon-opacity-75 {
    opacity: .75
}

.dx_blue {
    fill: #337ab7
}

.dx_darkgray {
    fill: #333
}

.dx_gray {
    fill: rgba(51,51,51,.65)
}

.dx_green {
    fill: #5cb85c
}

.dx_red {
    fill: #d9534f
}

.dx_yellow {
    fill: #f0ad4e
}

.dx_white {
    fill: #fff
}

#dx-dashboard-restore-item .dx-dashboard-red-icon {
    fill: currentColor
}

#dx-dashboard-data-reduced .dx-dashboard-yellow-icon {
    fill: currentColor
}

.dx-dashboard-group-item-child .dx-dashboard-caption-toolbar .dx-toolbar-items-container {
    color: #337ab7
}

    .dx-dashboard-group-item-child .dx-dashboard-caption-toolbar .dx-toolbar-items-container .dx-toolbar-label {
        color: rgba(51,51,51,.6)
    }

.dx-dashboard-icon-menu-popover-wrapper .dx-tile svg {
    color: rgba(51,51,51,.65)
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-active {
    background-color: transparent
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-focused, .dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-hover {
    background-color: rgba(51,51,51,.04)
}

    .dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-focused svg, .dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-hover svg {
        color: #333
    }

.dx-dashboard-caption-toolbar, .dx-dashboard-title-toolbar {
    font-family: "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
    background-color: #fff
}

    .dx-dashboard-caption-toolbar .dx-button, .dx-dashboard-caption-toolbar .dx-toolbar-item, .dx-dashboard-title-toolbar .dx-button, .dx-dashboard-title-toolbar .dx-toolbar-item {
        color: rgba(51,51,51,.7)
    }

        .dx-dashboard-caption-toolbar .dx-button svg, .dx-dashboard-title-toolbar .dx-button svg {
            color: rgba(51,51,51,.65)
        }

        .dx-dashboard-caption-toolbar .dx-button.dx-dashboard-checked svg, .dx-dashboard-title-toolbar .dx-button.dx-dashboard-checked svg {
            color: #337ab7
        }

        .dx-dashboard-caption-toolbar .dx-button.dx-dashboard-data-reduced.dx-dashboard-checked:not(.dx-state-hover):not(.dx-state-focused) svg, .dx-dashboard-title-toolbar .dx-button.dx-dashboard-data-reduced.dx-dashboard-checked:not(.dx-state-hover):not(.dx-state-focused) svg {
            color: #f0ad4e
        }

        .dx-dashboard-caption-toolbar .dx-button.dx-dashboard-filter:not(.dx-state-hover):not(.dx-state-focused) svg, .dx-dashboard-title-toolbar .dx-button.dx-dashboard-filter:not(.dx-state-hover):not(.dx-state-focused) svg {
            color: #337ab7
        }

        .dx-dashboard-caption-toolbar .dx-button.dx-dashboard-restore-item:not(.dx-state-hover):not(.dx-state-focused) svg, .dx-dashboard-title-toolbar .dx-button.dx-dashboard-restore-item:not(.dx-state-hover):not(.dx-state-focused) svg {
            color: #d9534f
        }

        .dx-dashboard-caption-toolbar .dx-button.dx-state-focused svg, .dx-dashboard-caption-toolbar .dx-button.dx-state-hover svg, .dx-dashboard-title-toolbar .dx-button.dx-state-focused svg, .dx-dashboard-title-toolbar .dx-button.dx-state-hover svg {
            color: #333
        }

    .dx-dashboard-caption-toolbar.dx-dashboard-caption-toolbar-border {
        border-bottom: 1px solid #ddd
    }

.dx-dashboard-title-toolbar {
    background-color: transparent
}

    .dx-dashboard-title-toolbar .filter-text {
        color: #337ab7
    }

.dx-dashboard-toolbar-preview {
    background-color: #fff
}

div.dx-dashboard-item .dx-searchbox {
    background-color: #fff
}

    div.dx-dashboard-item .dx-searchbox input {
        background-color: #fff
    }

    div.dx-dashboard-item .dx-searchbox:not(.dx-texteditor-empty) .dx-icon-search:before, div.dx-dashboard-item .dx-searchbox:not(.dx-texteditor-empty) .dx-placeholder {
        color: #ddd
    }

    div.dx-dashboard-item .dx-searchbox .dx-icon-search:before, div.dx-dashboard-item .dx-searchbox .dx-placeholder {
        color: #b4b4b4
    }

.dx-dashboard-date-filter-widget {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden
}

    .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons {
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        font-family: "Segoe UI",Helvetica,"Droid Sans",Tahoma,Geneva,sans-serif;
        height: 100%
    }

        .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons.dx-dashboard-date-filter-buttons-no-caption {
            margin: -3px
        }

        .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-button {
            margin: 3px
        }

            .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-button .dx-button-mode-contained {
                border-color: #ddd
            }

            .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-button .dx-button-has-text {
                width: 100%
            }

            .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-button .dx-button-text {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-button .dx-item-selected {
                background-color: #e5e5e5
            }

        .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons .dx-dashboard-date-filter-datepicker-button-empty .dx-button-text {
            color: rgba(51,51,51,.6)
        }

    .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons-left-to-right {
        flex-direction: row;
        align-items: baseline;
        align-content: flex-start
    }

        .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons-left-to-right .dx-dashboard-date-filter-button {
            flex-grow: 1;
            flex-basis: 0
        }

    .dx-dashboard-date-filter-widget .dx-dashboard-date-filter-buttons-top-down {
        flex-direction: column
    }

.dx-dashboard-date-filter-overlay {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    position: relative;
    display: table
}

    .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-calendar-container {
        display: table-cell
    }

    .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-calendar {
        background-color: #fff;
        margin: 10px
    }

        .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-calendar .dx-calendar-cell.dx-calendar-today {
            font-weight: 400
        }

    .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-text-box {
        margin: 10px
    }

        .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-text-box .dx-texteditor-input {
            background-color: #fff
        }

    .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-button {
        float: right;
        background-color: #fff;
        margin: 10px
    }

        .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-button.dx-state-focused {
            outline-width: 3px;
            outline-style: solid;
            outline-color: #337ab7
        }

    .dx-dashboard-date-filter-overlay.dx-dashboard-date-filter-mobile {
        display: flex;
        flex-direction: column
    }

        .dx-dashboard-date-filter-overlay.dx-dashboard-date-filter-mobile .dx-dashboard-date-filter-overlay-calendar-container {
            margin: 2px;
            display: block
        }

.dx-dashboard-datagrid-column-visible-cell-content {
    overflow: visible !important
}

.dx-datagrid .dx-row > td.dx-dashboard-datagrid-column-visible-cell-content {
    padding: 7px
}

.dx-datagrid-total-footer {
    white-space: nowrap
}

.dx-dashboard-sparkline-start-value {
    text-align: right
}

.dx-dashboard-delta-indicator {
    margin-left: 10px;
    width: 16px;
    height: 12px;
    min-width: 16px;
    min-height: 12px
}

.dx-dashboard-flex-delta-parent {
    display: flex;
    align-items: center
}

.dx-dashboard-flex-right {
    justify-content: flex-end
}

.dx-dashboard-item .dx-field-item-label-location-left {
    padding-right: 30px
}

.dx-icon-dashboard-cf {
    width: 16px;
    height: 16px
}

.dx-dashboard-bar-axis {
    border-left: 1px solid rgba(0,0,0,.25);
    top: 3px
}

.dx-dashboard-absolute-position {
    position: absolute
}

.dx-dashboard-relative-position {
    position: relative
}

.dx-dashboard-cf-bar-value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}

.dx-dashboard-cell-container {
    white-space: nowrap
}

.dx-dashboard-left-icon {
    float: left;
    margin-right: -16px
}

.dx-dashboard-right-icon {
    float: right;
    margin-right: 0
}

.dx-dashboard-flex-parent {
    display: flex;
    align-items: center
}

.dx-dashboard-flex-parent-baseline {
    display: flex;
    align-items: baseline
}

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

.dx-dashboard-word-wrap {
    overflow: hidden;
    text-overflow: ellipsis
}

.dx-dashboard-stretched {
    flex: 1
}

.dx-dashboard-fixed {
    white-space: nowrap;
    display: inline-block
}

.dx-dashboard-left-margin {
    margin-left: 10px
}

.dx-dashboard-right-margin {
    margin-right: 10px
}

.dx-dashboard-item-container .dx-pivotgrid .dx-pivotgrid-area td.dx-dashboard-cf-bar-container {
    padding: 0
}

.dx-dashboard-item-container .dx-pivotgrid .dx-pivotgrid-area td .dx-dashboard-cf-bar-value {
    padding: 7px 10px
}

.dx-dashboard-item-container .dx-datagrid .dx-row > td.dx-dashboard-cf-bar-container {
    padding: 0
}

.dx-dashboard-item-container .dx-datagrid .dx-row > td .dx-dashboard-cf-bar-value {
    padding: 7px
}

.dx-dashboard-item-container .dx-adaptive-detail-row .dx-master-detail-cell .dx-adaptive-item-text.dx-dashboard-cf-bar-container {
    padding: 0
}

.dx-dashboard-item-container .dx-adaptive-detail-row .dx-master-detail-cell .dx-adaptive-item-text .dx-dashboard-cf-bar-value {
    padding: 8px 0 8px 8px
}

.dx-dashboard-cf-bar-axis {
    border-left-color: rgba(0,0,0,.25);
    border-left-width: 1px;
    border-left-style: solid
}

.dx-icon-dashboard-cf-shapeyellowtriangle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAm0lEQVQ4y2P4d0iHAQdmBuJjQLwdjxoGBjySmUD8H4pDSDVACIjfIhlwG4jZSDFgGpJmGK4g1gBdIP6DxYDPQCxNjAFbsGiG4aWEDPDGoxmGjXEZwAYNLEIGHMZlQAURmmE4Ct0ACWggEWvAEyDmQTZgGgmaYbgdZoABjmgjhL+BohVkwAEyNMPwIgZohiHXgHUM////pwhTbAAAhWmLr6URVwsAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapeyellowtrafficlight {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhklEQVQ4y2P4d0hnLxD/JxPvZaBAMxjTzIADQOwHxNJQ7AcVI8qAdqimFUD8BIpXQMXaCRkAskULiN9iMRgkpgvEh/EZYAPEq/H4eR0Q2+MzgB+IP+Ax4DNUDUUG8BDywjpKvHAAGlBkByJyNIIC8zkUryY2GtETkgQUk5SQ6J8XtlNgwHYAh6LOuhOS3m0AAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapeyellowcircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4y2P4d0iHAQ27AXEvEB8H4g9QfBwq5oauHpmjAMQ9QPwZiP/jwJ+hahTQDQAJLMajER0vhhkCM6CHBM0w3AMzwI2As/F5x40BGjj/ycS9DNAQJteA4wzQaCLXgA9UMYBiL1AciBRHI8UJiSpJmeLMRHZ2BgDtDLNPQ+9a3QAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shaperedtrafficlight {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhklEQVQ4y2N45e6+F4j/k4n3MlCgGYxpZsABIPYDYmko9oOKEWVAO1TTCiB+AsUroGLthAwA2aIFxG+xGAwS0wXiw/gMsAHi1Xj8vA6I7fEZwA/EH/AY8BmqhiIDeAh5YR0lXjgADSiyAxE5GkGB+RyKVxMbjegJSQKKSUpI9M8L2ykwYDsAcM5aulQHHPIAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapereddiamond {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVQ4y2N45e7OgAPLAfENKJbDpQ6f5odA/B+KH+IyhBjNeA0hVjNOQ0jRjNUQUjVjGEKOZhRDQAbcJkMzDN8GGXCVAgOuUsULFAciVaKRKgmJKkmZKpmJpOwMAGHQBs8017gAAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shaperedcircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeElEQVQ4y62TwQ3AIAhFGcVpcDmdwmHYpScTB7A0gcSQ1Kbg4R0k8CMfgCtnMCBTGWK6QBJDm78+ElOYwcwXhuQkK/AE2qbQ0lREBcqPYqWoAH58e9cOgpgznVQQh70CBDImr0A/IhBuIWxieIzhRTqyyuFjcp/zDdY4P09sQosOAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapelightredcircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVQ4y2N45e7OgIYlgNgQiF2BOASKXaFiEujqkTncUEWhQByJA4dC1XCjGwASsMSjER1bwgyBGWBIgmYYNoQZIEHA2fi8I0Gu7XBXMEBDmFwDXBmg0USuASFUMYBiL1AciBRHI8UJiSpJmeLMRHZ2BgAb5r2QxEBrBgAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapelightgraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAZ0lEQVQoz42Ruw3AMAgF6b0Aa1C6PzbABfsvkiKxFEeRsV6BBMdfkEeK4QSBY+j036ZhDPKlgdEm0OhLcKrTbsB+w0liiKCf4msj3eUniQm+BVyILRAHQNmiHLJcszzUwanLZ23ffQHVk4mB0pTB2wAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapegreentrafficlight {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhklEQVQ4y2PoOeq0F4j/k4n3MlCgGYxpZsABIPYDYmko9oOKEWVAO1TTCiB+AsUroGLthAwA2aIFxG+xGAwS0wXiw/gMsAHi1Xj8vA6I7fEZwA/EH/AY8BmqhiIDeAh5YR0lXjgADSiyAxE5GkGB+RyKVxMbjegJSQKKSUpI9M8L2ykwYDsAAId1uryyjO0AAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-shapegreencircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeElEQVQ4y62TwQnAMAhFHSWz9OB0ZorMUlwnkAFSCwpFaEo1h3eI6Cd+Feg8wIFCFVjoCmsMff7zUQQShjBfGJpTvMAdaItCTzMRE6AfxQaZAH58e9UOgpozg1RQh6MCDDqmqEDfIpBuIW1ieozpRdqyyuljCp/zBWXxWk8BQ0f0AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-ratinghalfgraystar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAvUlEQVQoz3XRoQvCQBTH8WNlrMmqrAtiEC6Zv9w/sCJjZWFlGITrqyJrYhmra+siLNy/ZtCbu9Px2rsP937vTiCckki34x4HdHQEy0BhuKGWQMiAYcdA+A9ElBgMgpqS6AskGTU95lOCNRcGemoy5HvuvOyNK04YlECQ/gV7RlKbofgBG54U85DaAy3a3UJ54Gpfw4J8AlsEgjO5C/QsxZ0DR39Eg2FEk5CgGXnQuKClIp5WjKloXRB53z51XmBXgLnmKTUGAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-ratingfullgraystar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAlElEQVQoz4WRIQ6EMBBFGwypxXOLHuGlF8ARDAKDrecCnIBgcRwBMVfD0O7Olmbz3byXzO/UYFQcTk80rtjZqcqCRxB8Sag5EYST+k2wTMiTCfsRHD0LR4IxBws9Lu4txRsMXRF3scP4isfvkiHDQb8ib+K1MGTCoIW/K1aEi0BLS+BCWLWwMdOkqzbMbFqwP9+eJjclpZblWc6z6AAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-ratingfullgraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAbElEQVQoz42RyQ3AIAwEXQaFUMI0AyXQhzux+Lq1PAhSiBKM9mHJO/IpyK1MRTEMpZJnfoREoeMPdQppAom2mFONNIDyaTtOQYT8Kr42ykL9tR2nCroFVLAtYAdA2CIcMlwzPNTBqcNnbd99AeQn2TWjNAUjAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-ratingemptygraystar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAy0lEQVQoz3XQoYoCURQG4ItFpolV7IIYhEnmj3kBi4jFYBHDwvSpIjaxDFNt00WYMK+2xdndqyu3/ec73HNOEKKXSuMkLvdUKr3PIHNxkX0CfbWZmVr/P5DYKQRBYSf5Bam1wk3taCQIRo5qN4W1NMi0DgYv2wQDB60sCJYa8zcw11h2M2w9TKLyxMP275C5KgKlPN4ic4rAqbtGF2yeHVNTQfBlE4PcysJVq3W1sHr94uyukRsbyzXuzjEo7Q1/JhjaK2OQvN3hmXwD8BFqktQSMhoAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-ratingemptygraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAhElEQVQoz42Ruw3FIAxFbx2Jni4j0DDC2YMaSspsQcEmDJgiPyV6eY5cWPI9/gvtFil0BoNOIR7xzXkyjUTA4QgkGhl/AJ6FynzWEmKmsuA3IFOZbrIQE5WMRKQ9sq8qjSgK6acsRKKITngFAl0M3CvgGB8As4U5pLmmeagPpzaf9ffdK4pqZzmOJ/r4AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating4filledboxes {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAV0lEQVQ4y2OUWXd7LwMDgxMDJtj3OFDFWXb9HbzyjEAD/jPgAEAFjEAD8MqPGgAxYDuQ7YFFfgdQgSfQALzyIAMY8NjAADQArzzjaDoYFung/3+cFhAFABlegOFDLhjyAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating3filledboxes {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYklEQVQ4y2MQmHVxLxD/x4L3/v//n8HFxcUJiCOxYCeQPAMOzWAMNSASFx41AGHAdhwGbIca4IDDAAeYAXgxUCFODDMAZzqAGoI3neANA6gBeMNo1AAC6QBqAN50Ao5LSjAAeNIt/eTO2iEAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating1filledbox {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAV0lEQVQ4y2NwcXFxAuJILBgkzoBP/v///wwMOCRhGK/8qAEIAxxwKHCAGoBTHmYA2RhsgMCsi3uB+D8WvJeodIBDMxgTFQajBoAN2I7DgO1EpQMQQQkGALPPkzSCruffAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating4bars {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2P4//8/AzFYZt1tGN4LxP9BNEicGA3o+D8M080AuJPxGkCMjXQzAKeTsRpAio00M4BoJ+MygGgNw9iA7VCB7VAFRPPx5gViMQCD1nWptds4ngAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating3quartersgraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAmUlEQVQoz32RoQ3AIBBFTzfB4zoChhHeHmiQyG6BYBNSy2oVFEpL0jxBAu9yxz9BbiyBTKGQCdh+3w6NJ+EwKCqVyolHd0FzENnvmjo40E3wRLbRqk54RLCkUf0VTqwQcNPzW6gEIWN+hCwU1I9QVmFGUdYWM4a8DjnjCOs3H3YSdg2qsxFbUN+oe3V8on4vS2FwpHlZv+u+ACq5g7goeSWBAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating3bars {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZklEQVQ4y2P4//8/AynYxcXFCYgjQTSIz0CGAZEwTNAAgVkXUTC5BuwF4v8gmlwD/sMwQQPQnUyuAXAnk2vAfyRM2AB8TibWAJxOJtYAnBpGkAHboQq2QzXg5EMNcIAa4EBWbkTHAHSqTNj+VWxVAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating2quartersgraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAgUlEQVQoz42RIQ6AMAxFq0nwcxwBsyO8e6A3ieQWiN1kme3VEGwLIFbyRZP2NW1/BanyRBKZTCLiW/4OjsDJxsqMoiiFgGuA42BnqT3adeBuILAz9VH6UEAEz9m7v0DBC5HtUX4DShQS6wBIQmYeAPkHYI4wlzTPNI36YbX5rOG7L+NsoDftf7E+AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating2filledboxes {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVQ4y2NwcXFxAuJILBgkzoBP/v///wwMOCRhGK/8qAEIAxxwKHCAGoBTHmYA2RhsgMCsi3uB+D8WDBLHKw8z4D8ejFd+1ACEAdtxKNgONQCnPNgAEEEJBgA3pdiOywuVEwAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating2bars {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAZ0lEQVQ4y2P4//8/Az7s4uKCjp2AOBJEg+QZyDAgEobpZgDcyeQaEImE8RsgMOsiCibXgL1A/B9Ek2vAfxgmygB0Z5NjANzJ5BrwHwmPVAO2QzVshxoA50MNcIBqcIAaAOcTlZQJYQBEowEgJivjEQAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating1quartergraycircle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAlUlEQVQoz32RsQ3DMAwEWQdwry4juNEIt4drsXTpLVxwE0EtV3MhW1GcWPhCAP8oAv+CnIooRiZjKPGa1yeQ2FmYmXAcp5AIFxDYWHmfO960ESqQWHm1U94pIUJkb9t3oBAFZensb8BRwZgHgAmZaQBkId9GP4ANARN0CKgQKY92IdagnoD0ifqf3aKuZZXb511Zw7oP8AO8tqsyqvUAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating1bar {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAX0lEQVQ4y2P4//8/AzJ2cXEhhJ2AOBJEg9QzkGFAJAzTzQC4k8k1IBIJ08cAnE4m1gCcGrAaIDDrIhyTa8BeIP4Posk14D8Mj2ADtkMN2A41wAGqwAGqAScfazogFQMA+G2pF3owxjUAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating0filledboxes {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoU2NwcXKJhEMnFwZU/n8GBiQuCKLxB4sCByQBBxc0PkgBXghSMDLC4T8BCACim51KL2GNPAAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-rating0bars {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAQklEQVQoU2NwYcABnVwiXZz+M6ALI2AkCJKlAGw0PgVgCbIUoBiNTQGKBEkKsBqNrACrBJ0VOAAZDi44aKCC/wQgADHVhPQ83RvZAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatoryellowflag {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA4ElEQVQ4y2P4//8/AyUYTPw7pIOMbYB4DhCfAeItQKyOJp8MxH4wPsyA1UD8AYhFgfgwEP9Hwp+BuBqI04B4F1RsKboBl6ASmUBchGYANgwylBPZgAqoBMh2OSIMAOFAZAMUkSRABpwkwoClyAYwIGkqRXIRPvwN5A1kA2B+P0OKN5ANQNakAjXoPBB3AXE7EN9D0/wHiMPR0wEsCquhUYosxwPEM4H4JxAfA2JX9DAA4RyoAVfRNOPE6AZIQJ0GMkSXHANAeC/UgHZyDUiDGnAPJkZqZhKC5ovtRBtACQYAmT2M81vH27gAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatoryellowexclamation {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbklEQVQ4y2P4//8/AyUYp8S/Qzr2QHwSiu3JMeA5EP+H4ufkGPAByYDP5BhwFcmAq+QYsBrJgNXkGFCHZEAdOQbYIBlgQ44BzED8FoqZyTEAhBuhmIFcA+B4aKbEJ0gGPCHHAA+oK0DYg2QDiMUAhkrmcopSHvwAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorredflag {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA4ElEQVQ4y2P4//8/AyUYTLxyd0fGNkA8B4jPAPEWIFZHk08GYj8YH2bAaiD+AMSiQHwYiP8j4c9AXA3EaUC8Cyq2FN2AS1CJTCAuQjMAGwYZyolsQAVUAmS7HBEGgHAgsgGKSBIgA04SYcBSZAMYkDSVIrkIH/4G8gayATC/nyHFG8gGIGtSgRp0Hoi7gLgdiO+haf4DxOHo6QAWhdXQKEWW4wHimUD8E4iPAbErehiAcA7UgKtomnFidAMkoE4DGaJLjgEgvBdqQDu5BqRBDbgHEyM1MwlB88V2og2gBAMAeUc0I4uYIIMAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorredcross {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmklEQVQ4y6WTwQnAIAxFnSTQLQoO4FaCiwq9dgUPaZUIEn9y8fAFm/xH+tXAzOFEY3lT6sq/6i+SvRZJvfdtgP6RRQgyzbMna8CzFFn2ZJhHXQMuA3Ijc+9HGSBIQ2aUwfqvGrKZPUCQsRuYJK593gTVmYA8ADI3C6IBZKQdrSPWgOoEhoLd7kGx0jYgBWVQDLOGlC2D49d4og+tfFzR743fVQAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorgreenflag {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA4ElEQVQ4y2P4//8/AyUYTPQcdULGNkA8B4jPAPEWIFZHk08GYj8YH2bAaiD+AMSiQHwYiP8j4c9AXA3EaUC8Cyq2FN2AS1CJTCAuQjMAGwYZyolsQAVUAmS7HBEGgHAgsgGKSBIgA04SYcBSZAMYkDSVIrkIH/4G8gayATC/nyHFG8gGIGtSgRp0Hoi7gLgdiO+haf4DxOHo6QAWhdXQKEWW4wHimUD8E4iPAbErehiAcA7UgKtomnFidAMkoE4DGaJLjgEgvBdqQDu5BqRBDbgHEyM1MwlB88V2og2gBAMAbZFIzxfhoDgAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorgreencheck {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeUlEQVQ4y6WTwQ3AIAhFnYTEVToYE3StrmHiJBQbSQwR0XL4ByPvHeSbiChFksKC+7lOA5zCwXb+C1MPRuCWGoI5WQawD8AJLG+Aw4WWLGER1MkA7MAiyIbEhcc1ziQurHsAhsSEZ0XSkiVsNVEkLryqMuzAnyD6G1/jEhx9TMGBgwAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorcircledyellowexclamation {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAw0lEQVQ4y6WTMQ6DMAxFfYNKnZBYOEDnTsw5R4/BIcIpOERX1CUn4B5I7KSO5FTGso1UhieF+OuH2D+wfx4gCMiIJGQlEu0FqecfHRKRDckGG2k6aVA2JiGekScxi9pUTapBVE5rcs5QKGulHqtBMH77zgxuxnUCUHO0+/bMoDc0I1CHteLADAZDk4DGpBUXZrAYmtUzKLyI7BkkR3BG8pro5eDQRGuMZzn4jdEKUssMWi9IVpTfdHJDazfKlx/T38/5C039oma+DqoeAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorcircledredcross {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwUlEQVQ4y62TUQqDMBBEcxQ/SqVC6UfuEC8XT+FhcpRCQBA8gN3ApkzHRFArvA/XnYk7SUzse0M4YRCCMCtBa4778aURvLAIa4VFexo2SIVxR8iM2SQb+APijM8GDn9bnlR7ChGaJ8HqNxzHGQ0HnTsyQXFLvYPRhLEYwaQTXiB+U28wuk1rwaRNQhXfCuLEXDOY8spq8KBMfgxCQWxh5Xsl2O8IHKKlmSMFuwmxtI0cGJpstvHyQfrLUb58mU5f5w8ejDKB7wFXQwAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-indicatorcircledgreencheck {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAqUlEQVQ4y62TwQ2AIAxFO4lxARMH8OSB6XAKZzFs4QCcTBwAq2lJbVRAPbwDpf+ntAXs1IPCIAPikIVwFDM6Xx5qxCIrEm5YKafWBntgfBBqRjZhA1sgZiwbmETZsvwuhADibICaUyKuRHwA6nCJeBZ3DmhMb8Q7y8mAElvEZ4ijgXxCI0xS4vgE2UTPJhni2EQ9xsMkQxzHeLVIPiE+LdIvq/z5M73+zhv+5E45HqtkpwAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalyellowupinclinearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgElEQVQ4y2P4//8/AyWYgSoG/DukA8I8QHwMiP8Tg7EZQJIhuAwg2hB8BoCwKBA/J9cATiDeTq4LiNKMywCiNWMzgBjNz/AZsIKA5u3QgD2My4CHBDRzIkXxYWwGGADxKwKakdPJYWyBqItmCDbNcENwRSPIkNvQMMGlGYyplhsBHOO3zRuGocAAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalyellowsidearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYElEQVQ4y2P4//8/w79DOvhwHT55BiIM+I/PEGINwGkIKQZgNYRUAzAMgRmwF4tCfLgO3YD/ZOA6Sg0AG0KpAY2UGNCI7IXt5GgmNxobKUkHjZQkpEZKknIjJZmpEZ88AFWzZjv7szTYAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalyellowdowninclinearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhUlEQVQ4y6XTMQrAIAwFUFehU8/R3tsbdG+P0amLQw/RGEVBYgyxDl8w+N8Q0ACAmUk6vnMr2TE3xmFsNW/CAbH8YiDnEBBLAVqWkHi/KPAwZQ5J5TingBOAgqylzAE2P5IQX9+5JWoQERhCeoAakQCTF+b/Aku97VFAVe4B6nIDTP/GmQT8yrexeSmEgQAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalyellowdash {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAPklEQVQ4y2P8//8/AyWAcdQAKhnw/7DuXiDbiUS9+xhtLzvDDCDLGUADGKlmwHYg34NE/TuABniOpoPBYAAABIRB4WzCNtQAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalredtriangledown {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4y+3SuQ0AIAwDQG/HXF6XJQIpIqGI8HaIwp19lSEiuAk+AOSUWCOHoQKniG5gwC5C27XAKsJ244EZQt/vARHCXjcCPMKoNwIM4ajzwJULT+B6dzLOrKIAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalreddownarrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAWElEQVQ4y+2RsQ0AIQwDsx1zeTAWYgnzDU2UGHhER3Gd7ySCkbQTrJUSUT/oqNE2CzDhBW4FIIQZGKU/EfgnYFeOboAdOTsiVmX1C1iRVcBHkO1UYESgNh3NBvmKVyi8/AAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgreentriangleup {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAR0lEQVQ4y2P4//8/AyWYYeAN6DnqhA/XQTFONYQ0/4fiOlINQNaM1xBiNeM0hBTNWA0hVTOGIeRoRjGEXM1wQxiGQVIecAMAuu+Hx+cH2fkAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgreenarrowup {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUElEQVQ4y2PoOerEgAfXQTFONYQ0/4fiOlINQNaM1xBiNeM0hBTNWA0hVTOGIeRoRjGEXM1wQ3DFAi4NREfjqAFUMGA7Fs3bsRrw//9/ijAAgJgSrRSqY1MAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgrayupinclinearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAcUlEQVQoz43RuwmAMBRG4b+TdM4QHOXMZW8bHMFGUBzB0bRQuHkZ5Jbn45KHLrVHPwDCMXOWY+CDxKBKUiB69hbomFobKjkG1WygzFsKxixP9IQYrFnuEI5gYODI8vMuwQ7pX2JZCBdf07MwJln8+80bTVzWofY0B1gAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgraysidearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVUlEQVQoz2P4z+CCCuNQ+QwYCvajKsGmAEUJdgVISnApgCsBKeiDC6LCOJiC/ThhHCEFQCWEFCTiV5AIsaITtzQ+bybiD4dE/AGViD+oE/FHViIqHwDYGZ5g3UMWXgAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgraydowninclinearrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAdUlEQVQoz4XRsQnAIBAF0OuOFFnCWf5c9mkzQ5qAkBEcLTkRPS9RwxcE/ys+SDfNIwcpDgc8GNRGgcOFKNkM4QJKbQljL+CstRKpEQvwBiSyploBy5MlId868kteYEBa0CUWkEwLM7Dk5SPQqVvQrSv4/c15HlGM1ozVv+W3AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgraydownarrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAS0lEQVQoz9WPyQ0AIAzDMlwWyUKsxGjwAbXh+iP/aktt0fAGDArroMQ0BzXxWyATKwJfieYK3XTcoLPOR+qk/Qvt2oOZKM88AOWa6AMann2XLrW7AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.dx-icon-dashboard-cf-directionalgrayarrowup {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAQ0lEQVQoU2NwYUCBcUCIIoIuvR8IUZRgSqMpwSaNogS7NJISXNJwJbiloUrwSYOVIBzJgCIBFx1yCjrh0p1ICv4TgACosp5D7qvP7AAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dx-dashboard-master-filters-popup .dx-datagrid-rowsview a {
    color: #337ab7
}

.dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
    background-color: #e5e5e5;
    color: #333
}

    .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-link, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-link, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-link, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-link {
        color: inherit
    }

.dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom-color: #e5e5e5;
    border-top-color: #e5e5e5
}

.dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td, .dx-dashboard-master-filters-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5
}

.dx-dashboard-master-filters-popup.dx-overlay-shader {
    background-color: rgba(0,0,0,.5)
}

.dx-dashboard-master-filters-popup .dx-overlay-content {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

    .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 70px;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

        .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list-container > div {
            transition: flex .25s ease
        }

    .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        padding: 20px
    }

        .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list .dx-dashboard-masters-preview-item {
            display: block;
            margin-bottom: 20px;
            cursor: pointer
        }

            .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list .dx-dashboard-masters-preview-item .dx-dashboard-masters-preview-item-name {
                font-size: 18px;
                text-decoration-style: dashed;
                color: #337ab7
            }

                .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list .dx-dashboard-masters-preview-item .dx-dashboard-masters-preview-item-name:first-child {
                    padding-top: 0
                }

            .dx-dashboard-master-filters-popup .dx-overlay-content .master-filters-list .dx-dashboard-masters-preview-item .dx-dashboard-masters-preview-filtervalues {
                font-size: 11px
            }

    .dx-dashboard-master-filters-popup .dx-overlay-content .dx-dashboard-standalone-item {
        position: relative;
        display: block;
        width: 100%;
        height: 200px
    }

    .dx-dashboard-master-filters-popup .dx-overlay-content .apply-buttons {
        height: 70px;
        padding: 20px;
        display: flex;
        background-color: #fff;
        align-items: stretch;
        align-content: stretch;
        flex-flow: row wrap
    }

        .dx-dashboard-master-filters-popup .dx-overlay-content .apply-buttons .dx-button {
            flex: 1;
            margin-left: 20px
        }

            .dx-dashboard-master-filters-popup .dx-overlay-content .apply-buttons .dx-button:first-child {
                margin-left: 0
            }

.dx-dashboard-mobile-layout .dx-list-group-header {
    background-color: #efefef;
    border-bottom: none;
    border-top-width: 2px
}

.dx-dashboard-mobile-layout .dx-list-item {
    border: none
}

    .dx-dashboard-mobile-layout .dx-list-item .dx-list-item-content {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0;
        padding-bottom: 12px;
        text-align: initial;
        overflow: hidden
    }

        .dx-dashboard-mobile-layout .dx-list-item .dx-list-item-content:before {
            content: ""
        }

.dx-dashboard-mobile-layout .dx-dashboard-mobile-layout-maximize-icon {
    position: absolute;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 37px;
    width: 60px;
    height: 60px;
    opacity: 0
}

    .dx-dashboard-mobile-layout .dx-dashboard-mobile-layout-maximize-icon.dx-dashboard-mobile-layout-maximize-icon-selected {
        background-color: #e5e5e5
    }

    .dx-dashboard-mobile-layout .dx-dashboard-mobile-layout-maximize-icon svg {
        width: 60px;
        height: 60px;
        pointer-events: none;
        fill: transparent
    }

.dx-dashboard-mobile-layout .dx-dashboard-mobile-layout-item-shield {
    position: absolute;
    z-index: 150;
    top: 0;
    left: 12px;
    bottom: 12px;
    right: 12px;
    background: rgba(229,229,229,0);
    transition: background .2s ease
}

    .dx-dashboard-mobile-layout .dx-dashboard-mobile-layout-item-shield.dx-dashboard-mobile-layout-item-selected {
        background: rgba(229,229,229,.5)
    }

.dx-dashboard-mobile-layout .dx-state-disabled .dx-dashboard-standalone-item .dx-widget {
    opacity: 1
}

.dx-dashboard-mobile-layout .dx-dashboard-standalone-item-container {
    width: 100%;
    height: 250px;
    display: block
}

.dx-dashboard-mobile-layout .dx-list-group-header {
    padding-left: 21px;
    padding-top: 10px
}

    .dx-dashboard-mobile-layout .dx-list-group-header.dx-dashboard-group-without-caption, .dx-dashboard-mobile-layout .dx-list-group-header.dx-dashboard-ungrouped-item {
        padding: 0;
        height: 12px
    }

    .dx-dashboard-mobile-layout .dx-list-group-header.dx-dashboard-display-none {
        display: none
    }

.dx-dashboard-action-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
    padding-left: 17px
}

.dx-dashboard-action-toolbar .dx-toolbar-after .dx-toolbar-item:last-child {
    padding-right: 6px
}

.dx-dashboard-action-toolbar .dx-dashboard-back-button {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px
}

.dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar {
    padding-top: 0;
    padding-bottom: 0
}

    .dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar .dx-toolbar-before .dx-toolbar-item:first-child, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
        padding-left: 9px
    }

    .dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar .dx-toolbar-items-container, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar .dx-toolbar-items-container {
        height: 34px
    }

    .dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar .dx-button, .dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar .dx-toolbar-item, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar .dx-button, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar .dx-toolbar-item {
        color: #333;
        font-size: 22px;
        font-weight: 700
    }

    .dx-dashboard-content-toolbar.dx-dashboard-caption-toolbar.dx-dashboard-caption-toolbar, .dx-dashboard-content-toolbar.dx-dashboard-title-toolbar.dx-dashboard-caption-toolbar {
        margin-top: 10px
    }

.dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview a {
    color: #337ab7
}

.dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
    background-color: #e5e5e5;
    color: #333
}

    .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-link, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-link, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-link, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-link {
        color: inherit
    }

.dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom-color: #e5e5e5;
    border-top-color: #e5e5e5
}

.dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td, .dx-dashboard-fullscreen-item-popup .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5
}

.dx-dashboard-fullscreen-item-popup .dx-dashboard-action-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
    padding-left: 5px
}

.dx-dashboard-fullscreen-item-popup .dx-dashboard-action-toolbar .dx-toolbar-after .dx-toolbar-item:last-child {
    padding-right: 5px
}

.dx-dashboard-fullscreen-item-popup.dx-popup-wrapper > .dx-overlay-content {
    background-color: #efefef
}

.dx-dashboard-fullscreen-item-popup .dx-overlay-content {
    padding: 0
}

.dx-dashboard-widget-container .dx-toast-custom {
    box-shadow: none
}

.dx-dashboard-widget-container .dx-dashboard-notificator {
    opacity: .65;
    border-radius: 2px;
    padding: 7px 20px;
    line-height: normal
}

    .dx-dashboard-widget-container .dx-dashboard-notificator.dx-dashboard-error {
        background-color: #d9534f
    }

        .dx-dashboard-widget-container .dx-dashboard-notificator.dx-dashboard-error h1 {
            text-transform: none;
            font-size: 10px
        }

    .dx-dashboard-widget-container .dx-dashboard-notificator.dx-dashboard-success {
        background-color: #5cb85c
    }

    .dx-dashboard-widget-container .dx-dashboard-notificator.dx-dashboard-info {
        background-color: #000;
        color: #fff
    }

    .dx-dashboard-widget-container .dx-dashboard-notificator h1 {
        white-space: pre;
        margin-top: 10px;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700
    }

        .dx-dashboard-widget-container .dx-dashboard-notificator h1:first-child {
            color: #fff;
            margin-top: 0
        }

    .dx-dashboard-widget-container .dx-dashboard-notificator span {
        font-size: 11px
    }

.dx-layout {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: table;
    border-spacing: 0
}

.dx-layout-group {
    display: table-row
}

.dx-layout-item {
    display: table-cell;
    vertical-align: top
}

.flex-center-align {
    align-self: center
}

.dx-dashboard-loading-indicator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dx-layout-item-wrapper {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    display: inline-block;
    vertical-align: top;
    pointer-events: none
}

    .dx-layout-item-wrapper .dx-layout-item-container {
        margin: 3px
    }

        .dx-layout-item-wrapper .dx-layout-item-container.dx-layout-item-container-transparent {
            background-color: transparent;
            box-shadow: none;
            border-radius: 0
        }

        .dx-layout-item-wrapper .dx-layout-item-container .dx-dashboard-loading-indicator {
            top: 3px;
            left: 3px;
            bottom: 3px;
            right: 3px
        }

.dx-layout.dx-layout-drag-in-progress .dx-layout-item-container, .dx-layout.dx-layout-drag-in-progress .dx-layout-item-cover, .dx-layout.dx-layout-drag-in-progress .dx-layout-item-wrapper {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none
}

.dx-layout-item-cover {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background-color: azure;
    opacity: .6;
    pointer-events: auto;
    cursor: pointer;
    border: 1px solid #add8e6;
    box-sizing: border-box
}

    .dx-layout-item-cover.dx-layout-selected {
        pointer-events: none;
        opacity: .15;
        background-color: transparent
    }

    .dx-layout-item-cover.dx-drag-over-top {
        border-top: 10px solid #00f;
        box-sizing: border-box
    }

    .dx-layout-item-cover.dx-drag-over-left {
        border-left: 10px solid #00f;
        box-sizing: border-box
    }

    .dx-layout-item-cover.dx-drag-over-right {
        border-right: 10px solid #00f;
        box-sizing: border-box
    }

    .dx-layout-item-cover.dx-drag-over-bottom {
        border-bottom: 10px solid #00f;
        box-sizing: border-box
    }

.dx-dragbar-e {
    position: absolute;
    top: 0;
    right: -3px;
    width: 6px;
    cursor: ew-resize;
    pointer-events: auto;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.dx-dragbar-s {
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 6px;
    cursor: ns-resize;
    pointer-events: auto;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.dx-ghostbar-e {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    pointer-events: auto;
    position: absolute;
    width: 6px;
    cursor: ew-resize;
    background: url(data:image/gif;base64,R0lGODlh9AH0AYAAAMzMzP///yH5BAEAAAEALAAAAAD0AfQBAAL/RIynyesNn4x02oqvznz7Dn5iSI5miZ5qyq5uG74yPNf0bef4rvf87wsCYUOhsYg8KpPMpbMJfZqk0Sr1as1it9oud+INf8XksbmMPivV6Tb77Y7D51W5nY6/6/P8e/+/Fwg4KFg4Y4hIqJjIuMjn2BgJOSlZKWSJSamZybkp4dkZCjoqGlhKinqqmnrFuvrqGgtLJFs7a4t725DLq9v7y+krDEw8bFiMbJy8HKbszAz9HBVNLV19TWKtjc293dEN7h3OLF4+bi5+ro6+7sr+3g4PG08vX09on3+v37jvz/9vDMCBAQmmKYjQYEIfChsudJjkoUSIEz9QvFgRY4mM/xw1ZvQIsiNHkSFLPjSJkmRAlSlb1nMJk6U6mTFrdrOJkyY1nTl7JvMJlOcvoUGL2jKKlCgrpUmbgnIKlekkqVGr4qOK1WqirFy1AvIKtqsasWHLcjGLlqwUtWnbHnELl20PuXHrHqKL1y6QvHz12vALuK8GwYELPzCMmHAAxYkLN2YMedfjyWwpWxYbOfPky5yxav6MuLNopaBLAx6NWqfp1XVTu1bJOnbb17RH1r59UrbusLt7a8UNHKHv4VCDG/dHPDnS48zpKX8OtLn0mdOr34SO3Wb27TCte7/GPTzK7+ShiT8Psrx6ZOjbX1wPf2j8+Ufd21d4P/9A+vxj6f//n09/AqICYIHvDIigJwYuWE6CDk71YIRXSUjhIxVeSAeGGr7BYIfabAiiGR6O6EyIJm5BYorCnMjiWi2++JaKMs4DY40MzYjjKTnuGIqNPubAY5CY/EikDEIeGUmRSqqAZJOILAmlCE5OaQqVVspxZZZtRMnlYF1+eZiWYooxZpldgImmAmauWQebbkaUJppxvinlnF/aSWcGee65A55d8gkoLX4GquagUBpKqAGJLgoCoksyCikGjhIaaaUQTFqkpZoigCmgm27a6Y+fyjlqpaXeeSqkqXIZ6p6rMtqqja8eOiulsb55K4y1Kpmrm7sG2muLvxIZ7JrD8lnsicf/+phsmcvm2WyIz9YYrZjT4nqtsNVquG2W2bLZLYbfshiuleOaWW6F55qY7pTrjtmuhO+CGG+T82pZ74P3cruvufkK+W+C/V4YcJADU1nwgAdTmPCOCzvZcH8PRxgxjhMjWTF9FzuYsYwbA/yxwh3DN3KKIfNY8nonC5jyiCvn2HJ5L/MXc4czz1jzdzfPl/OCO6vYs3U/kzy0y0EDePR0RauX9H9Le9h0c0+TF3V+UzNY9XFXe5e1fVsb2HVwX1cXdntjI3221GXftvZ5aevXdm1vMxd3eHPfV/drdxuX93Z7u9d3an8DFzh2g6NX+GiHs7243Ykr93hnjdMWeXKT/3NX+WWXu5b5cJtn1zlln6MWem+jQ1f6Y6eLlrpuq0P+uuathxa757OzdrthtVuW+2q7+9Z7YL9vNrzrwYN2vF/FN5b8Z8vL1rxdz9MePWTT43698NXDtb313c+WfWnhnza+898Tdn5a5euVvmDra9a+We+3Nr/39YMfP173M5Y/b/3T9T+v7A9/A+RLAdESQLkcsC8JtMoCy9JAtTwwLxGMygTBUkHMZLApG+TKBQH4QQd2cDkhlOAIqXJCo5SwKimUygrJ0sKgvLA4M/RgDIlyQ5/UkIM79EwOefLDnPSQhEGUyRBReEQZFrEmSzRiE7uTRNI8kSRTdEkUo3NFof9ksSdVFMkWgfhF7XRxPGF0YhmhOMaKnJElaTTJGtH4RtvEkYxtlMgcO1LHkNyRjnu0Yx5z80eM9LEkgVzIICdSSEEmsiCLpMgh0/NIQzbyH5N0SCQ1UknkZNIgm7zHJRPSSYJ88j2jXEko43FKgJQSIqlsxyop+Ur8tDJAsfTkLM9xS3vUkpO7dE4uw/FLePRyP8N0ZTCvc0xzFJMfyeTGMtfRTGVGsxrTTEc1o3HNbTyTltlcxjZx+U1hdlMa4/RmOUsUTnCk80DrdOY5i/FOZbQTHfEkxjyxUc9h3LNB+9xJPnvxT1/00xsB5cVAsXlQaySUHAt9RkN/8lB5FnRVFhPFRUTheVF9VvQVG61FRoHR0VV8dEUjNWhI3VHSW6Q0FyfVUUtT8VJRrJSiM/VoTElx007UlKM79U9On9JTlwYVpkOV6U+HVFQCHXUTS7VEUkNRAAA7) repeat
}

.dx-ghostbar-s {
    position: absolute;
    height: 6px;
    cursor: ns-resize;
    background: url(data:image/gif;base64,R0lGODlh9AH0AYAAAMzMzP///yH5BAEAAAEALAAAAAD0AfQBAAL/RIynyesNn4x02oqvznz7Dn5iSI5miZ5qyq5uG74yPNf0bef4rvf87wsCYUOhsYg8KpPMpbMJfZqk0Sr1as1it9oud+INf8XksbmMPivV6Tb77Y7D51W5nY6/6/P8e/+/Fwg4KFg4Y4hIqJjIuMjn2BgJOSlZKWSJSamZybkp4dkZCjoqGlhKinqqmnrFuvrqGgtLJFs7a4t725DLq9v7y+krDEw8bFiMbJy8HKbszAz9HBVNLV19TWKtjc293dEN7h3OLF4+bi5+ro6+7sr+3g4PG08vX09on3+v37jvz/9vDMCBAQmmKYjQYEIfChsudJjkoUSIEz9QvFgRY4mM/xw1ZvQIsiNHkSFLPjSJkmRAlSlb1nMJk6U6mTFrdrOJkyY1nTl7JvMJlOcvoUGL2jKKlCgrpUmbgnIKlekkqVGr4qOK1WqirFy1AvIKtqsasWHLcjGLlqwUtWnbHnELl20PuXHrHqKL1y6QvHz12vALuK8GwYELPzCMmHAAxYkLN2YMedfjyWwpWxYbOfPky5yxav6MuLNopaBLAx6NWqfp1XVTu1bJOnbb17RH1r59UrbusLt7a8UNHKHv4VCDG/dHPDnS48zpKX8OtLn0mdOr34SO3Wb27TCte7/GPTzK7+ShiT8Psrx6ZOjbX1wPf2j8+Ufd21d4P/9A+vxj6f//n09/AqICYIHvDIigJwYuWE6CDk71YIRXSUjhIxVeSAeGGr7BYIfabAiiGR6O6EyIJm5BYorCnMjiWi2++JaKMs4DY40MzYjjKTnuGIqNPubAY5CY/EikDEIeGUmRSqqAZJOILAmlCE5OaQqVVspxZZZtRMnlYF1+eZiWYooxZpldgImmAmauWQebbkaUJppxvinlnF/aSWcGee65A55d8gkoLX4GquagUBpKqAGJLgoCoksyCikGjhIaaaUQTFqkpZoigCmgm27a6Y+fyjlqpaXeeSqkqXIZ6p6rMtqqja8eOiulsb55K4y1Kpmrm7sG2muLvxIZ7JrD8lnsicf/+phsmcvm2WyIz9YYrZjT4nqtsNVquG2W2bLZLYbfshiuleOaWW6F55qY7pTrjtmuhO+CGG+T82pZ74P3cruvufkK+W+C/V4YcJADU1nwgAdTmPCOCzvZcH8PRxgxjhMjWTF9FzuYsYwbA/yxwh3DN3KKIfNY8nonC5jyiCvn2HJ5L/MXc4czz1jzdzfPl/OCO6vYs3U/kzy0y0EDePR0RauX9H9Le9h0c0+TF3V+UzNY9XFXe5e1fVsb2HVwX1cXdntjI3221GXftvZ5aevXdm1vMxd3eHPfV/drdxuX93Z7u9d3an8DFzh2g6NX+GiHs7243Ykr93hnjdMWeXKT/3NX+WWXu5b5cJtn1zlln6MWem+jQ1f6Y6eLlrpuq0P+uuathxa757OzdrthtVuW+2q7+9Z7YL9vNrzrwYN2vF/FN5b8Z8vL1rxdz9MePWTT43698NXDtb313c+WfWnhnza+898Tdn5a5euVvmDra9a+We+3Nr/39YMfP173M5Y/b/3T9T+v7A9/A+RLAdESQLkcsC8JtMoCy9JAtTwwLxGMygTBUkHMZLApG+TKBQH4QQd2cDkhlOAIqXJCo5SwKimUygrJ0sKgvLA4M/RgDIlyQ5/UkIM79EwOefLDnPSQhEGUyRBReEQZFrEmSzRiE7uTRNI8kSRTdEkUo3NFof9ksSdVFMkWgfhF7XRxPGF0YhmhOMaKnJElaTTJGtH4RtvEkYxtlMgcO1LHkNyRjnu0Yx5z80eM9LEkgVzIICdSSEEmsiCLpMgh0/NIQzbyH5N0SCQ1UknkZNIgm7zHJRPSSYJ88j2jXEko43FKgJQSIqlsxyop+Ur8tDJAsfTkLM9xS3vUkpO7dE4uw/FLePRyP8N0ZTCvc0xzFJMfyeTGMtfRTGVGsxrTTEc1o3HNbTyTltlcxjZx+U1hdlMa4/RmOUsUTnCk80DrdOY5i/FOZbQTHfEkxjyxUc9h3LNB+9xJPnvxT1/00xsB5cVAsXlQaySUHAt9RkN/8lB5FnRVFhPFRUTheVF9VvQVG61FRoHR0VV8dEUjNWhI3VHSW6Q0FyfVUUtT8VJRrJSiM/VoTElx007UlKM79U9On9JTlwYVpkOV6U+HVFQCHXUTS7VEUkNRAAA7) repeat;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.dx-dashboard-cover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.dx-dashboard-viewer :focus-visible {
    outline-width: 2px;
    outline-style: solid;
    outline-color: #337ab7
}

    .dx-dashboard-viewer :focus-visible.dx-texteditor-input {
        outline-width: 0
    }

    .dx-dashboard-viewer :focus-visible.dx-dashboard-tabs-container {
        outline-style: dashed
    }

    .dx-dashboard-viewer :focus-visible.dx-dashboard-date-filter-button, .dx-dashboard-viewer :focus-visible.dx-dashboard-group-item, .dx-dashboard-viewer :focus-visible.dx-dashboard-simple-border, .dx-dashboard-viewer :focus-visible.dx-flex-card-layout, .dx-dashboard-viewer :focus-visible.widget-viewer-cell {
        outline-offset: -2px
    }

    .dx-dashboard-viewer :focus-visible.dx-dashboard-ellipsis {
        border-radius: 3px
    }

.dx-dashboard-widget-container .dx-state-focused:focus-visible, div.dx-dashboard-item-container.dx-dashboard-item-container-activated:focus-visible {
    outline-width: 3px;
    outline-style: solid;
    outline-color: #337ab7
}

    .dx-dashboard-widget-container .dx-state-focused:focus-visible.dx-dashboard-standalone-item, div.dx-dashboard-item-container.dx-dashboard-item-container-activated:focus-visible.dx-dashboard-standalone-item {
        outline-offset: -2px
    }

div.dx-dashboard-item-container:focus-visible {
    outline-width: 3px;
    outline-style: dashed;
    outline-color: #337ab7
}

.dx-tab-content div.dx-dashboard-item-container.dx-dashboard-item-container-activated:focus-visible, .dx-tab-content div.dx-dashboard-item-container:focus-visible {
    outline-offset: -3px
}

.dx-dashboard-viewer {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background-color: initial
}

.dx-dashboard-layout-container {
    height: auto;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .dx-dashboard-layout-container > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar {
        z-index: 102
    }

dx-dashboard-layout-group .dx-layout-group .dx-layout-item-container, dx-dashboard-layout-tab-container .dx-layout-group .dx-layout-item-container {
    padding: 0
}

    dx-dashboard-layout-group .dx-layout-group .dx-layout-item-container:not(.dx-layout-item-container-transparent), dx-dashboard-layout-tab-container .dx-layout-group .dx-layout-item-container:not(.dx-layout-item-container-transparent) {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none
    }

.dx-dashboard-item-container {
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    pointer-events: visiblePainted;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap
}

    .dx-dashboard-item-container .dx-layout-item-empty, .dx-dashboard-item-container .dx-layout-item-loading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        align-self: center;
        padding: 10px;
        width: 100%;
        text-align: center;
        color: rgba(51,51,51,.7);
        font-size: 11px;
        white-space: initial
    }

        .dx-dashboard-item-container .dx-layout-item-empty.dx-layout-item-empty-inside-tab, .dx-dashboard-item-container .dx-layout-item-loading.dx-layout-item-empty-inside-tab {
            align-items: start
        }

.dx-dashboard-mobile-layout .dx-dashboard-standalone-item-container.dx-state-disabled .dx-dashboard-item-container {
    pointer-events: none
}

    .dx-dashboard-mobile-layout .dx-dashboard-standalone-item-container.dx-state-disabled .dx-dashboard-item-container.dx-layout-item-container-transparent {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0
    }

.dx-dashboard-fullscreen-item-base {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1500;
    background-color: #efefef
}

.dx-dashboard-hidden-element {
    display: none
}

.dx-dashboard-tab-button {
    padding: 6px 5px;
    cursor: pointer
}

    .dx-dashboard-tab-button > div {
        width: 24px;
        height: 24px
    }

        .dx-dashboard-tab-button > div svg {
            width: 24px;
            height: 24px;
            margin: 0 0;
            pointer-events: none;
            color: rgba(51,51,51,.65)
        }

        .dx-dashboard-tab-button > div.dx-state-disabled svg {
            color: rgba(51,51,51,.2)
        }

        .dx-dashboard-tab-button > div:hover svg {
            color: #333
        }

.dx-dashboard-tabs-container {
    display: block
}

.dx-dashboard-tabs-content {
    position: absolute;
    top: 0;
    bottom: 0
}

    .dx-dashboard-tabs-content.dx-dashboard-design {
        position: absolute;
        left: 0;
        right: 0
    }

.dx-dashboard-layout-tabs-container {
    display: flex;
    align-items: center;
    background-color: #f7f7f7
}

    .dx-dashboard-layout-tabs-container .dx-dashboard-item-container {
        background-color: #f7f7f7
    }

.dx-dashboard-tab-button {
    border-bottom: 1px solid #ddd
}

    .dx-dashboard-tab-button.dx-dashboard-toggle-menu-button:focus-visible {
        outline-offset: -2px
    }

.dx-dashboard-layout-tabs.dx-tabs-expanded {
    display: flex
}

.dx-dashboard-layout-tabs .dx-tabs-wrapper {
    display: flex;
    border-block-start: none;
    border-block-end: none;
    -webkit-border-after: none;
    -webkit-border-before: none;
    background-color: #ddd
}

    .dx-dashboard-layout-tabs .dx-tabs-wrapper:after {
        border-block-start: none;
        border-inline-start: none;
        -webkit-border-start: none;
        border-block-end: none;
        border-inline-end: none;
        -webkit-border-end: none
    }

.dx-dashboard-layout-tabs .dx-tab-content {
    display: block
}

.dx-dashboard-layout-tabs .dx-toolbar {
    background-color: transparent
}

.dx-dashboard-layout-tabs.dx-tabs {
    border: 0
}

    .dx-dashboard-layout-tabs.dx-tabs .dx-dashboard-item-container {
        box-shadow: none;
        border: none
    }

    .dx-dashboard-layout-tabs.dx-tabs .dx-dashboard-standalone-item:not(.dx-dashboard-hidden-element) {
        border-right: 1px solid #ddd
    }

        .dx-dashboard-layout-tabs.dx-tabs .dx-dashboard-standalone-item:not(.dx-dashboard-hidden-element).dx-dashboard-ignore-border {
            border-right: none
        }

    .dx-dashboard-layout-tabs.dx-tabs .dx-tab {
        padding: 0;
        display: block;
        flex-basis: auto;
        flex-grow: 0;
        border-radius: 2px
    }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab:not(.dx-tab-selected) .dx-dashboard-standalone-item:not(.dx-dashboard-hidden-element) {
            border-bottom: 1px solid #ddd
        }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab:not(.dx-tab-selected).dx-state-hover .dx-dashboard-item-container {
            background-color: #efefef
        }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-tab-selected .dx-dashboard-cover {
            pointer-events: none
        }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-tab-selected:after {
            border: none
        }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-tab-selected .dx-dashboard-item-container {
            background-color: #fff
        }

        .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-state-active::after, .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-state-hover::after {
            -webkit-border-after: none;
            border-block-start: none;
            -webkit-border-before: none;
            border-block-end: none;
            border-inline-start: none;
            -webkit-border-start: none;
            border-inline-end: none;
            -webkit-border-end: none
        }

.dx-dashboard-layout-tabs .dx-tab-content .dx-dashboard-group-item {
    padding: 0
}

.dx-dashboard-settings-form .dx-list-search {
    height: 40px;
    margin-bottom: 0
}

    .dx-dashboard-settings-form .dx-list-search, .dx-dashboard-settings-form .dx-list-search.dx-state-hover {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent
    }

.dx-dashboard-settings-form.dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: calc(100% - 40px)
}

.dx-dashboard-settings-form .dx-texteditor.dx-editor-outlined {
    border-radius: 0
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-title {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    background-color: #414141;
    font-size: 11px;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 700
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-content {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 50px 60px 50px;
    background-color: #efefef;
    min-width: 600px;
    min-height: 300px
}

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-wrapper {
        display: grid;
        grid-column-gap: 50px;
        grid-template-columns: 2fr 5fr;
        height: 100%
    }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column.dx-dashboard-form-new {
        padding: 0 15%;
        min-height: 300px;
        min-width: 560px;
        height: 100%;
        display: flex;
        flex-direction: column
    }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column.dx-dashboard-form-new .dx-dashboard-form-row .dx-dashboard-form-row-caption {
            color: rgba(51,51,51,.8);
            font-size: 14px;
            text-transform: none;
            font-weight: 400;
            margin: 40px 0 10px 0
        }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column.dx-dashboard-form-new .dx-dashboard-form-row-caption:not(:first-child) {
            margin: 40px 0 10px 0
        }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column.dx-dashboard-form-new .dx-dashboard-form-new-content {
            flex: 1 1 0;
            margin-top: 40px;
            min-height: 200px
        }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column.dx-dashboard-form-new .dx-dashboard-form-new-button {
            text-align: right;
            margin-top: 20px
        }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-column-content-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        pointer-events: auto
    }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-caption:not(:first-child) {
        margin-top: 10px
    }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-action-list .dx-dashboard-form-row-action {
        display: inline-block;
        color: #337ab7;
        text-decoration: underline;
        cursor: pointer;
        text-transform: none;
        font-size: 12px;
        font-weight: 400;
        margin-left: 20px
    }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-action-list .dx-dashboard-form-row-action:first-of-type {
            margin-left: 0
        }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-action-list .dx-dashboard-form-row-action.disabled-action {
            color: rgba(51,51,51,.6);
            cursor: default
        }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-inline-action {
        color: #337ab7;
        text-decoration: underline;
        cursor: pointer
    }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 0
    }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-content > div {
            flex: 1 1 0
        }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row-content:first-child .dx-editors .dx-fieldset .dx-field .dx-field-label {
            padding-top: 0
        }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row {
        display: flex;
        flex-direction: column;
        flex: 1 1 0
    }

        .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row:not(:first-of-type) {
            padding-top: 23px
        }

            .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-row:not(:first-of-type) .dx-dashboard-form-row-content {
                top: 45px
            }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-left-column .dx-dashboard-form-parameter-placeholder {
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px
    }

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-form-right-column {
        pointer-events: none
    }

.dx-dashboard-settings-form .dx-dashboard-form-row-caption {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    height: 22px;
    display: flex;
    justify-content: space-between;
    color: rgba(51,51,51,.8);
    flex: 0 0 auto
}

    .dx-dashboard-settings-form .dx-dashboard-form-row-caption > span {
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.dx-dashboard-settings-form .dx-empty-message {
    border: none;
    text-align: center;
    color: rgba(51,51,51,.6)
}

.dx-dashboard-form-column .dx-dashboard-form-column-content-wrapper .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 100%
}

.dx-dashboard-form-open {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-form-open.dx-list {
        background: #fff
    }

        .dx-dashboard-form-open.dx-list .dx-list-search {
            height: 40px;
            margin-bottom: 0
        }

            .dx-dashboard-form-open.dx-list .dx-list-search, .dx-dashboard-form-open.dx-list .dx-list-search.dx-state-hover {
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent
            }

        .dx-dashboard-form-open.dx-list.dx-list.dx-list-with-search .dx-scrollable-wrapper {
            height: calc(100% - 40px)
        }

        .dx-dashboard-form-open.dx-list .dx-texteditor.dx-editor-outlined {
            border-radius: 0
        }

.dx-dashboard-title-settings-preview-wrapper {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 100%
}

    .dx-dashboard-title-settings-preview-wrapper .dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-item, .dx-dashboard-title-settings-preview-wrapper .dx-dashboard-title-toolbar .dx-toolbar-after .dx-toolbar-item {
        padding: 0 0 0 8px
    }

    .dx-dashboard-title-settings-preview-wrapper .dx-dashboard-caption-toolbar .dx-toolbar-before .dx-toolbar-item:first-child, .dx-dashboard-title-settings-preview-wrapper .dx-dashboard-title-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
        padding-left: 10px
    }

.dx-dashboard-properties .dx-texteditor:not(.dx-treeview-search) .dx-texteditor-buttons-container, .dx-dashboard-properties .dx-texteditor:not(.dx-treeview-search) .dx-texteditor-container, .dx-dashboard-properties .dx-texteditor:not(.dx-treeview-search) .dx-texteditor-input {
    background-color: #fff
}

.dx-dashboard-treeview .dx-list-search {
    height: 40px;
    margin-bottom: 0
}

    .dx-dashboard-treeview .dx-list-search, .dx-dashboard-treeview .dx-list-search.dx-state-hover {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent
    }

.dx-dashboard-treeview.dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: calc(100% - 40px)
}

.dx-dashboard-treeview .dx-texteditor.dx-editor-outlined {
    border-radius: 0
}

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-list {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff
}

.dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog {
    position: relative;
    width: 100%;
    height: calc(100% + 30px);
    display: flex;
    flex-direction: column
}

    .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-fieldset {
        margin: 0 0 10px 0
    }

    .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-dashboard-calc-field-expression {
        flex-grow: 1;
        margin-bottom: 10px
    }

        .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-dashboard-calc-field-expression .dx-expressioneditor.dx-filtereditor .dx-overlay-content .dx-popup-content .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-popular .dx-expressioneditor-tools-popular-content {
            width: 100%
        }

        .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-dashboard-calc-field-expression .dx-expressioneditor .dx-expression-tree {
            padding: 0;
            background-color: transparent
        }

    .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-expressioneditor .dx-expression-tree .dx-expressioneditor-textarea {
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px
    }

    .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools {
        background-color: transparent
    }

        .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab {
            -moz-background-clip: padding-box;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ddd;
            border-radius: 2px
        }

            .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-expressioneditor .dx-expression-tree .dx-expressioneditor-tools .dx-expressioneditor-tools-tabs .dx-expressioneditor-tools-tab:last-of-type {
                margin-right: 0
            }

    .dx-dashboard-calc-field-editor-popup .dx-dashboard-calc-field-dialog .dx-invalid .dx-expressioneditor .dx-expression-tree .dx-expressioneditor-textarea {
        border-color: #d9534f
    }

.dx-dashboard-window-definition-editor .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 100%
}

.dx-dashboard-window-definition-editor .dx-field-label {
    padding-bottom: 2px
}

.dx-dashboard-window-definition-editor .dx-dashboard-properties .dx-editors .dx-fieldset .dx-field-label {
    height: 0;
    padding: 0
}

.dx-dashboard-window-definition-editor .dx-dashboard-properties .dx-editors .dx-fieldset .dxrd-editor {
    padding-bottom: 7px
}

.dx-dashboard-window-definition-editor .dx-dashboard-window-definition-selector {
    display: block
}

.dx-dashboard-window-definition-editor .dx-dashboard-window-definition-selector, .dx-dashboard-window-definition-editor .dx-field-value {
    margin-bottom: 4px
}

.dx-color-scheme-tree-view-container {
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-color-scheme-tree-view-container .dx-dashboard-treeview {
        min-height: 0
    }

    .dx-color-scheme-tree-view-container .dx-treeview-search {
        border: none;
        border-bottom: 1px solid #ddd
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-dashboard-remove-icon {
        position: absolute;
        right: 10px;
        top: 0;
        visibility: hidden
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected .dx-dashboard-remove-icon, .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) > .dx-state-hover .dx-dashboard-remove-icon {
        visibility: visible
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-treeview-item-content .dx-color-scheme-tree-item.dx-color-scheme-group-tree-item {
        padding-left: 12px
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-treeview-item-content .dx-color-scheme-tree-item .dx-dashboard-color-scheme-item-name {
        padding-left: 4px;
        vertical-align: middle
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-treeview-expander-icon-stub {
        display: none
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox)[aria-expanded=true] > .dx-treeview-item .dx-treeview-item-content .dx-color-scheme-tree-item.dx-color-scheme-group-tree-item {
        font-weight: 700
    }

.dx-dashboard-colors-list-compact.dx-list {
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-colors-list-compact.dx-list .dx-list-search.dx-searchbox {
        border: none;
        border-bottom: 1px solid #ddd
    }

    .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content {
        padding: 0
    }

        .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item {
            margin: 2px 2px 0 2px;
            position: relative
        }

            .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-edit-color-icon svg, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-edit-color-icon svg {
                width: 26px;
                height: 26px;
                pointer-events: none;
                fill: transparent
            }

        .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content:hover .dx-dashboard-edit-color-icon svg, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content:hover .dx-dashboard-edit-color-icon svg {
            fill: rgba(255,255,255,.5)
        }

        .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content:hover .dx-dashboard-edit-color-icon:hover svg, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content:hover .dx-dashboard-edit-color-icon:hover svg {
            fill: #fff
        }

.dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list {
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item {
        border-top: none;
        border-bottom: 1px solid #e5e5e5
    }

        .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-remove-icon {
            width: 30px;
            height: 30px;
            position: absolute;
            right: 10px;
            top: 0;
            visibility: hidden
        }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-remove-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: #d9534f
            }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-remove-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-remove-icon:hover svg {
                color: #333
            }

        .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item.dx-list-item-selected .dx-dashboard-remove-icon, .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item.dx-state-focused .dx-dashboard-remove-icon, .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item.dx-state-hover .dx-dashboard-remove-icon {
            visibility: visible
        }

        .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item {
            position: relative
        }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-color-table-item-description {
                width: 100%;
                padding-right: 40px
            }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-color-definition-tree svg {
                width: 16px;
                height: 16px;
                color: rgba(51,51,51,.6)
            }

            .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-definition-caption {
                color: rgba(51,51,51,.6)
            }

.dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-colors-panel {
    height: 100%
}

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-colors-panel dx-dashboard-colors-component {
        height: 100%;
        display: block
    }

        .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-colors-panel dx-dashboard-colors-component .dx-dashboard-colors-view-panel {
            height: 100%;
            display: flex;
            flex-direction: column
        }

.dx-dashboard-color-scheme-editor-form .dx-dashboard-edit-color-entry-panel {
    position: relative
}

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-edit-color-entry-panel .dx-dashboard-new-entry-panel .dx-dashboard-new-entry-item {
        position: relative;
        margin: 23px 0 0
    }

        .dx-dashboard-color-scheme-editor-form .dx-dashboard-edit-color-entry-panel .dx-dashboard-new-entry-panel .dx-dashboard-new-entry-item:first-of-type {
            margin: 0
        }

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-edit-color-entry-panel .dx-dashboard-new-entry-panel .dx-dashboard-color-entry-measures-selector {
        margin: 23px 0 0
    }

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-edit-color-entry-panel .dx-dashboard-coloring-form-colorbox-panel {
        position: relative;
        margin: 53px 0 0
    }

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-color-scheme-editor {
    height: 100%;
    display: grid;
    grid-column-gap: 50px;
    grid-template-columns: 1fr 1fr
}

.dx-dashboard-coloring-form-panel-header {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0
}

.dx-dashboard-widget-container .dx-dropdowneditor-overlay.dx-dashboard-cf-color-picker {
    display: inline
}

    .dx-dashboard-widget-container .dx-dropdowneditor-overlay.dx-dashboard-cf-color-picker .dx-popup-content {
        padding: 20px
    }

.dx-dashboard-widget-container .dx-dashboard-style-settings-editor-popup.dx-dropdowneditor-overlay .dx-popup-content .dx-dashboard-style-settings-editor {
    border: none
}

.dx-dashboard-widget-container .dx-dashboard-range-edit-number-template.dx-dropdowneditor-overlay .dx-popup-content {
    padding: 10px
}

.dx-dashboard-style-settings-editor {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 4px 7px 7px 7px
}

    .dx-dashboard-style-settings-editor .dx-dashboard-style-settings-editor-caption {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: rgba(51,51,51,.8);
        margin: 0
    }

    .dx-dashboard-style-settings-editor .dx-dashboard-style-settings-editor-caption-wrapper {
        padding-top: 4px
    }

.dx-dashboard-style-settings-editor-grid {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-areas: "header header header header header header header header ";
    gap: 4px;
    align-items: center;
    justify-items: center;
    padding-top: 2px
}

.dx-dashboard-style-settings-editor-icons-grid {
    display: grid;
    grid-template-columns: repeat(10,1fr);
    grid-template-areas: "header header header header header header header header header header ";
    gap: 4px;
    align-items: center;
    justify-items: center;
    padding-top: 2px
}

.dx-dashboard-style-settings-editor-grid-no-style {
    grid-area: header;
    justify-self: normal
}

.dx-dashboard-appearance-range-preview {
    width: 50px;
    height: 10px;
    margin: 2px;
    display: inline-block;
    background-color: #fff
}

.dx-dashboard-appearance-gradient-preview {
    width: 30px;
    height: 4px;
    display: inline-block;
    background-color: #fff
}

.dx-dashboard-appearance-bar-preview {
    width: 50px;
    height: 4px;
    display: inline-block
}

    .dx-dashboard-appearance-bar-preview:nth-child(2) {
        width: 40px
    }

    .dx-dashboard-appearance-bar-preview:nth-child(3) {
        width: 30px
    }

    .dx-dashboard-appearance-bar-preview:nth-child(4) {
        width: 20px
    }

    .dx-dashboard-appearance-bar-preview:nth-child(5) {
        width: 15px
    }

.dx-dashboard-appearance-gradient-bar-preview {
    width: 30px;
    height: 4px;
    display: inline-block
}

    .dx-dashboard-appearance-gradient-bar-preview:nth-child(2) {
        width: 27px
    }

    .dx-dashboard-appearance-gradient-bar-preview:nth-child(3) {
        width: 24px
    }

    .dx-dashboard-appearance-gradient-bar-preview:nth-child(4) {
        width: 21px
    }

    .dx-dashboard-appearance-gradient-bar-preview:nth-child(5) {
        width: 18px
    }

    .dx-dashboard-appearance-gradient-bar-preview:nth-child(6) {
        width: 15px
    }

.dx-layout-manager .dx-dashboard-appearance-layout-item.dx-field-item:not(.dx-first-col) {
    padding-left: 10px
}

.dx-layout-manager .dx-dashboard-appearance-layout-item.dx-field-item:not(.dx-last-col) {
    padding-right: 10px
}

.dx-dashboard-appearance-item-wrapper > label {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 400
}

.dx-dashboard-appearance-bordered-item {
    border: 1px solid #ddd;
    border-radius: 2px;
    background-clip: border-box
}

.dx-buttongroup-item.dx-button-mode-outlined.dx-button.dx-dashboard-appearance-item-font-style-button {
    margin-right: 5px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.24)
}

.dx-dashboard-appearance-item {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 2px;
    border: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center
}

    .dx-dashboard-appearance-item.dx-dashboard-appearance-item-label {
        border: 1px solid #ddd;
        border-radius: 0
    }

    .dx-dashboard-appearance-item.dx-dashboard-appearance-item-transparent {
        background-origin: border-box;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkeC1kYXNoYm9hcmQtdHJhbnNwYXJlbnQtYmFja2dyb3VuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI0IDI0IiAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAJICAuZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbntmaWxsOiNERURFREU7fQogIDwvc3R5bGU+Cgk8cmVjdCB4PSIwIiB5PSIwIiBjbGFzcz0iZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPgoJPHJlY3QgeD0iMTIiIHk9IjAiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+ICAKICA8cmVjdCB4PSI2IiB5PSI2IiBjbGFzcz0iZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPgoJPHJlY3QgeD0iMTgiIHk9IjYiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+ICAKICA8cmVjdCB4PSIwIiB5PSIxMiIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IHg9IjEyIiB5PSIxMiIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KICA8cmVjdCB4PSI2IiB5PSIxOCIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IHg9IjE4IiB5PSIxOCIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KPC9zdmc+Cg==);
        background-repeat: repeat-x
    }

    .dx-dashboard-appearance-item.dx-dashboard-appearance-item-empty {
        width: 100%;
        background-color: rgba(0,0,0,0)
    }

    .dx-dashboard-appearance-item::after {
        display: block;
        text-align: center;
        width: 100%;
        content: attr(data-label);
        font-size: 14px;
        margin-bottom: 2px
    }

    .dx-dashboard-appearance-item.dx-state-selected {
        border: 2px solid rgba(0,0,0,.4);
        border-radius: 2px;
        padding: 0
    }

    .dx-dashboard-appearance-item:hover {
        border: 2px solid rgba(0,0,255,.4);
        border-radius: 2px;
        padding: 0
    }

.dx-dashboard-icon-item {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: 1px 1px
}

    .dx-dashboard-icon-item.dx-state-selected {
        outline: 2px solid rgba(0,0,0,.4)
    }

    .dx-dashboard-icon-item:hover {
        outline: 2px solid rgba(0,0,255,.4)
    }

.dx-dashboard-range-editor {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-range-editor .dx-dashboard-range-editor-header {
        box-sizing: border-box;
        height: 36px;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 3px;
        padding-left: 3px;
        background-color: transparent;
        border-bottom: 1px solid rgba(0,0,0,.08)
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header svg {
            pointer-events: none
        }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dx-dashboard-icon-separator {
            display: inline-block;
            border-right: 1px solid #ddd;
            height: 24px;
            margin: 3px 0
        }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon:hover svg {
                color: #333
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top;
            float: right;
            margin-right: 5px
        }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg, .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg {
                color: #d9534f
            }

                .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg .dx-dashboard-red-icon, .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg, .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg {
                color: #333
            }

                .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-custom-action-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-custom-action-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-custom-action-icon:hover svg {
                color: #333
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-header .right {
            float: right
        }

.dx-dashboard-properties .dx-dashboard-range-editor .dx-texteditor {
    height: 100%
}

.dx-dashboard-range-editor .dx-dashboard-range-editor-content {
    width: 100%
}

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview a {
        color: #337ab7
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
        background-color: #e5e5e5;
        color: #333
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-link, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-link, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-link, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-link {
            color: inherit
        }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
        border-bottom-color: #e5e5e5;
        border-top-color: #e5e5e5
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
        border-left-color: #e5e5e5;
        border-right-color: #e5e5e5
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-focus-overlay {
        display: none
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor {
        padding-left: 0;
        margin-left: 0
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-editor-state-hover {
        background-color: #f7f7f7
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-content .dx-datagrid-table .dx-row > td {
        vertical-align: middle
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid .dx-row > td {
        padding: 0
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-dashboard-range-editor-state-hover {
        background-color: #f7f7f7
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-rangestop {
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 2px solid #ddd;
        border-radius: 2px;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-highlight-outline {
        border: 2px solid #9e9e9e
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-highlight-outline .dx-dashboard-rangestop {
            border: none
        }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style {
        vertical-align: middle;
        position: relative
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-range-appearance-item {
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-radius: 2px;
            border: 2px solid transparent;
            cursor: pointer;
            display: flex;
            align-items: center;
            position: absolute;
            left: 0;
            top: 0
        }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-range-appearance-item.dx-dashboard-appearance-item-label {
                border: 1px solid #ddd;
                border-radius: 0
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-range-appearance-item.dx-dashboard-appearance-item-transparent {
                background-origin: border-box;
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkeC1kYXNoYm9hcmQtdHJhbnNwYXJlbnQtYmFja2dyb3VuZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI0IDI0IiAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAJICAuZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbntmaWxsOiNERURFREU7fQogIDwvc3R5bGU+Cgk8cmVjdCB4PSIwIiB5PSIwIiBjbGFzcz0iZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPgoJPHJlY3QgeD0iMTIiIHk9IjAiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+ICAKICA8cmVjdCB4PSI2IiB5PSI2IiBjbGFzcz0iZHgtZGFzaGJvYXJkLWN1cnJlbnQtY29sb3ItaWNvbiIgd2lkdGg9IjYiIGhlaWdodD0iNiIvPgoJPHJlY3QgeD0iMTgiIHk9IjYiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+ICAKICA8cmVjdCB4PSIwIiB5PSIxMiIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IHg9IjEyIiB5PSIxMiIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KICA8cmVjdCB4PSI2IiB5PSIxOCIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IHg9IjE4IiB5PSIxOCIgY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHdpZHRoPSI2IiBoZWlnaHQ9IjYiLz4KPC9zdmc+Cg==);
                background-repeat: repeat-x
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-range-appearance-item.dx-dashboard-appearance-item-empty {
                width: 100%;
                background-color: rgba(0,0,0,0)
            }

            .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-range-appearance-item::after {
                display: block;
                text-align: center;
                width: 100%;
                content: attr(data-label);
                font-size: 14px;
                margin-bottom: 2px
            }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-style .dx-dashboard-rangeicon {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -7px
        }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-sign {
        font-weight: 700
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-sign .dx-texteditor-input {
            font-style: normal
        }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-value {
        text-align: center;
        font-weight: 700
    }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-cell {
        white-space: nowrap;
        text-align: center;
        font-size: 12px;
        margin: 2px;
        padding: 5px
    }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-cell:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0
        }

        .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-cell > * {
            display: inline-block;
            vertical-align: middle;
            white-space: normal
        }

    .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-sign .dx-dashboard-range-cell, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-dashboard-range-value .dx-dashboard-range-cell, .dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-highlight-outline .dx-dashboard-range-cell {
        margin: 0
    }

.dx-dashboard-condition-type-editor {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden
}

.dx-dashboard-condition-types-container {
    position: relative;
    height: 300px
}

    .dx-dashboard-condition-types-container > div {
        position: absolute;
        top: 0;
        left: 0;
        transition: left .5s;
        width: 100%;
        height: 100%
    }

        .dx-dashboard-condition-types-container > div .dx-list-item .dx-list-item-content {
            padding: 0;
            line-height: initial
        }

        .dx-dashboard-condition-types-container > div .dx-list-item.dx-dashboard-has-children::after {
            content: "";
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy1hcnJvdy1yaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb257ZmlsbDojN0I3QjdCO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHBvaW50cz0iNSwxMCA5LDYgNSwyICIvPgo8L3N2Zz4K);
            position: absolute;
            width: 12px;
            height: 12px;
            right: 8px;
            top: 9px
        }

        .dx-dashboard-condition-types-container > div:last-of-type {
            left: 275px
        }

    .dx-dashboard-condition-types-container.dx-dashboard-state-condition-selected > div:first-of-type {
        left: -275px
    }

    .dx-dashboard-condition-types-container.dx-dashboard-state-condition-selected > div:last-of-type {
        left: 0
    }

.dx-dashboard-list > .dx-list:not(.dx-list-select-decorator-enabled).dx-dashboard-gallery-list .dx-list-group-header {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0;
    color: rgba(51,51,51,.6);
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    background: inherit
}

.dx-dashboard-list > .dx-list:not(.dx-list-select-decorator-enabled).dx-dashboard-gallery-list .dx-list-group-body {
    width: 236px
}

.dx-dashboard-list > .dx-list:not(.dx-list-select-decorator-enabled).dx-dashboard-gallery-list .dx-list-item {
    display: inline-block;
    width: auto;
    height: auto;
    border-top: none;
    white-space: normal;
    padding-right: 10px;
    padding-left: 10px
}

.dx-dashboard-gallery-item {
    padding: 4px
}

    .dx-dashboard-gallery-item > div {
        display: block;
        margin-top: 2px
    }

@media screen and (max-width:767px) {
    .dx-layout-manager .dx-dashboard-appearance-layout-item.dx-field-item:not(.dx-first-col) {
        padding-left: 0
    }

    .dx-layout-manager .dx-dashboard-appearance-layout-item.dx-field-item:not(.dx-last-col) {
        padding-right: 0
    }
}

.dx-dashboard-widget-container .dx-dashboard-confirm .dx-state-focused.dx-overlay-content {
    outline: 0
}

.dx-dashboard-widget-container .dx-dashboard-confirm .dx-popup-content > * {
    display: table-cell;
    vertical-align: middle
}

.dx-dashboard-currency-selector {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .dx-dashboard-currency-selector .dx-dashboard-currency-selector-preview {
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        text-align: center;
        font-size: 60px
    }

        .dx-dashboard-currency-selector .dx-dashboard-currency-selector-preview .dx-dashboard-currency-selector-preview-warn {
            margin: 0 100px;
            font-size: 14px;
            color: rgba(51,51,51,.6)
        }

    .dx-dashboard-currency-selector .dx-dashboard-form-left-column {
        min-width: 250px
    }

    .dx-dashboard-currency-selector .dx-dashboard-form-row-field {
        display: flex;
        flex-direction: column;
        flex: 1 1 0
    }

        .dx-dashboard-currency-selector .dx-dashboard-form-row-field:last-child {
            flex: 0 0 auto
        }

        .dx-dashboard-currency-selector .dx-dashboard-form-row-field:not(:last-child) {
            margin-bottom: 22px
        }

        .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list {
            flex: 1 1 0
        }

            .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list .dx-list-search {
                height: 40px;
                margin-bottom: 0
            }

                .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list .dx-list-search, .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list .dx-list-search.dx-state-hover {
                    border-top-color: transparent;
                    border-left-color: transparent;
                    border-right-color: transparent
                }

            .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list.dx-list.dx-list-with-search .dx-scrollable-wrapper {
                height: calc(100% - 40px)
            }

            .dx-dashboard-currency-selector .dx-dashboard-form-row-field > .dx-dashboard-list .dx-texteditor.dx-editor-outlined {
                border-radius: 0
            }

.dx-dashboard-currency-list-item {
    display: flex;
    text-align: left;
    justify-content: flex-end
}

    .dx-dashboard-currency-list-item .dx-dashboard-currency-list-item-display-text {
        flex-shrink: 1;
        min-width: 0
    }

        .dx-dashboard-currency-list-item .dx-dashboard-currency-list-item-display-text > div {
            overflow: hidden;
            text-overflow: ellipsis
        }

    .dx-dashboard-currency-list-item .dx-dashboard-currency-list-item-preview {
        text-align: right;
        flex-grow: 1
    }

.dx-dashboard-property-grid .dx-shadow {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px
}

    .dx-dashboard-property-grid .dx-shadow.dx-shadow-top {
        top: 0;
        box-shadow: inset 0 20px 10px -20px rgba(0,0,0,.1);
        visibility: hidden
    }

    .dx-dashboard-property-grid .dx-shadow.dx-shadow-bottom {
        bottom: 0;
        box-shadow: inset 0 -20px 10px -20px rgba(0,0,0,.1)
    }

.dx-dashboard-property-grid .dx-popup-content {
    overflow: visible
}

.dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-closed {
    border-bottom: none
}

.dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-accordion-group, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-accordion-group {
    margin: 19px -19px -19px -19px;
    padding: 0 19px 19px 19px;
    background-color: #f7f7f7;
    border-top: 1px solid #ddd
}

    .dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-accordion-group > .dx-accordion-item-title, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-accordion-group > .dx-accordion-item-title {
        padding: 0
    }

    .dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-accordion-group h5, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-accordion-group h5 {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: rgba(51,51,51,.8);
        margin: 0
    }

.dx-dashboard-property-grid .dx-accordion-item .dx-accordion-item-title.dx-dashboard-item-type-selector, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title.dx-dashboard-item-type-selector {
    height: 80px
}

    .dx-dashboard-property-grid .dx-accordion-item .dx-accordion-item-title.dx-dashboard-item-type-selector h5, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title.dx-dashboard-item-type-selector h5 {
        height: 20px;
        line-height: 20px;
        vertical-align: initial;
        position: relative;
        margin: 0;
        vertical-align: middle;
        transition: color .15s;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: rgba(51,51,51,.8);
        margin: 0
    }

.dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector, .dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector {
    cursor: default
}

    .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector.dx-accordion-item-body, .dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector.dx-accordion-item-body {
        background: inherit
    }

    .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector .dx-shadow, .dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border .dx-dashboard-item-type-selector .dx-shadow {
        visibility: hidden
    }

.dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-items-wrapper, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-items-wrapper {
    padding: 0;
    cursor: default
}

    .dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-items-wrapper dx-dashboard-group-data-items, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-items-wrapper dx-dashboard-group-data-items {
        display: block;
        padding: 10px 20px
    }

        .dx-dashboard-property-grid .dx-accordion-item .dx-dashboard-items-wrapper dx-dashboard-group-data-items .dx-dashboard-data-item:first-of-type, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-dashboard-items-wrapper dx-dashboard-group-data-items .dx-dashboard-data-item:first-of-type {
            margin-top: 0
        }

.dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border {
    border-top: none
}

    .dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border.dx-state-active .dx-accordion-item-title, .dx-dashboard-property-grid .dx-accordion-item.dx-dashboard-accordion-item-no-border.dx-state-hover .dx-accordion-item-title {
        background-color: transparent
    }

.dx-dashboard-property-grid .dx-accordion-item-title {
    display: block;
    height: 40px;
    vertical-align: middle;
    padding: 0 19px;
    transition: background-color .15s
}

    .dx-dashboard-property-grid .dx-accordion-item-title h4, .dx-dashboard-property-grid .dx-accordion-item-title h5, .dx-dashboard-property-grid .dx-accordion-item-title h6 {
        line-height: 40px
    }

    .dx-dashboard-property-grid .dx-accordion-item-title::before {
        display: none
    }

    .dx-dashboard-property-grid .dx-accordion-item-title h4 {
        position: absolute;
        vertical-align: middle;
        padding: 0;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: rgba(51,51,51,.8);
        margin: 0
    }

    .dx-dashboard-property-grid .dx-accordion-item-title .dx-dashboard-accordion-title-content {
        display: flex;
        text-align: left;
        justify-content: flex-end;
        position: relative;
        height: 100%
    }

        .dx-dashboard-property-grid .dx-accordion-item-title .dx-dashboard-accordion-title-content h5 {
            flex-shrink: 1000000000;
            min-width: 0;
            transition: color .15s;
            margin: 0;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            color: rgba(51,51,51,.8);
            margin: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .dx-dashboard-property-grid .dx-accordion-item-title .dx-dashboard-accordion-title-content h6 {
            text-align: right;
            flex-grow: 1;
            vertical-align: middle;
            font-size: 11px;
            font-weight: 400;
            margin: 0;
            padding-right: 1px;
            color: rgba(51,51,51,.6);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.dx-dashboard-property-grid .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title:not(.dx-dashboard-item-type-selector) {
    color: inherit;
    background-color: #f7f7f7
}

.dx-dashboard-property-grid .dx-accordion-item-body {
    position: relative
}

.dx-dashboard-property-grid h4 {
    padding: 10px 0 5px 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0
}

.dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened h5 {
    color: rgba(51,51,51,.6)
}

.dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title {
    cursor: default
}

    .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title .dx-shadow-top {
        visibility: visible
    }

.dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened > :not(.dx-dashboard-item-type-selector) {
    background-color: #f7f7f7
}

.dx-dashboard-property-grid .dx-accordion-item .dx-accordion-item-body {
    background-color: #f7f7f7
}

.dx-dashboard-property-grid .dx-form .dx-field-item-label.dx-field-item-label-location-top {
    margin-bottom: 3px
}

.dx-dashboard-property-grid .dx-form .dx-field-item-label-text, .dx-dashboard-property-grid .propertygrid-editor-displayName {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0;
    margin-bottom: 3px
}

.dx-dashboard-property-grid .dx-dashboard-field-chooser {
    height: 100%;
    width: 100%;
    padding-bottom: 7px
}

    .dx-dashboard-property-grid .dx-dashboard-field-chooser.dx-dashboard-include-summary + div {
        min-height: 60px
    }

.dx-dashboard-property-grid .dx-editors .dx-fieldset .dx-field {
    background-color: transparent
}

.dx-dashboard-property-grid .dx-editors .dx-editor .dx-field-label.dx-accordion-header {
    left: 0
}

.dx-dashboard-property-grid .dx-editors .dx-editor .dx-field-label.dx-accordion-header {
    position: static;
    width: 236px;
    padding-bottom: 2px
}

.dx-dashboard-property-grid .dx-field-label {
    float: none;
    width: 236px
}

.dx-dashboard-property-grid .dx-field-value-static, .dx-dashboard-property-grid .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 236px;
    float: none
}

.dx-dashboard-property-grid .propertygrid-editor-checkbox {
    position: absolute;
    right: 0;
    top: -36px
}

.dx-dashboard-toolbox-extension {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 81px;
    border-right: 1px solid #ddd;
    overflow: hidden
}

    .dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button {
        width: 80px;
        height: 50px;
        background-color: #fff;
        font-size: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
        position: absolute;
        top: 0
    }

        .dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button svg {
            width: 24px;
            height: 24px;
            margin: 13px 28px;
            pointer-events: none;
            color: #333
        }

        .dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button.dx-state-disabled svg {
            color: rgba(51,51,51,.2)
        }

        .dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button:hover:not(.dx-state-disabled) {
            background-color: rgba(51,51,51,.04)
        }

    .dx-dashboard-toolbox-extension .dx-dashboard-toolbox {
        position: absolute;
        width: 80px;
        top: 50px;
        bottom: 40px;
        letter-spacing: -5px;
        height: auto;
        background-color: #fff;
        font-size: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default
    }

        .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-group-separator, .dx-dashboard-toolbox-extension .dx-dashboard-toolbox.dx-dashboard-toolbox-group-separator {
            border-top: 1px solid #ddd
        }

        .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-group {
            height: auto;
            min-height: 20px;
            line-height: 20px;
            vertical-align: middle;
            background-color: #e5e5e5;
            color: rgba(51,51,51,.6);
            font-size: 9px;
            letter-spacing: normal;
            text-align: center;
            text-transform: uppercase;
            font-weight: 700
        }

        .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item {
            display: inline-block;
            position: relative;
            width: 40px;
            height: 40px
        }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item svg {
                width: 24px;
                height: 24px;
                margin: 8px 8px;
                pointer-events: none;
                color: #333
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item svg {
                fill: #337ab7
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item .dx-dashboard-toolbox-item-hover {
                position: absolute;
                top: 2px;
                left: 2px;
                right: 2px;
                bottom: 2px;
                visibility: hidden;
                background-color: transparent;
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
                box-shadow: 0 1px 3px rgba(0,0,0,.15);
                border: 1px solid transparent
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item:hover .dx-dashboard-toolbox-item-hover {
                visibility: visible
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled {
                opacity: .3;
                pointer-events: none
            }

                .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled svg {
                    color: #333
                }

                .dx-dashboard-toolbox-extension .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled .dx-dashboard-toolbox-item-hover {
                    display: none
                }

    .dx-dashboard-toolbox-extension .dx-dashboard-toolbar {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80px;
        letter-spacing: -5px;
        background-color: #fff;
        font-size: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default
    }

        .dx-dashboard-toolbox-extension .dx-dashboard-toolbar .dx-dashboard-toolbar-action {
            display: inline-block;
            width: 40px;
            height: 40px
        }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbar .dx-dashboard-toolbar-action svg {
                width: 24px;
                height: 24px;
                margin: 8px 8px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbar .dx-dashboard-toolbar-action.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-toolbox-extension .dx-dashboard-toolbar .dx-dashboard-toolbar-action:hover:not(.dx-state-disabled) {
                background-color: rgba(51,51,51,.04)
            }

.dx-toolbox-extension-layout-item-placeholder-wrapper {
    overflow: hidden;
    width: 100%
}

.dx-toolbox-extension-layout-item-placeholder {
    width: 100%;
    color: rgba(51,51,51,.6)
}

    .dx-toolbox-extension-layout-item-placeholder div:first-child {
        margin-bottom: 20px
    }

    .dx-toolbox-extension-layout-item-placeholder div {
        overflow: hidden
    }

        .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item {
            margin: 0;
            position: relative;
            display: inline-block;
            width: 32px;
            height: 32px
        }

            .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item svg {
                width: 24px;
                height: 24px;
                margin: 4px 4px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item:hover:not(.dx-state-disabled) {
                background-color: rgba(51,51,51,.04)
            }

            .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item svg {
                color: #333;
                fill: #337ab7
            }

            .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item .dx-dashboard-toolbox-item-button {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 0;
                margin: 0
            }

.dx-dashboard-designer-menu-popup .dx-dashboard-designer-menu-header {
    line-height: 50px;
    padding: 0 0 0 30px;
    vertical-align: middle;
    cursor: default;
    background-color: #efefef;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    font-weight: 700
}

    .dx-dashboard-designer-menu-popup .dx-dashboard-designer-menu-header .dx-dashboard-designer-menu-close {
        float: right;
        margin-right: 7px
    }

.dx-dashboard-designer-menu-popup .dx-popup-content {
    background-color: #fff
}

.dx-dashboard-designer-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    width: 240px
}

    .dx-dashboard-designer-menu ul {
        padding: 0;
        margin: 0;
        background-color: #fff;
        font-size: 14px
    }

        .dx-dashboard-designer-menu ul li {
            width: 100%;
            height: 45px;
            line-height: 45px;
            vertical-align: middle;
            padding-left: 30px;
            padding-right: 5px;
            list-style-type: none;
            color: rgba(51,51,51,.8);
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

            .dx-dashboard-designer-menu ul li.dx-separator {
                border-bottom: 1px solid #ddd
            }

            .dx-dashboard-designer-menu ul li.dx-state-disabled {
                color: rgba(51,51,51,.6);
                cursor: default
            }

            .dx-dashboard-designer-menu ul li.dx-state-hovered:not(.dx-state-disabled), .dx-dashboard-designer-menu ul li:hover:not(.dx-state-disabled) {
                background-color: #e5e5e5;
                color: rgba(51,51,51,.8)
            }

            .dx-dashboard-designer-menu ul li.dx-state-selected:not(.dx-state-disabled) {
                background-color: #414141;
                color: #fff
            }

.dx-dashboard-dashboard-form {
    position: absolute;
    left: 240px;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ddd
}

.dx-dashboard-datasource-browser-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper {
        background-color: #fff;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px
    }

        .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree {
            transition: opacity linear .15s;
            transition-delay: 0s
        }

            .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item {
                font-size: 0;
                min-width: 100px
            }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-treelist-item-selected {
                    background-color: rgba(0,0,0,.1019607843);
                    color: #333
                }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-treelist-item-selected .dx-dashboard-datasource-field-icon-remove svg {
                        color: #d9534f
                    }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-treelist-item-selected .dx-dashboard-datasource-field-icon-remove:hover svg {
                        color: #333
                    }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-dashboard-treelist-item-disabled {
                    opacity: .5
                }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item:hover:not(.dx-dashboard-treelist-item-disabled) {
                    background-color: rgba(0,0,0,.0392156863);
                    color: #333
                }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-treelist-group-item:not(.dx-treelist-item-collapsed) {
                    font-weight: 700
                }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item .dx-collapsing-image {
                    font: 14px/1 DXIcons;
                    font-size: 14px;
                    background-image: none;
                    margin: 0 0 0 4.5px
                }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item .dx-collapsing-image:before {
                        content: "+";
                        line-height: 28px
                    }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item .dx-collapsing-image.dx-image-expanded {
                        transform: none
                    }

                        .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item .dx-collapsing-image.dx-image-expanded:before {
                            content: "-"
                        }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-treelist .dx-treelist-item.dx-dashboard-corrupted-calc-field {
                    color: #d9534f
                }

            .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column {
                display: inline-block;
                height: 100%;
                width: 33%;
                border-right: 1px solid #ddd;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                line-height: 30px;
                font-size: 12px;
                vertical-align: top
            }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-treelist-item-images {
                    width: 26px
                }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-treelist-item-images .dx-dashboard-datasource-field-icon > div {
                        width: 17px
                    }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon {
                    padding: 0 5px;
                    cursor: pointer
                }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon.dx-dashboard-calculated-field {
                        padding: 0;
                        float: left;
                        margin-top: 5px
                    }

                    .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon svg {
                        width: 20px;
                        height: 20px;
                        color: rgba(51,51,51,.65)
                    }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon-remove svg {
                    color: #d9534f
                }

                .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon-edit:hover svg, .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon-remove:hover svg {
                    color: #333
                }

            .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree.dx-state-loading {
                transition: opacity linear .5s;
                transition-delay: .5s;
                pointer-events: none;
                opacity: .7
            }

        .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-treelist-loading {
            opacity: 0;
            transition: opacity linear 0s;
            transition-delay: 0s
        }

            .dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-treelist-loading.dx-state-active {
                transition: opacity linear .5s;
                transition-delay: .5s;
                opacity: 1;
                text-transform: uppercase;
                font-size: 10px;
                font-weight: 700;
                color: rgba(51,51,51,.8);
                margin: 0;
                border: none;
                color: rgba(51,51,51,.6);
                text-align: center;
                position: absolute;
                top: 50px;
                left: 0;
                right: 0
            }

.dx-dashboard-datasources-list-holder {
    position: relative;
    height: 100%
}

    .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-list-header {
        color: rgba(51,51,51,.8);
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        margin-bottom: 10px
    }

        .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-list-header .dx-dashboard-datasource-action {
            float: right;
            color: #337ab7;
            text-decoration: underline;
            cursor: pointer
        }

    .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-list {
        position: absolute;
        left: 0;
        right: 0;
        top: 28px;
        height: calc(100% - 30px)
    }

    .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px
    }

    .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-loading {
        color: rgba(51,51,51,.7);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        align-self: center
    }

    .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-error {
        padding: 35px 130px 0 40px
    }

        .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-error .dx-dashboard-datasources-error-title {
            font-size: 14px;
            font-weight: 700;
            color: #d9534f;
            display: inline-block;
            padding-right: 70px
        }

        .dx-dashboard-datasources-list-holder .dx-dashboard-datasources-error .dx-dashboard-datasources-error-details {
            font-size: 11px
        }

.dx-dashboard-datasources-list {
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-datasources-list .dx-list-search {
        height: 40px;
        margin-bottom: 0
    }

        .dx-dashboard-datasources-list .dx-list-search, .dx-dashboard-datasources-list .dx-list-search.dx-state-hover {
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent
        }

    .dx-dashboard-datasources-list.dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 40px)
    }

    .dx-dashboard-datasources-list .dx-texteditor.dx-editor-outlined {
        border-radius: 0
    }

    .dx-dashboard-datasources-list .dx-list-item {
        cursor: default
    }

        .dx-dashboard-datasources-list .dx-list-item .dx-dashboard-datasource-icon:not(.dx-state-disabled) {
            cursor: pointer
        }

        .dx-dashboard-datasources-list .dx-list-item .dx-state-disabled {
            opacity: .3
        }

        .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-embed, .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-link, .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-preview, .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-remove, .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-rename, .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icons, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-embed, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-link, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-preview, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-remove, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-rename, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icons {
            visibility: visible
        }

            .dx-dashboard-datasources-list .dx-list-item.dx-state-focused .dx-dashboard-datasource-icon-remove svg, .dx-dashboard-datasources-list .dx-list-item:hover .dx-dashboard-datasource-icon-remove svg {
                color: #d9534f
            }

    .dx-dashboard-datasources-list .dx-dashboard-datasource-item {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-description {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-icons {
            display: flex;
            visibility: hidden;
            align-items: center
        }

        .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-icon {
            width: 24px;
            height: 24px
        }

            .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-icon svg {
                width: 24px;
                height: 24px;
                margin: 0 0;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-datasources-list .dx-dashboard-datasource-item .dx-dashboard-datasource-icon:hover svg {
                color: #333
            }

    .dx-dashboard-datasources-list.dx-dashboard-datasources-box .dx-dashboard-datasource-item {
        float: left;
        width: 250px;
        margin: 15px
    }

.dx-dashboard-datasources-rename-popup .dx-dashboard-rename-data-source-label {
    margin-bottom: 8px
}

.dx-dashboard-control {
    background-color: #efefef
}

    .dx-dashboard-control a {
        color: #337ab7
    }

.dx-dashboard-loading-container, .dx-dashboard-widget-container {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 150px;
    min-width: 300px;
    overflow: hidden
}

    .dx-dashboard-loading-container .dx-dashboard-control-loading, .dx-dashboard-widget-container .dx-dashboard-control-loading {
        text-transform: uppercase;
        color: rgba(51,51,51,.7);
        font-size: 10px;
        font-weight: 700
    }

    .dx-dashboard-loading-container *, .dx-dashboard-widget-container * {
        box-sizing: border-box
    }

    .dx-dashboard-loading-container .dx-popup-wrapper, .dx-dashboard-widget-container .dx-popup-wrapper {
        transition: background .5s
    }

    .dx-dashboard-loading-container .dx-overlay-shader, .dx-dashboard-widget-container .dx-overlay-shader {
        background-color: rgba(255,255,255,.6)
    }

    .dx-dashboard-loading-container .dx-dashboard-no-visible-dashboard, .dx-dashboard-widget-container .dx-dashboard-no-visible-dashboard {
        white-space: nowrap;
        width: 100%;
        height: 100%;
        text-align: center
    }

        .dx-dashboard-loading-container .dx-dashboard-no-visible-dashboard:before, .dx-dashboard-widget-container .dx-dashboard-no-visible-dashboard:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0
        }

        .dx-dashboard-loading-container .dx-dashboard-no-visible-dashboard > *, .dx-dashboard-widget-container .dx-dashboard-no-visible-dashboard > * {
            display: inline-block;
            vertical-align: middle;
            white-space: normal
        }

    .dx-dashboard-loading-container .dx-dashboard-designer-menu-header + .dx-popup-content, .dx-dashboard-loading-container .dx-dashboard-property-grid .dx-popup-content, .dx-dashboard-widget-container .dx-dashboard-designer-menu-header + .dx-popup-content, .dx-dashboard-widget-container .dx-dashboard-property-grid .dx-popup-content {
        padding: 0
    }

    .dx-dashboard-loading-container .dx-dashboard-surface, .dx-dashboard-widget-container .dx-dashboard-surface {
        position: absolute;
        left: 80px;
        top: 0;
        right: 0;
        bottom: 0
    }

        .dx-dashboard-loading-container .dx-dashboard-surface.dx-dashboard-surface-toolbar-visible, .dx-dashboard-widget-container .dx-dashboard-surface.dx-dashboard-surface-toolbar-visible {
            top: 50px
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-wrapper .dx-layout-item-container, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-wrapper .dx-layout-item-container {
            overflow: hidden
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover {
            background-color: transparent;
            border: 2px solid transparent;
            opacity: 1;
            transition: border-color .1s
        }

            .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover.dx-layout-float-cover, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover.dx-layout-float-cover {
                z-index: 101
            }

            .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover:hover, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover:hover {
                border-color: #7b7b7b
            }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-selected, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-selected, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-selected, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-selected {
            pointer-events: none;
            border-color: #7b7b7b
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root.dx-state-underlying-selection .dx-layout-item-cover:not(.dx-layout-selected):not(:hover), .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root.dx-state-underlying-selection .dx-layout-item-cover:not(.dx-layout-selected):not(:hover), body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root.dx-state-underlying-selection .dx-layout-item-cover:not(.dx-layout-selected):not(:hover), body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root.dx-state-underlying-selection .dx-layout-item-cover:not(.dx-layout-selected):not(:hover) {
            background-color: rgba(239,239,239,.7)
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root.dx-state-underlying-selection .dx-layout-item-wrapper:not(:hover) > .dx-layout-item-container:not(.dx-layout-item-selected), .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root.dx-state-underlying-selection .dx-layout-item-wrapper:not(:hover) > .dx-layout-item-container:not(.dx-layout-item-selected), body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root.dx-state-underlying-selection .dx-layout-item-wrapper:not(:hover) > .dx-layout-item-container:not(.dx-layout-item-selected), body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root.dx-state-underlying-selection .dx-layout-item-wrapper:not(:hover) > .dx-layout-item-container:not(.dx-layout-item-selected) {
            filter: grayscale(1);
            -webkit-filter: grayscale(1)
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-top, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-top, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-top, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-top {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-top, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-top, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-top, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-top {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-left, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-left, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-left, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-left {
            border-top: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-left: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-left, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-left, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-left, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-left {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-right, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-right, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-right, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-right {
            border-top: 3px solid transparent;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-right: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-right, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-right, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-right, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-right {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-bottom, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-cover.dx-drag-over-bottom, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-bottom, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-cover.dx-drag-over-bottom {
            border-top: 3px solid transparent;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-bottom, .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout.dx-dashboard-in-work .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-bottom, body:hover .dx-dashboard-loading-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-bottom, body:hover .dx-dashboard-widget-container .dx-dashboard-surface dashboard-docking-layout .dx-layout-root .dx-layout-item-placeholder.dx-drag-over-bottom {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state svg, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state svg {
            width: 48px;
            height: 48px;
            min-width: 48px;
            min-height: 48px
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-medium .dx-dashboard-item-type-icon, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-medium .dx-dashboard-item-type-icon {
            display: none
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-small .dx-dashboard-item-type-icon, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-small .dx-dashboard-item-type-icon {
            display: none
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-small .dx-dashboard-layout-state-content, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-small .dx-dashboard-layout-state-content {
            display: none
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-item-type-title, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-item-type-title {
            font-size: 14px;
            margin-top: 3px
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-layout-text, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-layout-text {
            font-size: 11px;
            max-width: 150px;
            margin-top: 14px;
            align-self: center
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-layout-link, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state .dx-dashboard-layout-link {
            display: inline-block;
            text-decoration: underline;
            color: #337ab7;
            cursor: pointer;
            text-transform: none;
            font-weight: 400
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-empty svg, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-empty svg {
            fill: currentColor;
            color: rgba(51,51,51,.65);
            opacity: .35
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-empty div, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-empty div {
            color: rgba(51,51,51,.6)
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error svg, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error svg {
            color: #d9534f
        }

            .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error svg path, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error svg path {
                fill: currentColor
            }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error div, .dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-error div {
            color: #d9534f
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-placeholder, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-placeholder {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
            height: 100%;
            pointer-events: auto;
            text-align: center;
            overflow: hidden;
            padding: 15px
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-top, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-top {
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-top, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-top {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-left, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-left {
            border-top: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-left: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-left, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-left {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-right, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-right {
            border-top: 3px solid transparent;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-right: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-right, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-right {
            background-color: #337ab7;
            opacity: .1
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-bottom, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-cover.dx-drag-over-bottom {
            border-top: 3px solid transparent;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 3px solid #337ab7;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box
        }

        .dx-dashboard-loading-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-bottom, .dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-placeholder.dx-drag-over-bottom {
            background-color: #337ab7;
            opacity: .1
        }

    .dx-dashboard-loading-container .dx-texteditor-input, .dx-dashboard-widget-container .dx-texteditor-input {
        min-height: initial
    }

    .dx-dashboard-loading-container .dx-treelist-wrapper .dx-scrollable-container, .dx-dashboard-widget-container .dx-treelist-wrapper .dx-scrollable-container {
        max-height: 300px;
        cursor: default
    }

dx-layout-item .dx-datagrid-rowsview.dx-scrollable .dx-scrollable-content {
    z-index: auto
}

.dx-dashboard-item-controls {
    pointer-events: auto
}

#dx-dashboard-item-data-source .dx-dashboard-accent-icon {
    fill: currentColor
}

#dx-dashboard-remove .dx-dashboard-red-icon, #dx-dashboard-remove-small .dx-dashboard-red-icon {
    fill: currentColor
}

#dx-dashboard-item-menu-collapse .dx-dashboard-grey-icon {
    fill: currentColor
}

#dx-dashboard-chart-series-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-bar .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-candle-stick .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-full-stacked-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-full-stacked-bar .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-full-stacked-line .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-full-stacked-spline-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-high-low-close .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-line .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-points .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-range-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-range-bar .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-spline .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-spline-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-stacked-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-stacked-bar .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-stacked-line .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-stacked-spline-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-step-area .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-step-line .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-stock .dx-dashboard-contrast-icon, #dx-dashboard-chart-series-weighted .dx-dashboard-contrast-icon, #dx-dashboard-gauge-circular-full .dx-dashboard-contrast-icon, #dx-dashboard-gauge-circular-half .dx-dashboard-contrast-icon, #dx-dashboard-gauge-circular-left-quarter .dx-dashboard-contrast-icon, #dx-dashboard-gauge-circular-right-quarter .dx-dashboard-contrast-icon, #dx-dashboard-gauge-circular-three-fourth .dx-dashboard-contrast-icon, #dx-dashboard-gauge-linear-horizontal .dx-dashboard-contrast-icon, #dx-dashboard-gauge-linear-vertical .dx-dashboard-contrast-icon, #dx-dashboard-grid-column-delta .dx-dashboard-contrast-icon, #dx-dashboard-grid-column-dimension .dx-dashboard-contrast-icon, #dx-dashboard-grid-column-hyperlink .dx-dashboard-contrast-icon, #dx-dashboard-grid-column-measure .dx-dashboard-contrast-icon, #dx-dashboard-grid-column-sparkline .dx-dashboard-contrast-icon, #dx-dashboard-pie-donut .dx-dashboard-contrast-icon, #dx-dashboard-pie-pie .dx-dashboard-contrast-icon, #dx-dashboard-sparkline-win-loss .dx-dashboard-contrast-icon {
    fill: currentColor
}

#dx-dashboard-chart-series-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-bar .dx-dashboard-accent-icon, #dx-dashboard-chart-series-candle-stick .dx-dashboard-accent-icon, #dx-dashboard-chart-series-full-stacked-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-full-stacked-bar .dx-dashboard-accent-icon, #dx-dashboard-chart-series-full-stacked-line .dx-dashboard-accent-icon, #dx-dashboard-chart-series-full-stacked-spline-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-high-low-close .dx-dashboard-accent-icon, #dx-dashboard-chart-series-line .dx-dashboard-accent-icon, #dx-dashboard-chart-series-points .dx-dashboard-accent-icon, #dx-dashboard-chart-series-range-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-range-bar .dx-dashboard-accent-icon, #dx-dashboard-chart-series-spline .dx-dashboard-accent-icon, #dx-dashboard-chart-series-spline-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-stacked-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-stacked-bar .dx-dashboard-accent-icon, #dx-dashboard-chart-series-stacked-line .dx-dashboard-accent-icon, #dx-dashboard-chart-series-stacked-spline-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-step-area .dx-dashboard-accent-icon, #dx-dashboard-chart-series-step-line .dx-dashboard-accent-icon, #dx-dashboard-chart-series-stock .dx-dashboard-accent-icon, #dx-dashboard-chart-series-weighted .dx-dashboard-accent-icon, #dx-dashboard-gauge-circular-full .dx-dashboard-accent-icon, #dx-dashboard-gauge-circular-half .dx-dashboard-accent-icon, #dx-dashboard-gauge-circular-left-quarter .dx-dashboard-accent-icon, #dx-dashboard-gauge-circular-right-quarter .dx-dashboard-accent-icon, #dx-dashboard-gauge-circular-three-fourth .dx-dashboard-accent-icon, #dx-dashboard-gauge-linear-horizontal .dx-dashboard-accent-icon, #dx-dashboard-gauge-linear-vertical .dx-dashboard-accent-icon, #dx-dashboard-grid-column-delta .dx-dashboard-accent-icon, #dx-dashboard-grid-column-dimension .dx-dashboard-accent-icon, #dx-dashboard-grid-column-hyperlink .dx-dashboard-accent-icon, #dx-dashboard-grid-column-measure .dx-dashboard-accent-icon, #dx-dashboard-grid-column-sparkline .dx-dashboard-accent-icon, #dx-dashboard-pie-donut .dx-dashboard-accent-icon, #dx-dashboard-pie-pie .dx-dashboard-accent-icon, #dx-dashboard-sparkline-win-loss .dx-dashboard-accent-icon {
    fill: inherit
}

#dx-dashboard-redo .dx-dashboard-contrast-icon, #dx-dashboard-undo .dx-dashboard-contrast-icon {
    fill: currentColor
}

#dx-dashboard-convert .dx-dashboard-accent-icon, #dx-dashboard-interactivity .dx-dashboard-accent-icon, #dx-dashboard-item-filter .dx-dashboard-accent-icon, #dx-dashboard-item-options .dx-dashboard-accent-icon, #dx-dashboard-properties .dx-dashboard-accent-icon {
    fill: inherit
}

#dx-dashboard-toolbox-boundImage .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-bubbleMap .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-card .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-chart .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-choroplethMap .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-comboBox .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-dateFilter .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-gauge .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-geoPointMap .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-grid .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-group .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-image .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-listBox .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-pie .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-pieMap .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-pivot .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-rangeFilter .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-scatterChart .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-textBox .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-treeView .dx-dashboard-contrast-icon, #dx-dashboard-toolbox-treemap .dx-dashboard-contrast-icon {
    fill: currentColor
}

#dx-dashboard-toolbox-boundImage .dx-dashboard-accent-icon, #dx-dashboard-toolbox-bubbleMap .dx-dashboard-accent-icon, #dx-dashboard-toolbox-card .dx-dashboard-accent-icon, #dx-dashboard-toolbox-chart .dx-dashboard-accent-icon, #dx-dashboard-toolbox-choroplethMap .dx-dashboard-accent-icon, #dx-dashboard-toolbox-comboBox .dx-dashboard-accent-icon, #dx-dashboard-toolbox-dateFilter .dx-dashboard-accent-icon, #dx-dashboard-toolbox-gauge .dx-dashboard-accent-icon, #dx-dashboard-toolbox-geoPointMap .dx-dashboard-accent-icon, #dx-dashboard-toolbox-grid .dx-dashboard-accent-icon, #dx-dashboard-toolbox-group .dx-dashboard-accent-icon, #dx-dashboard-toolbox-image .dx-dashboard-accent-icon, #dx-dashboard-toolbox-listBox .dx-dashboard-accent-icon, #dx-dashboard-toolbox-pie .dx-dashboard-accent-icon, #dx-dashboard-toolbox-pieMap .dx-dashboard-accent-icon, #dx-dashboard-toolbox-pivot .dx-dashboard-accent-icon, #dx-dashboard-toolbox-rangeFilter .dx-dashboard-accent-icon, #dx-dashboard-toolbox-scatterChart .dx-dashboard-accent-icon, #dx-dashboard-toolbox-textBox .dx-dashboard-accent-icon, #dx-dashboard-toolbox-treeView .dx-dashboard-accent-icon, #dx-dashboard-toolbox-treemap .dx-dashboard-accent-icon {
    fill: inherit
}

.dx-dashboard-binding-panel-options .dx-dashboard-binding-panel-details .dx-dashboard-toolbox {
    width: auto;
    top: 0;
    letter-spacing: 0;
    position: relative
}

    .dx-dashboard-binding-panel-options .dx-dashboard-binding-panel-details .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled {
        opacity: .3;
        pointer-events: none
    }

        .dx-dashboard-binding-panel-options .dx-dashboard-binding-panel-details .dx-dashboard-toolbox .dx-dashboard-toolbox-item.dx-state-disabled .dx-dashboard-toolbox-item-hover {
            display: none
        }

.dx-dashboard-binding-panel-options .dx-dashboard-binding-panel-details .dx-dashboard-duplicate-action-container {
    padding: 12px
}

.dx-dashboard-designer-toolbar {
    border-bottom: 1px solid #ddd
}

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-pixel-label {
        font-size: 13px;
        font-weight: 400;
        padding-top: 7px;
        padding-bottom: 8px
    }

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group {
        box-sizing: content-box;
        width: 183px
    }

        .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-button-content {
            padding-top: 6px
        }

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-spinedit {
        box-sizing: content-box;
        width: 103px;
        padding-right: 8px
    }

.dx-dashboard-simple-filter .dx-treelist {
    margin-top: 20px;
    height: calc(100% - 46px)
}

    .dx-dashboard-simple-filter .dx-treelist .dx-treeview-loadindicator-wrapper {
        display: none
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-searchbox {
        margin: 0;
        border: 0;
        padding-left: 1px
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-header-panel {
        border-bottom: none
    }

        .dx-dashboard-simple-filter .dx-treelist .dx-treelist-header-panel .dx-treelist-search-panel.dx-searchbox {
            padding-left: 12px
        }

        .dx-dashboard-simple-filter .dx-treelist .dx-treelist-header-panel .dx-toolbar {
            margin: 0
        }

            .dx-dashboard-simple-filter .dx-treelist .dx-treelist-header-panel .dx-toolbar .dx-toolbar-after {
                padding: 0;
                width: 100%
            }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-headers, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-headers .dx-row > td {
        border-bottom-width: 0
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview {
        border-top-width: 0
    }

        .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview.dx-dashboard-top-border {
            border-top-width: 1px
        }

        .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
            background-color: transparent;
            color: #333
        }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-select-all {
        padding-bottom: 14px
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-text-content {
        padding-left: 8px
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed span, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-treelist-expanded span {
        font-size: 22px
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td, .dx-dashboard-simple-filter .dx-treelist .dx-treelist-rowsview .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
        border: none
    }

    .dx-dashboard-simple-filter .dx-treelist .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
        margin-top: -11px
    }

.dx-dashboard-item-menu-container {
    top: 0;
    height: calc(100% - 6px);
    position: absolute;
    margin: 3px 0;
    z-index: 102;
    pointer-events: none;
    right: -37px
}

    .dx-dashboard-item-menu-container .dx-dashboard-item-menu {
        border-radius: 0 2px 2px 0
    }

    .dx-dashboard-item-menu-container.dx-position-left {
        left: -37px;
        right: auto
    }

        .dx-dashboard-item-menu-container.dx-position-left .dx-dashboard-item-menu {
            border-radius: 2px 0 0 2px
        }

    .dx-dashboard-item-menu-container.dx-position-left-inside {
        left: 3px;
        right: auto
    }

    .dx-dashboard-item-menu-container.dx-dashboard-item-bottom {
        position: absolute;
        top: auto;
        transform: none;
        bottom: 0;
        height: initial
    }

.dx-dashboard-item-menu {
    position: sticky;
    top: 0;
    bottom: 0;
    pointer-events: all;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    background-color: #414141;
    overflow: hidden
}

body:hover dashboard-docking-layout .dx-layout-root .dx-state-selected > .dx-dashboard-item-menu, dashboard-docking-layout.dx-dashboard-in-work .dx-state-selected > .dx-dashboard-item-menu {
    opacity: 1;
    visibility: visible
}

.dx-dashboard-item-menu .dx-dashboard-designer-menu-item {
    width: 36px;
    height: 36px;
    margin: 2px;
    border-radius: 2px
}

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item svg {
        width: 24px;
        height: 24px;
        margin: 6px 6px;
        pointer-events: none;
        color: #fff
    }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-state-disabled svg {
        color: rgba(51,51,51,.2)
    }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item:hover {
        background-color: rgba(255,255,255,.15)
    }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-state-selected {
        opacity: .25;
        background-color: inherit;
        color: #fff
    }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-dashboard-remove-item-button svg {
        color: #d9534f
    }

        .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-dashboard-remove-item-button svg .dx-dashboard-red-icon {
            fill: currentColor
        }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-dashboard-item-menu-toggle svg {
        color: rgba(255,255,255,.3)
    }

        .dx-dashboard-item-menu .dx-dashboard-designer-menu-item.dx-dashboard-item-menu-toggle svg .dx-dashboard-grey-icon {
            fill: currentColor
        }

    .dx-dashboard-item-menu .dx-dashboard-designer-menu-item svg {
        pointer-events: none;
        fill: #337ab7
    }

        .dx-dashboard-item-menu .dx-dashboard-designer-menu-item svg .dx-dashboard-accent-icon {
            fill: #337ab7
        }

.dx-dashboard-item-menu .dx-dashboard-designer-menu-separator {
    width: 32px;
    height: 2px;
    border-top: 1px solid rgba(255,255,255,.3);
    margin: 0 4px
}

.dx-dashboard-item-plate-container {
    position: absolute;
    top: -5px;
    left: calc(50% - 15px);
    height: 24px;
    width: 30px;
    pointer-events: none
}

.dx-dashboard-item-plate {
    pointer-events: auto;
    position: sticky;
    top: 0;
    visibility: hidden;
    opacity: 0;
    cursor: move;
    background: 0 0;
    background-color: #414141;
    border-radius: 2px;
    z-index: 102;
    width: 30px;
    height: 16px
}

body:hover dashboard-docking-layout .dx-layout-root .dx-dashboard-item-plate.dx-state-selected, dashboard-docking-layout.dx-dashboard-in-work .dx-dashboard-item-plate.dx-state-selected {
    opacity: 1;
    visibility: visible
}

.dx-dashboard-item-plate svg {
    width: 16px;
    height: 16px;
    margin: 0 7px;
    pointer-events: none;
    color: #fff
}

.dx-dashboard-item-plate.dx-state-disabled svg {
    color: rgba(51,51,51,.2)
}

.dx-dashboard-item-plate > svg {
    display: block
}

.dx-dashboard-item-menu-expand {
    transform: rotate(180deg)
}

.dx-dashboard-property-grid.dx-popover-wrapper .dx-popover-arrow:after {
    width: 11px;
    height: 11px
}

.dx-dashboard-context-menu-container .dx-dashboard-context-menu-panel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    box-sizing: content-box;
    position: relative;
    height: 100%;
    visibility: visible;
    border-left: none;
    border-radius: 3px;
    overflow: hidden;
    transition: margin-left .35s ease,width .35s ease
}

.dx-position-left .dx-dashboard-context-menu-container .dx-dashboard-context-menu-panel {
    margin-left: 274px
}

    .dx-position-left .dx-dashboard-context-menu-container .dx-dashboard-context-menu-panel.dx-visible-properties {
        margin-left: 0
    }

.dx-dashboard-context-menu-container.dx-position-left .dx-dashboard-context-menu-panel {
    margin-left: 274px
}

    .dx-dashboard-context-menu-container.dx-position-left .dx-dashboard-context-menu-panel.dx-visible-properties {
        margin-left: 0
    }

.dx-dashboard-context-menu-container.dx-dashboard-binding-panel .dx-dashboard-context-menu-panel {
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.25)
}

.dx-dashboard-panel-header {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd
}

    .dx-dashboard-panel-header .dx-dashboard-close-panel {
        display: flex;
        position: absolute;
        right: 7px
    }

.dx-dashboard-binding-panel .dx-popup-content {
    position: relative
}

.dx-dashboard-binding-panel.dx-popup-wrapper > .dx-overlay-content {
    visibility: hidden
}

.dx-dashboard-binding-panel.dx-popover-wrapper.dx-popover-without-title.dx-position-left .dx-popover-arrow {
    right: -8px !important;
    visibility: visible
}

.dx-dashboard-binding-panel.dx-popover-wrapper.dx-popover-without-title.dx-position-right .dx-popover-arrow {
    left: -9px !important;
    visibility: visible
}

.dx-dashboard-binding-panel.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background-color: #f7f7f7
}

.dx-dashboard-binding-panel .dx-dashboard-binding-panel-content {
    left: 0;
    width: 220px;
    background-color: #f7f7f7;
    height: 100%;
    padding: 14px 20px 20px;
    visibility: visible
}

.dx-dashboard-binding-panel .dx-dashboard-binding-panel-options {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%
}

    .dx-dashboard-binding-panel .dx-dashboard-binding-panel-options .dx-dashboard-binding-panel-details {
        width: 274px
    }

.dx-dashboard-data-binding-surface {
    width: 220px;
    position: absolute;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 101;
    transition-property: left,right;
    transition-duration: .35s;
    transition-timing-function: ease
}

    .dx-dashboard-data-binding-surface .dx-dashboard-data-binding-panel {
        position: absolute;
        top: 40px;
        width: 220px;
        bottom: 76px;
        background-color: #f7f7f7
    }

    .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel {
        position: absolute;
        width: 220px;
        height: 76px;
        bottom: 0;
        background-color: #f7f7f7;
        cursor: default;
        -moz-transition: height .5s ease;
        -webkit-transition: height .5s ease;
        -o-transition: height .5s ease;
        transition: height .5s ease
    }

        .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel.dx-dashboard-data-source-panel-opened {
            height: 335px
        }

        .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header {
            height: 30px;
            border-bottom: 1px solid #ddd;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 20px;
            padding-right: 20px
        }

            .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options {
                width: 16px;
                height: 16px;
                height: initial
            }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options svg {
                    width: 16px;
                    height: 16px;
                    margin: 0 0;
                    pointer-events: none;
                    color: #337ab7
                }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options.dx-state-disabled svg {
                    color: rgba(51,51,51,.2)
                }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options:hover svg {
                    color: #333
                }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options svg .dx-dashboard-accent-icon {
                    fill: currentColor
                }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options.dx-dashboard-data-source-options-active {
                    width: 16px;
                    height: 16px;
                    height: initial
                }

                    .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options.dx-dashboard-data-source-options-active svg {
                        width: 16px;
                        height: 16px;
                        margin: 0 0;
                        pointer-events: none;
                        color: #333
                    }

                    .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options.dx-dashboard-data-source-options-active.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                    .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header .dx-dashboard-data-source-options.dx-dashboard-data-source-options-active:hover svg {
                        color: #333
                    }

        .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body {
            background-color: #efefef
        }

            .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-info-alert {
                color: #d9534f;
                font-weight: 700
            }

            .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel {
                height: 305px;
                overflow: hidden;
                transition: height .5s ease
            }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel > div {
                    padding: 20px
                }

                    .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel > div > div {
                        width: 100%
                    }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel .dx-dashboard-data-source-chooser {
                    height: 234px;
                    overflow: hidden;
                    margin-bottom: 10px
                }

                .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel .dx-dashboard-data-source-options-control {
                    display: flex;
                    justify-content: flex-end;
                    margin-bottom: 5px
                }

        .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel:hover .dx-dashboard-data-source-header .dx-dashboard-data-source-options svg {
            color: #333
        }

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

.dx-dashboard-binding-panel-properties-content {
    transition-property: left,right;
    transition-duration: .35s;
    transition-timing-function: ease;
    z-index: 100;
    left: 220px;
    right: 0;
    visibility: visible;
    background-color: #fff;
    border-left: 1px solid #ddd;
    height: 100%;
    position: absolute;
    padding: 0;
    visibility: hidden
}

    .dx-dashboard-binding-panel-properties-content .dx-dashboard-binding-panel-header-container {
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ddd
    }

    .dx-dashboard-binding-panel-properties-content.dx-visible-properties {
        visibility: visible
    }

.dx-dashboard-panel-header .dx-dashboard-panel-header-title {
    letter-spacing: 1px
}

.dx-dashboard-arrow-back {
    margin-left: 7px
}

.dx-dashboard-slidable-content {
    overflow-x: hidden;
    position: relative;
    height: 100%;
    width: 274px
}

    .dx-dashboard-slidable-content.dx-dashboard-binding-panel-details, .dx-dashboard-slidable-content.dx-dashboard-convert-to-panel {
        height: calc(100% - 40px)
    }

    .dx-dashboard-slidable-content > div {
        width: 274px;
        position: absolute;
        transition: left .5s;
        top: 0;
        bottom: 55px
    }

        .dx-dashboard-slidable-content > div:first-child {
            left: 0
        }

        .dx-dashboard-slidable-content > div:last-child {
            left: 274px;
            visibility: hidden
        }

    .dx-dashboard-slidable-content .dx-dashboard-secondary-header-container {
        position: absolute;
        top: -41px;
        right: 0;
        width: 274px;
        height: 40px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

.dx-dashboard-slide-to-right > div:first-child {
    left: -274px
}

.dx-dashboard-slide-to-right > div:last-child {
    left: 0;
    visibility: visible
}

.dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content {
    opacity: 1;
    transition-property: opacity,text-shadow,color;
    transition-duration: .15s;
    transition-timing-function: ease
}

    .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered {
        opacity: .35;
        color: transparent;
        text-shadow: 0 0 10px rgba(0,0,0,.5);
        filter: blur(5px)
    }

        .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-accordion-item-title h5, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-buttongroup, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-change, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-dashboard-data-item, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-editors .dx-fieldset .dx-field .dx-field-label, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-editors .dx-group-header-font, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-list-item-content, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-placeholder::before, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-tab-selected, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-texteditor-input, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered .dx-widget, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered h4, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered h5, .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered h6, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-accordion-item-title h5, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-buttongroup, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-change, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-dashboard-data-item, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-editors .dx-fieldset .dx-field .dx-field-label, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-editors .dx-group-header-font, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-list-item-content, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-placeholder::before, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-tab-selected, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-texteditor-input, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered .dx-widget, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered h4, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered h5, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered h6 {
            color: transparent
        }

        .dx-disappearing-overlay.dx-menu-position-left.dx-position-right > .dx-overlay-content.dx-target-widget-hovered svg, .dx-disappearing-overlay.dx-menu-position-right.dx-position-left > .dx-overlay-content.dx-target-widget-hovered svg {
            opacity: .3
        }

.dx-dashboard-data-item-remove-action {
    opacity: 0;
    visibility: hidden;
    transition: opacity 50ms linear;
    transition-delay: 0s;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer
}

    .dx-dashboard-data-item-remove-action svg {
        width: 24px;
        height: 24px;
        margin: 3px 3px;
        pointer-events: none;
        color: #d9534f
    }

    .dx-dashboard-data-item-remove-action.dx-state-disabled svg {
        color: rgba(51,51,51,.2)
    }

    .dx-dashboard-data-item-remove-action:hover svg {
        color: #333
    }

    .dx-dashboard-data-item-remove-action svg {
        pointer-events: none
    }

    .dx-dashboard-data-item-remove-action.dx-dashboard-data-item-remove-action-visible {
        transition-delay: 50ms;
        opacity: 1;
        visibility: visible
    }

.dx-dashboard-cloned-copy {
    opacity: 1;
    z-index: -1
}

dx-dashboard-data-item-link {
    position: relative;
    display: block
}

    dx-dashboard-data-item-link:hover .dx-dashboard-data-item-remove-action-embeded {
        opacity: 1;
        visibility: visible
    }

.dx-dashboard-data-item {
    height: 30px;
    margin: 6px 0;
    transition: height .5s;
    position: relative;
    transition: margin-right .1s linear
}

    .dx-dashboard-data-item.dx-dashboard-data-item-remove-action-visible {
        margin-right: 30px
    }

    .dx-dashboard-data-item.dx-empty .dx-button-normal:not(.dx-state-focused):not(.dx-state-hover):not(.dx-item-selected) {
        background-color: #f7f7f7;
        color: rgba(51,51,51,.6)
    }

    .dx-dashboard-data-item.dx-state-warning .dx-button-normal:not(.dx-state-focused):not(.dx-state-hover):not(.dx-item-selected) {
        background-color: #f0ad4e;
        color: #fff
    }

    .dx-dashboard-data-item.dx-state-error .dx-button-normal:not(.dx-state-focused):not(.dx-state-hover):not(.dx-item-selected) {
        background-color: #d9534f;
        color: #fff
    }

    .dx-dashboard-data-item.dx-dashboard-drag-in-progress {
        opacity: .35
    }

.dx-dashboard-hierarchical-group {
    margin-top: 4px
}

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-dashboard-data-item {
        margin-top: 0;
        margin-bottom: 0
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link:last-of-type .dx-button-mode-contained.dx-buttongroup-item::after {
        content: none
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link:last-of-type .dx-button-mode-contained.dx-buttongroup-item::before {
        content: none
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item.dx-state-focused::after {
        border-color: #b3b3b3 transparent
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item.dx-item-selected::after {
        border-color: #ccc transparent
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item.dx-state-hover::after {
        border-color: #e6e6e6 transparent
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item::before {
        content: "";
        position: absolute;
        top: 30px;
        left: 84px;
        border-style: solid;
        border-width: 5px 5px 0;
        border-color: #ddd transparent;
        display: block;
        width: 0;
        z-index: 1
    }

    .dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 85px;
        border-style: solid;
        border-width: 4px 4px 0;
        border-color: #fff transparent;
        display: block;
        width: 0;
        z-index: 2
    }

    .dx-dashboard-hierarchical-group .dx-dashboard-drop-target.dx-state-hovered:not(:first-of-type) {
        border-radius: 2px;
        border-top: 1px solid #ddd
    }

.dx-dashboard-drop-target div {
    display: none
}

.dx-dashboard-collection-drag .dx-dashboard-drop-target {
    background-color: transparent;
    position: relative;
    height: 0;
    width: 100%;
    transition: height .15s
}

    .dx-dashboard-collection-drag .dx-dashboard-drop-target div {
        position: absolute;
        top: -13px;
        padding: 10px;
        height: 20px;
        width: 100%;
        background-color: transparent;
        border-radius: 3px;
        z-index: 1500;
        transition: height .15s
    }

    .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-state-active > div {
        display: block
    }

    .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-state-hovered {
        height: 20px
    }

        .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-state-hovered div {
            height: 46px
        }

    .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-dashboard-cover-item {
        position: relative
    }

        .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-dashboard-cover-item > div {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 32px;
            border: 2px solid transparent;
            transition: border-color .15s
        }

        .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-dashboard-cover-item.dx-state-hovered {
            height: 0
        }

            .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-dashboard-cover-item.dx-state-hovered > div {
                border-color: #ddd
            }

        .dx-dashboard-collection-drag .dx-dashboard-drop-target.dx-dashboard-cover-item.dx-dashboard-hierarchical-group-cover > div {
            top: 6px
        }

.dx-dashboard-section > h4 {
    padding: 0;
    margin-top: 14px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0
}

.dx-dashboard-section:first-child > h4 {
    margin-top: 0
}

.dx-accordion-item.dx-accordion-item-closed .dx-dashboard-type-selector-more-close {
    display: none
}

.dx-accordion-item.dx-accordion-item-closed .dx-dashboard-type-selector-more-full {
    display: block
}

.dx-accordion-item:not(.dx-accordion-item-closed) .dx-dashboard-type-selector-more-close {
    display: block
}

.dx-accordion-item:not(.dx-accordion-item-closed) .dx-dashboard-type-selector-more-full {
    display: none
}

.dx-dashboard-widget-container .dx-dashboard-list.dx-dashboard-empty-message .dx-empty-message, .dx-dashboard-widget-container .dx-dashboard-treeview.dx-dashboard-empty-message .dx-empty-message {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: rgba(51,51,51,.8);
    margin: 0;
    border: none;
    color: rgba(51,51,51,.6);
    text-align: center;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0
}

.dx-dashboard-add-pane {
    margin-top: -5px;
    margin-bottom: 2px;
    margin-left: -3px;
    width: 24px;
    height: 24px
}

    .dx-dashboard-add-pane svg {
        width: 24px;
        height: 24px;
        margin: 0 0;
        pointer-events: none;
        color: rgba(51,51,51,.65)
    }

    .dx-dashboard-add-pane.dx-state-disabled svg {
        color: rgba(51,51,51,.2)
    }

    .dx-dashboard-add-pane:hover svg {
        color: #333
    }

.dx-dashboard-section-actions {
    float: right;
    padding-top: 4px
}

    .dx-dashboard-section-actions .dx-dashboard-section-action {
        width: 24px;
        height: 24px
    }

        .dx-dashboard-section-actions .dx-dashboard-section-action svg {
            width: 24px;
            height: 24px;
            margin: 0 0;
            pointer-events: none;
            color: rgba(51,51,51,.65)
        }

        .dx-dashboard-section-actions .dx-dashboard-section-action.dx-state-disabled svg {
            color: rgba(51,51,51,.2)
        }

        .dx-dashboard-section-actions .dx-dashboard-section-action:hover svg {
            color: #d9534f
        }

.dx-dashboard-data-binding-panel h4 {
    padding-top: 8px;
    padding-bottom: 0;
    color: rgba(51,51,51,.8);
    min-height: 24px
}

.dx-dashboard-binding-panel-details .dx-dashboard-properties-single-tab {
    padding: 10px 20px 0 20px
}

.dx-dashboard-binding-panel-details .dx-list {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff
}

.dx-dashboard-gauge-scale-option .dx-switch-off {
    color: #232323
}

.dx-dashboard-text-preview {
    border: 1px solid #cfcfcf;
    white-space: nowrap;
    text-align: center;
    height: 100%;
    padding: 10px 0
}

    .dx-dashboard-text-preview > div {
        padding: 10px;
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }

.dx-dashboard-container-types-header-container {
    cursor: default;
    padding: 12px 0 6px
}

.dx-dashboard-container-types-header {
    line-height: 0
}

.dx-dashboard-container-types, .dx-dashboard-container-types-header {
    white-space: nowrap;
    max-width: 236px
}

    .dx-dashboard-container-types .dx-dashboard-container-type, .dx-dashboard-container-types-header .dx-dashboard-container-type {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
        display: inline-block
    }

        .dx-dashboard-container-types .dx-dashboard-container-type + .dx-dashboard-container-type, .dx-dashboard-container-types-header .dx-dashboard-container-type + .dx-dashboard-container-type {
            margin-left: 4px
        }

.dx-dashboard-form-settings-parameters-list {
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    .dx-dashboard-form-settings-parameters-list .dx-list-search {
        height: 40px;
        margin-bottom: 0
    }

        .dx-dashboard-form-settings-parameters-list .dx-list-search, .dx-dashboard-form-settings-parameters-list .dx-list-search.dx-state-hover {
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent
        }

    .dx-dashboard-form-settings-parameters-list.dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 40px)
    }

    .dx-dashboard-form-settings-parameters-list .dx-texteditor.dx-editor-outlined {
        border-radius: 0
    }

    .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-parameter-item {
        position: relative
    }

        .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-parameter-item .dx-dashboard-parameter-entry div {
            vertical-align: middle;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.dx-dashboard-form-parameter-placeholder {
    height: 100%;
    text-align: center;
    white-space: nowrap
}

    .dx-dashboard-form-parameter-placeholder:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
    }

    .dx-dashboard-form-parameter-placeholder > * {
        display: inline-block;
        vertical-align: middle;
        white-space: normal
    }

    .dx-dashboard-form-parameter-placeholder > div {
        width: 98%
    }

.dx-dashboard-form-left-column .dx-dashboard-form-parameter-placeholder {
    background-color: #fff
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-parameter-settings {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px
}

    .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-dashboard-parameter-settings .dx-dashboard-form-right-column .dx-dashboard-parameter-lookup-settings {
        padding-top: 10px
    }

.dx-dashboard-toolbar-extension .dx-popup-content {
    padding: 0
}

.dx-dashboard-toolbar-extension .dx-dashboard-toolbar-separator {
    padding: 0;
    width: 1px
}

    .dx-dashboard-toolbar-extension .dx-dashboard-toolbar-separator .dx-toolbar-item-content {
        display: inline-block;
        top: 0;
        position: absolute;
        height: 100%;
        border-left: 1px solid #ddd
    }

.dx-dashboard-toolbar-extension .dx-dashboard-toolbar-disabled-label {
    color: rgba(51,51,51,.6)
}

.dx-dashboard-collection-editor {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    background-color: #fff
}

    .dx-dashboard-collection-editor .custom-edit-icon {
        float: right;
        vertical-align: middle;
        margin: -5px
    }

        .dx-dashboard-collection-editor .custom-edit-icon svg {
            width: 24px;
            height: 24px
        }

    .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header {
        box-sizing: border-box;
        height: 36px;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 3px;
        padding-left: 3px
    }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header svg {
            pointer-events: none
        }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dx-dashboard-icon-separator {
            display: inline-block;
            border-right: 1px solid #ddd;
            height: 24px;
            margin: 3px 0
        }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon:hover svg {
                color: #333
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top;
            float: right;
            margin-right: 5px
        }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg, .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg {
                color: #d9534f
            }

                .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg .dx-dashboard-red-icon, .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg, .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg {
                color: #333
            }

                .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-custom-action-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-custom-action-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-custom-action-icon:hover svg {
                color: #333
            }

            .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

        .dx-dashboard-collection-editor .dx-dashboard-collection-editor-header .right {
            float: right
        }

    .dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor, .dx-dashboard-collection-editor .dx-dashboard-list {
        height: 100%;
        min-height: 120px
    }

    .dx-dashboard-collection-editor .dx-dashboard-list {
        border: none
    }

        .dx-dashboard-collection-editor .dx-dashboard-list.dx-dashboard-empty-message .dx-empty-message {
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            color: rgba(51,51,51,.8);
            margin: 0;
            height: 100%;
            min-height: 120px;
            vertical-align: middle;
            text-align: center;
            color: rgba(51,51,51,.6);
            position: static;
            display: flex;
            align-items: center;
            justify-content: center
        }

    .dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor .dx-dashboard-editable-cell, .dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor .dx-revert-button {
        display: none
    }

    .dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor .dx-data-row.dx-selection .dx-dashboard-editable-cell, .dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor .dx-data-row:hover .dx-dashboard-editable-cell {
        display: flex;
        align-items: center
    }

dx-field-chooser {
    min-height: 330px;
    display: block;
    position: relative
}

dx-datasource-chooser > div {
    position: relative
}

dx-field-chooser > div {
    position: absolute
}

dx-datasource-chooser > div, dx-field-chooser > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px
}

    dx-datasource-chooser > div .dx-dashboard-list.dx-list, dx-field-chooser > div .dx-dashboard-list.dx-list {
        border: none
    }

        dx-datasource-chooser > div .dx-dashboard-list.dx-list .dx-list-item, dx-field-chooser > div .dx-dashboard-list.dx-list .dx-list-item {
            line-height: initial
        }

        dx-datasource-chooser > div .dx-dashboard-list.dx-list .dx-list-item-content, dx-field-chooser > div .dx-dashboard-list.dx-list .dx-list-item-content {
            padding: 0
        }

    dx-datasource-chooser > div .dx-field-chooser-header-container, dx-field-chooser > div .dx-field-chooser-header-container {
        height: 36px
    }

        dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header {
            position: relative;
            height: 36px;
            transition: background-color .25s
        }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar {
                box-sizing: border-box;
                height: 36px;
                border-bottom: 1px solid #e5e5e5;
                padding-top: 3px;
                padding-left: 3px;
                padding-top: 3px;
                padding-left: 3px;
                transition: background-color .25s
            }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar svg {
                    pointer-events: none
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dx-dashboard-icon-separator, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dx-dashboard-icon-separator {
                    display: inline-block;
                    border-right: 1px solid #ddd;
                    height: 24px;
                    margin: 3px 0
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon {
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    vertical-align: top
                }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon svg {
                        width: 24px;
                        height: 24px;
                        margin: 3px 3px;
                        pointer-events: none;
                        color: rgba(51,51,51,.65)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon:hover svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon:hover svg {
                        color: #333
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                        dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-icon.dx-state-disabled svg .dx-dashboard-red-icon {
                            fill: currentColor
                        }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon {
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    vertical-align: top;
                    float: right;
                    margin-right: 5px
                }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg {
                        width: 24px;
                        height: 24px;
                        margin: 3px 3px;
                        pointer-events: none;
                        color: rgba(51,51,51,.65)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-state-disabled svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg {
                        color: rgba(51,51,51,.2)
                    }

                        dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon svg .dx-dashboard-red-icon {
                            fill: currentColor
                        }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg, dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg {
                        color: #d9534f
                    }

                        dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg .dx-dashboard-red-icon, dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg .dx-dashboard-red-icon {
                            fill: currentColor
                        }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg, dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg {
                        color: #333
                    }

                        dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon {
                            fill: currentColor
                        }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon {
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    vertical-align: top
                }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon svg {
                        width: 24px;
                        height: 24px;
                        margin: 3px 3px;
                        pointer-events: none;
                        color: rgba(51,51,51,.65)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon:hover svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon:hover svg {
                        color: #333
                    }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                        color: rgba(51,51,51,.2)
                    }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .right, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .right {
                    float: right
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar svg .dx-dashboard-red-icon, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-field-chooser-mode-buttons, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-toolbar .dx-field-chooser-mode-buttons {
                    position: absolute;
                    right: 3px;
                    top: 3px;
                    transition: right .1s;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -webkit-user-select: none;
                    user-select: none
                }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button {
                display: inline-block
            }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button > svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button > svg {
                    width: 24px;
                    height: 24px;
                    pointer-events: none
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button svg {
                    fill: gray
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button:hover svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-search-button:hover svg {
                    fill: #a9a9a9
                }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area {
                transition: right .25s ease-out;
                transition: left .25s ease-out
            }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search {
                    -moz-transition: width 3.3s ease;
                    -webkit-transition: width 3.3s ease;
                    -o-transition: width 3.3s ease;
                    transition: width 3.3s ease
                }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode {
                background-color: #fff
            }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode .dx-field-chooser-toolbar, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode .dx-field-chooser-toolbar {
                    background-color: #fff
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode > .dx-field-chooser-find-area, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode > .dx-field-chooser-find-area {
                    right: 0;
                    left: 29px;
                    padding-left: 0
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode .dx-field-chooser-search-button svg, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode .dx-field-chooser-search-button svg {
                    color: #337ab7
                }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode > .dx-field-chooser-toolbox .dx-field-chooser-mode-buttons, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header.dx-field-chooser-search-mode > .dx-field-chooser-toolbox .dx-field-chooser-mode-buttons {
                    right: -100px
                }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area {
                position: absolute;
                width: 200px;
                transition: right .25s ease-out;
                top: 0;
                right: -200px;
                z-index: 100500;
                padding: 4px 4px 2px 4px;
                background-color: #fff
            }

                dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search {
                    display: inline-block;
                    width: 100%;
                    height: 29px;
                    vertical-align: top
                }

                    dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search .dx-textbox input, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search .dx-textbox input {
                        background-color: #fff;
                        font-weight: 700
                    }

            dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-header-button, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header .dx-field-chooser-header-button {
                display: inline-block;
                width: 29px;
                height: 30px
            }

    dx-datasource-chooser > div .dx-field-chooser-scroll-holder, dx-field-chooser > div .dx-field-chooser-scroll-holder {
        position: absolute;
        top: 36px;
        left: 0;
        right: 0;
        bottom: 0
    }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder.dx-data-source-scroll-holder, dx-field-chooser > div .dx-field-chooser-scroll-holder.dx-data-source-scroll-holder {
            top: 0
        }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item {
            vertical-align: middle;
            overflow: hidden;
            text-align: left;
            text-overflow: ellipsis;
            padding-right: 30px;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item.dx-dashboard-has-children::after, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item.dx-dashboard-has-children::after {
                content: "";
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy1hcnJvdy1yaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEyIDEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMiAxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb257ZmlsbDojN0I3QjdCO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHBvaW50cz0iNSwxMCA5LDYgNSwyICIvPgo8L3N2Zz4K);
                position: absolute;
                width: 12px;
                height: 12px;
                right: 8px;
                top: 9px
            }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item .dx-dashboard-corrupted-calc-field, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item .dx-dashboard-corrupted-calc-field {
                color: #d9534f
            }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-kind, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-kind {
            position: absolute;
            width: 16px;
            height: 16px;
            color: rgba(51,51,51,.6);
            right: 30px;
            top: calc(50% - 8px)
        }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-kind svg, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-kind svg {
                width: 16px;
                height: 16px;
                color: rgba(51,51,51,.65)
            }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-type, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-type {
            position: absolute;
            width: 16px;
            height: 16px;
            right: 8px;
            top: calc(50% - 8px);
            border-radius: 2px
        }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-type svg, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-dashboard-field-type svg {
                width: 16px;
                height: 16px
            }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container {
            position: relative;
            overflow: hidden;
            height: 100%
        }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 100%;
                text-align: center
            }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-hierarchical-field-chooser-list, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-hierarchical-field-chooser-list {
                    height: calc(100% - 32px)
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item {
                    height: 30px;
                    padding: 7px 13px;
                    padding-right: 30px
                }

                    dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item > span, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item > span {
                        max-width: calc(100% - 20px);
                        display: block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                    dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item:not(:last-of-type), dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item:not(:last-of-type) {
                        border-bottom: 1px solid #e5e5e5
                    }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-loading, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-loading {
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 100%
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list.dx-state-ready, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list.dx-state-ready {
                    -moz-transition: left .3s ease;
                    -webkit-transition: left .3s ease;
                    -o-transition: left .3s ease;
                    transition: left .3s ease
                }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item {
                height: 30px;
                padding: 7px 30px 7px 13px;
                font-size: 11px;
                position: relative
            }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item.dx-has-path, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item.dx-has-path {
                    height: 44px;
                    padding: 6px 7px
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item > div, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item > div {
                    max-width: calc(100% - 40px)
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-field-chooser-search-list-item-name, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-field-chooser-search-list-item-name {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-field-chooser-search-list-item-path, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-field-chooser-search-list-item-path {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: rgba(51,51,51,.6)
                }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-dashboard-corrupted-calc-field, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-search-list-item .dx-dashboard-corrupted-calc-field {
                    color: #d9534f
                }

        dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container {
            padding-left: 10px;
            height: 100%
        }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-toggle-item-visibility:before, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-toggle-item-visibility:before {
                top: -2px
            }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview .dx-loadindicator, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview .dx-loadindicator {
                top: 3px
            }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility:before, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility:before {
                content: " ";
                height: 100%;
                width: 100%;
                background-position: 1px 4px;
                background-size: 13px 13px;
                background-repeat: no-repeat;
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy10cmVldmlldy1jb2xsYXBzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEzIDEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMyAxMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb257ZmlsbDojN0I3QjdCO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHBvaW50cz0iMTAsNiA3LDYgNywzIDYsMyA2LDYgMyw2IDMsNyA2LDcgNiwxMCA3LDEwIDcsNyAxMCw3ICIvPgo8L3N2Zz4K)
            }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
                content: " ";
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy10cmVldmlldy1leHBhbmQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMyAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5keC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29ue2ZpbGw6IzdCN0I3Qjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjMiIHk9IjYiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNyIgaGVpZ2h0PSIxIi8+Cjwvc3ZnPgo=)
            }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item {
                min-height: 22px;
                padding: 3px 0 3px 3px
            }

                dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-field-chooser-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-field-chooser-list-item {
                    padding-right: 45px
                }

            dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox)[aria-expanded=true] > .dx-treeview-item .dx-field-chooser-list-item.dx-field-chooser-group-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-node:not(.dx-treeview-item-with-checkbox)[aria-expanded=true] > .dx-treeview-item .dx-field-chooser-list-item.dx-field-chooser-group-list-item {
                font-weight: 700
            }

.dx-slidable-lists-navigation {
    height: 32px
}

    .dx-slidable-lists-navigation .dx-slidable-lists-breadcrumb {
        height: 30px;
        line-height: 30px;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 11px;
        border-bottom: 1px solid #e5e5e5
    }

        .dx-slidable-lists-navigation .dx-slidable-lists-breadcrumb > span:first-of-type {
            padding-left: 10px;
            margin-left: 4px
        }

        .dx-slidable-lists-navigation .dx-slidable-lists-breadcrumb .dx-slidable-lists-navigation-path-item {
            padding: 7px 7px
        }

            .dx-slidable-lists-navigation .dx-slidable-lists-breadcrumb .dx-slidable-lists-navigation-path-item.dx-slidable-lists-navigation-path-item-link {
                color: #337ab7;
                text-decoration: underline;
                cursor: pointer
            }

    .dx-slidable-lists-navigation .dx-slidable-lists-navigation-empty-area {
        height: 2px;
        border-bottom: 1px solid #e5e5e5
    }

.dx-dashboard-text-box-item-editor-popup .dx-popup-content {
    padding-bottom: 0
}

.dx-dashboard-filter-expression-editor {
    width: 100%;
    height: 100%;
    max-height: 400px;
    overflow: hidden;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff
}

    .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header {
        box-sizing: border-box;
        height: 36px;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 3px;
        padding-left: 3px
    }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header svg {
            pointer-events: none
        }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dx-dashboard-icon-separator {
            display: inline-block;
            border-right: 1px solid #ddd;
            height: 24px;
            margin: 3px 0
        }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon:hover svg {
                color: #333
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-icon.dx-state-disabled svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top;
            float: right;
            margin-right: 5px
        }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon svg {
                color: rgba(51,51,51,.2)
            }

                .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg, .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg {
                color: #d9534f
            }

                .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected svg .dx-dashboard-red-icon, .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg, .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg {
                color: #333
            }

                .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon .dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon, .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-remove-icon.dx-dashboard-state-selected:hover svg .dx-dashboard-red-icon {
                    fill: currentColor
                }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-custom-action-icon {
            width: 30px;
            height: 30px;
            display: inline-block;
            vertical-align: top
        }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-custom-action-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-custom-action-icon:hover svg {
                color: #333
            }

            .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .dx-dashboard-ce-custom-action-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-editor-header .right {
            float: right
        }

    .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-edit-criteria {
        display: table;
        height: 110px;
        width: 100%;
        table-layout: fixed;
        white-space: break-spaces;
        word-wrap: break-word
    }

        .dx-dashboard-filter-expression-editor .dx-dashboard-filter-expression-edit-criteria > div {
            padding: 10px;
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            font-size: 13px;
            user-select: text
        }

.dx-dashboard-widget-container .dxrd-multiqueries-sqldatasource-wizard.dxrd-wizard .dxrd-wizard-content .dxrd-wizard-page .dxrd-wizard-availabledatasources {
    bottom: 0;
    width: 100%
}

.dx-dashboard-widget-container .dxrd-sqldatasource-wizard.dxrd-wizard .dxrd-wizard-content .dxrd-wizard-page .dxrd-wizard-availabledatasources {
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 15px;
    margin-right: 21px;
    margin-left: 21px
}

.dxb-position-absolute {
    position: absolute !important
}

.dxb-position-relative {
    position: relative !important
}

.dxb-wth-color-0000 {
    -webkit-tap-highlight-color: transparent !important
}

.dxb-b0 {
    bottom: 0 !important
}

.dxb-l0 {
    left: 0 !important
}

.dxb-r0 {
    right: 0 !important
}

.dxb-t0 {
    top: 0 !important
}

.dxb-w100 {
    width: 100% !important
}

.dxb-h100 {
    height: 100% !important
}

.dxb-d-block {
    display: block !important
}

.dxb-b70px {
    bottom: 70px !important
}

.dxb-h4px {
    height: 4px !important
}

.dxb-d-inline-block {
    display: inline-block !important
}

.dxb-p-0-12 {
    padding: 0 12px !important
}

.dxb-br-none {
    border-right: none !important
}

.dxb-text-align {
    text-align: center !important
}

.dxb-o-visible {
    overflow: visible !important
}

.dxb-mr-5px {
    margin-right: 5px !important
}

.dxb-w60 {
    width: 60% !important
}

.dxb-w-cacl-40-5px {
    width: calc(40% - 5px) !important
}

.dxb-mt-10px {
    margin-top: 10px !important
}

.dxb-pe-auto {
    pointer-events: auto !important
}

.dx-dashboard-properties .dx-texteditor .dx-clear-button-area .dx-icon-clear {
    width: 34px;
    height: 34px
}

.dx-dashboard-loading-container .dx-texteditor-buttons-container .dx-icon.dx-icon-clear:before, .dx-dashboard-widget-container .dx-texteditor-buttons-container .dx-icon.dx-icon-clear:before {
    content: " ";
    height: 100%;
    display: block;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC10ZXh0Ym94LXNlYXJjaC1jbGVhciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb257ZmlsbDojN0I3QjdCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIGZpbGw9IiM3QjdCN0IiIGQ9Ik0xMiw1Yy0zLjksMC03LDMuMS03LDdjMCwzLjksMy4xLDcsNyw3czctMy4xLDctN0MxOSw4LjEsMTUuOSw1LDEyLDV6IE0xNiwxNWgtMmwtMi0ybC0yLDJIOGwzLTNMOCw5aDIKCWwyLDJsMi0yaDJsLTMsM0wxNiwxNXoiLz4KPC9zdmc+Cg==)
}

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-clear-button-area, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-clear-button-area {
    width: 30px
}

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-show-clear-button .dx-icon-clear, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-show-clear-button .dx-icon-clear {
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-size: 18px 18px;
    padding: 9px;
    font-size: 18px;
    line-height: 18px
}

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-dropdowneditor-icon, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-dropdowneditor-icon {
    width: 32px;
    font-size: 18px;
    line-height: 18px
}

    .dx-dashboard-loading-container .dx-dashboard-settings-form .dx-dropdowneditor-icon:before, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-dropdowneditor-icon:before {
        width: 18px;
        margin-top: -9px;
        margin-left: -9px
    }

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-dropdowneditor-button, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-dropdowneditor-button {
    width: 34px
}

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-tag-content, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-tag-content {
    margin: 4px 0 0 4px;
    padding: 3px 25px 4px 6px;
    min-width: 40px
}

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-tag-remove-button, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-tag-remove-button {
    width: 25px;
    height: 100%
}

    .dx-dashboard-loading-container .dx-dashboard-settings-form .dx-tag-remove-button:before, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-tag-remove-button:before {
        right: 9px;
        margin-top: -5px;
        width: 3px;
        height: 11px
    }

    .dx-dashboard-loading-container .dx-dashboard-settings-form .dx-tag-remove-button:after, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-tag-remove-button:after {
        right: 5px;
        margin-top: -1px;
        width: 11px;
        height: 3px
    }

.dx-dashboard-loading-container .dx-dashboard-settings-form .dx-list-item .dx-list-item-content, .dx-dashboard-widget-container .dx-dashboard-settings-form .dx-list-item .dx-list-item-content {
    padding: 10px 10px
}

.dx-dashboard-datasources-rename-popup .dx-popup-content {
    padding: 30px;
    height: auto
}

.dx-dashboard-datasources-rename-popup .dx-popup-bottom.dx-toolbar {
    padding: 30px;
    padding-top: 0
}

.dx-dashboard-calc-field-editor-popup .dx-popup-bottom.dx-toolbar {
    padding: 30px 38px;
    padding-top: 0
}

.dx-dashboard-calc-field-editor-popup .dx-popup-content {
    padding: 30px 38px
}

.dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button {
    padding: 0
}

    .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button.dx-dashboard-undo {
        padding-left: 12px;
        padding-right: 4px
    }

    .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button.dx-dashboard-redo {
        padding-right: 12px
    }

    .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button {
        height: 36px;
        width: 36px
    }

        .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button .dx-button-content {
            padding: 0;
            margin: 6px;
            width: 24px;
            height: 24px
        }

            .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button .dx-button-content svg {
                width: 24px;
                height: 24px;
                margin: 0 0;
                pointer-events: none;
                color: rgba(51,51,51,.65)
            }

            .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button .dx-button-content.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-item.dx-dashboard-undo-redo-button .dx-button .dx-button-content svg .dx-dashboard-contrast-icon {
                fill: currentColor
            }

#dx-card-item-hidden-container {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
    font-weight: 400
}

#dx-card-item-nowrap-hidden-container {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
    font-weight: 400;
    white-space: nowrap
}

.dx-layout-card-hidden-container {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
    font-weight: 400;
    white-space: nowrap
}

.dx-carditem-default-color, .dx-carditem-negative-color, .dx-carditem-none-color, .dx-carditem-positive-color, .dx-carditem-warning-color {
    fill: currentColor
}

.dx-carditem-positive-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection .dx-carditem-positive-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover .dx-carditem-positive-color {
    color: #5cb85c
}

.dx-carditem-negative-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection .dx-carditem-negative-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover .dx-carditem-negative-color {
    color: #d9534f
}

.dx-carditem-warning-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection .dx-carditem-warning-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover .dx-carditem-warning-color {
    color: #f0ad4e
}

.dx-carditem-none-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection .dx-carditem-none-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover .dx-carditem-none-color {
    color: rgba(51,51,51,.5)
}

.dx-carditem-default-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection .dx-carditem-default-color, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover .dx-carditem-default-color {
    color: rgba(51,51,51,.75)
}

.widget-viewer-table {
    overflow: hidden
}

.dx-widget-viewer-container .dx-widgetItem {
    border: solid 1px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    background-color: transparent;
    border-color: transparent
}

.dx-widget-viewer-container .dx-cardItem {
    border: solid 1px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .dx-widget-viewer-container .dx-cardItem .dx-card-title {
        color: rgba(51,51,51,.8);
        line-height: 100%;
        font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
        font-weight: 400;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-subTitle {
        font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
        font-weight: 400;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgba(51,51,51,.6);
        width: 60%;
        line-height: 100%;
        white-space: normal;
        display: block;
        float: left;
        box-sizing: border-box
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-variableValue1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
        float: left;
        text-align: right;
        width: 40%
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-variableValue2 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
        float: left;
        text-align: right;
        width: 40%
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-mainValue {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        box-sizing: border-box;
        float: left;
        text-align: right;
        width: 82.5%;
        right: 0;
        position: absolute
    }

    .dx-widget-viewer-container .dx-cardItem span {
        font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
        font-weight: 400
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-indicator {
        position: absolute
    }

    .dx-widget-viewer-container .dx-cardItem .dx-card-sparkline {
        position: absolute;
        bottom: 0;
        margin-bottom: 6px
    }

.dx-widget-viewer-container .dx-widgetItem.dx-selected-viewer-item {
    background-color: #e5e5e5 !important;
    border: #e5e5e5 solid 1px !important
}

.dx-widget-viewer-container .dx-cardItem.dx-selected-viewer-item {
    background-color: #e5e5e5 !important;
    border: #e5e5e5 solid 1px !important
}

.dx-widget-viewer-container .dx-flex-card-layout.dx-selected-viewer-item {
    background-color: #e5e5e5 !important;
    border: #e5e5e5 solid 1px !important
}

.dx-widget-viewer-container .dx-hovered-viewer-item {
    background-color: #f7f7f7;
    border: #e5e5e5 solid 1px
}

.dx-widget-viewer-container .dx-flex-card-layout.dx-hovered-viewer-item {
    background-color: #f7f7f7;
    border: #e5e5e5 solid 1px;
    cursor: pointer
}

.dx-widget-viewer-container .dx-flex-card-layout {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px;
    margin: 3px;
    cursor: default;
    box-sizing: border-box
}

    .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: stretch
    }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-content-top-rows {
            display: flex;
            flex-direction: column;
            justify-content: flex-start
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-content-bottom-rows {
            display: flex;
            flex-direction: column;
            justify-content: flex-end
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-row {
            display: flex;
            align-items: baseline;
            justify-content: space-between
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-row-center-only {
            display: flex;
            align-items: baseline;
            justify-content: center
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-row-left-right {
            display: flex;
            align-items: baseline;
            overflow: hidden
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-row-element {
            font-family: Segoe UI,HelveticaNeue,Trebuchet MS,Verdana;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 2px
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-indicator-element {
            overflow: hidden;
            margin: 0 2px
        }

        .dx-widget-viewer-container .dx-flex-card-layout .dx-flex-card-layout-content .dx-flex-card-layout-sparkline-row-element {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

.dx-widget-viewer-container .dx-flex-card-cell-ignore-left-margin .dx-flex-card-layout {
    margin-left: 0
}

.dx-widget-viewer-container .dx-flex-card-cell-ignore-right-margin .dx-flex-card-layout {
    margin-right: 0
}

.dx-widget-viewer-container .dx-flex-card-cell-ignore-top-margin .dx-flex-card-layout {
    margin-top: 0
}

.dx-widget-viewer-container .dx-flex-card-cell-ignore-bottom-margin .dx-flex-card-layout {
    margin-bottom: 0
}

.dx-dashboard-mobile-layout .dx-dashboard-card-without-background .dx-flex-card-layout, .dx-layout-item-container .dx-dashboard-card-without-background .dx-flex-card-layout {
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    border-radius: 2px;
    border: none
}

.dx-dashboard-typography, .dx-dashboard-typography .dx-widget, .dx-dashboard-typography .dx-widget input, .dx-dashboard-typography .dx-widget textarea {
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Verdana,sans-serif
}

.dx-dashboard-tab-button {
    width: 34px;
    height: 34px
}

div.dx-dashboard-item .dx-treelist .dx-treelist-header-panel {
    border-bottom: none
}

    div.dx-dashboard-item .dx-treelist .dx-treelist-header-panel .dx-treelist-search-panel.dx-searchbox {
        padding-left: 12px
    }

    div.dx-dashboard-item .dx-treelist .dx-treelist-header-panel .dx-toolbar {
        margin: 0
    }

        div.dx-dashboard-item .dx-treelist .dx-treelist-header-panel .dx-toolbar .dx-toolbar-after {
            padding: 0;
            width: 100%
        }

div.dx-dashboard-item .dx-treelist .dx-treelist-headers, div.dx-dashboard-item .dx-treelist .dx-treelist-headers .dx-row > td {
    border-bottom-width: 0
}

div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview {
    border-top-width: 0
}

    div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview.dx-dashboard-top-border {
        border-top-width: 1px
    }

.dx-dashboard-title-toolbar {
    padding-top: 3px;
    padding-bottom: 3px
}

    .dx-dashboard-title-toolbar .dx-toolbar-items-container {
        height: 42px
    }

    .dx-dashboard-title-toolbar .dx-button-text, .dx-dashboard-title-toolbar .dx-toolbar-item {
        font-size: 16px
    }

    .dx-dashboard-title-toolbar .filter-text {
        padding-left: 10px
    }

    .dx-dashboard-title-toolbar .dx-button.dx-dashboard-filter {
        cursor: default
    }

.dx-dashboard-caption-toolbar .dx-toolbar-items-container {
    height: 34px
}

.dx-dashboard-caption-toolbar .dx-toolbar-item {
    font-size: 14px
}

.dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-item:last-child {
    padding-right: 8px
}

.dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-item, .dx-dashboard-title-toolbar .dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 8px
}

.dx-dashboard-caption-toolbar .dx-toolbar-before .dx-toolbar-item:first-child, .dx-dashboard-title-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
    padding-left: 10px
}

.dx-dashboard-caption-toolbar .dx-button, .dx-dashboard-title-toolbar .dx-button {
    border: none
}

    .dx-dashboard-caption-toolbar .dx-button .dx-button-content, .dx-dashboard-title-toolbar .dx-button .dx-button-content {
        padding: 0
    }

        .dx-dashboard-caption-toolbar .dx-button .dx-button-content svg, .dx-dashboard-title-toolbar .dx-button .dx-button-content svg {
            width: 24px;
            height: 24px
        }

.dx-dashboard-group-item-child .dx-dashboard-caption-toolbar .dx-toolbar-before .dx-toolbar-item:first-child {
    padding-left: 0
}

.dx-dashboard-group-item-child .dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-item:last-child {
    padding-right: 0
}

.dx-dashboard-floating-caption-panel-container .dx-dashboard-caption-toolbar .dx-toolbar-items-container {
    height: 37px
}

.dx-dashboard-floating-caption-panel-container .dx-dashboard-caption-toolbar .dx-toolbar-after {
    padding-left: 0
}

    .dx-dashboard-floating-caption-panel-container .dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-item:last-child {
        padding-right: 8px
    }

.dx-dashboard-icon-menu-popover-wrapper .dx-popup-content {
    padding: 7px
}

.dx-dashboard-icon-menu-popover-wrapper .dx-popup-title.dx-toolbar {
    padding: 0
}

    .dx-dashboard-icon-menu-popover-wrapper .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
        height: 30px
    }

    .dx-dashboard-icon-menu-popover-wrapper .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-size: 14px
    }

.dx-dashboard-icon-menu-popover-wrapper .dx-tile {
    border: none;
    cursor: pointer
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-list-item {
    border: none
}

.dx-dashboard-item-container .dx-texteditor.dx-editor-outlined {
    border-radius: unset
}

.dx-dashboard-floating-caption-panel-container .dx-overlay-content {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    border: 1px solid transparent;
    border-radius: 2px
}

.dx-dashboard-title-tooltip .dx-dashboard-title-tooltip-list .dx-dashboard-title-tooltip-list-text {
    color: #333
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-list-item-content {
    padding: 6px 10px
}

.dx-dashboard-caption-toolbar .dx-toolbar-after .dx-toolbar-label .dx-caption-panel-separator {
    border-left-color: #ddd
}

:not(.dx-dashboard-group-item-child) > div.dx-dashboard-item .dx-searchbox, div.dx-dashboard-item .dx-list .dx-searchbox {
    border-bottom: 1px solid #ddd
}

.dx-dashboard-group-item-child > div.dx-dashboard-item .dx-treelist .dx-treelist-header-panel {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

div.dx-dashboard-item .dx-treelist .dx-treelist-select-all {
    padding-bottom: 14px
}

div.dx-dashboard-item .dx-treelist .dx-treelist-text-content {
    padding-left: 8px
}

div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-treelist-expanded {
    margin-right: 0
}

    div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-treelist-collapsed span, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-treelist-expanded span {
        font-size: 22px
    }

div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines):not(.dx-row-focused) > td, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines):not(.dx-row-focused) > td {
    border: none
}

div.dx-dashboard-item .dx-treelist .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
    margin-top: -11px
}

.dx-dashboard-item-container .dx-dashboard-date-filter-overlay-wrapper > .dx-overlay-content {
    box-shadow: 0 1px 4px rgba(0,0,0,.15)
}

.dx-dashboard-tree-item {
    padding: 4px
}

.dx-dashboard-viewer .dx-datagrid-rowsview a {
    color: #337ab7
}

.dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
    background-color: #e5e5e5;
    color: #333
}

    .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-link, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-link, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-link, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-link {
        color: inherit
    }

.dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom-color: #e5e5e5;
    border-top-color: #e5e5e5
}

.dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td, .dx-dashboard-viewer .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5
}

div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, div.dx-dashboard-item .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
    background-color: transparent;
    color: #333
}

div.dx-dashboard-item .dx-searchbox {
    margin: 0;
    padding-left: 1px
}

.dx-dashboard-dialog-element {
    user-select: none
}

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name-disabled {
        color: rgba(51,51,51,.6)
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name-margin-top {
        vertical-align: top
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name-top {
        vertical-align: top
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name-middle {
        vertical-align: middle
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-box {
        display: inline-block;
        vertical-align: middle
    }

.dx-dashboard-dialog-buttons {
    text-align: right
}

    .dx-dashboard-dialog-buttons > div:first-child {
        float: left
    }

.dx-dashboard-dialog-element-dxRadioGroup {
    margin-bottom: 15px
}

.dx-dashboard-dialog-element {
    margin-top: 10px
}

    .dx-dashboard-dialog-element.dx-dashboard-dialog-element-small-margin-top {
        margin-top: 10px
    }

    .dx-dashboard-dialog-element.dx-dashboard-dialog-element-large-margin-top {
        margin-top: 30px
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-name {
        color: rgba(51,51,51,.6);
        font-size: 14px;
        margin-right: 20px
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-text-box {
        width: 280px
    }

    .dx-dashboard-dialog-element .dx-dashboard-dialog-element-number-box {
        width: 60px
    }

.dx-dashboard-dialog-buttons {
    padding: 20px
}

    .dx-dashboard-dialog-buttons > div.dx-button {
        min-width: 90px
    }

.dx-dashboard-simple-dialog .dx-popup-content {
    padding: 0;
    border-bottom: 1px solid #ddd
}

.dx-dashboard-simple-dialog .dx-row > td:first-child {
    padding-left: 20px
}

.dx-dashboard-dialog-buttons {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px
}

    .dx-dashboard-dialog-buttons > div.dx-button {
        margin: 0 10px
    }

    .dx-dashboard-dialog-buttons > div:last-child {
        margin-left: 0
    }

.dx-parameter-value-editor-bool {
    margin: 0 50%;
    transform: translate(-50%)
}

.dx-dashboard-dialog-parameters-tag {
    align-self: baseline
}

    .dx-dashboard-dialog-parameters-tag:first-of-type {
        margin-left: 7px
    }

.dx-dashboard-widget-container .dx-toast-content {
    padding: 7px
}

.dx-dashboard-panel-extension .dx-popup-content {
    padding: 0
}

.dx-dashboard-panel-extension.dx-dashboard-card-view-panel .dx-popup-title {
    border-bottom: 0
}

.dx-dashboard-panel-extension .dx-overlay-content {
    box-shadow: none;
    border-radius: 0;
    border-left: 0;
    border-bottom: 0;
    border-top: 0
}

.dx-dashboard-panel-extension .dx-dashboard-title-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.dx-dashboard-panel-extension .dx-dashboard-dashboard-list {
    margin: 0;
    padding: 0
}

    .dx-dashboard-panel-extension .dx-dashboard-dashboard-list .dx-list-item-content {
        padding-left: 20px;
        cursor: pointer
    }

        .dx-dashboard-panel-extension .dx-dashboard-dashboard-list .dx-list-item-content div {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

.dx-dashboard-panel-extension .dx-dashboard-dashboard-list-full {
    bottom: 0
}

.dx-dashboard-panel-extension .dx-dashboard-dashboard-list-clipped {
    height: calc(100% - 110px)
}

.dx-dashboard-panel-extension .dx-popup-title.dx-toolbar {
    padding-left: 20px
}

.dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button {
    position: absolute;
    width: 100%;
    height: 110px;
    bottom: 0;
    margin: 0;
    text-align: center;
    font-size: 12pt;
    border-radius: 0
}

    .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button svg {
        width: 32px;
        height: 32px
    }

        .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button svg .editDashboardIcon {
            fill: #fff
        }

    .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content {
        display: flex;
        line-height: initial
    }

        .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content::after {
            display: none
        }

        .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content .dx-dashboard-edit-in-designer-button-text {
            color: #fff
        }

.dx-dashboard-toolbox-extension {
    transition: left .5s ease
}

.dx-dashboard-toolbar .dx-dashboard-viewer-button {
    width: 80px;
    height: 50px;
    border-radius: 0
}

    .dx-dashboard-toolbar .dx-dashboard-viewer-button .dx-button-content {
        padding: 0
    }

    .dx-dashboard-toolbar .dx-dashboard-viewer-button .dx-button-text {
        font-size: 10pt;
        letter-spacing: normal;
        text-transform: uppercase
    }

.dx-dashboard-panel-extension .dx-dashboard-hidden {
    display: none
}

.dx-dashboard-panel-extension .dx-dashboard-preview.dx-dashboard-minimized {
    height: 50px;
    justify-content: center
}

.dx-dashboard-image-container {
    display: flex;
    height: 150px;
    border-radius: 3px;
    margin: 10px 10px 0 10px
}

.dx-dashboard-image {
    width: 100%
}

.dx-dashboard-card-view-panel {
    z-index: 1500
}

    .dx-dashboard-card-view-panel .dx-overlay-content {
        background-color: #efefef
    }

    .dx-dashboard-card-view-panel .dx-dashboard-title-panel {
        border: none
    }

    .dx-dashboard-card-view-panel .dx-list-item {
        border: none
    }

    .dx-dashboard-card-view-panel .dx-dashboard-dashboard-list {
        position: absolute;
        top: 50px;
        width: 100%;
        height: initial
    }

        .dx-dashboard-card-view-panel .dx-dashboard-dashboard-list .dx-scrollview-content {
            padding-left: 12px;
            padding-right: 12px
        }

        .dx-dashboard-card-view-panel .dx-dashboard-dashboard-list .dx-list-item-selected .dx-dashboard-card-view {
            border: solid 3px #7b7b7b
        }

        .dx-dashboard-card-view-panel .dx-dashboard-dashboard-list .dx-list-item {
            margin-top: 6px;
            margin-bottom: 6px;
            box-shadow: 0 1px 4px rgba(0,0,0,.1)
        }

        .dx-dashboard-card-view-panel .dx-dashboard-dashboard-list .dx-list-item-content {
            padding: 0;
            text-align: initial;
            position: relative;
            overflow: hidden
        }

    .dx-dashboard-card-view-panel .dx-list-item .dx-list-item-content:before {
        content: ""
    }

    .dx-dashboard-card-view-panel .dx-dashboard-card-view, .dx-dashboard-card-view-panel .dx-dashboard-preview {
        width: 100%;
        height: 200px;
        display: flex;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
        box-shadow: 0 1px 4px rgba(0,0,0,.1);
        border-radius: 2px;
        border: none;
        background-color: #fff
    }

    .dx-dashboard-card-view-panel .dx-dashboard-card-view {
        align-items: center;
        justify-content: center
    }

    .dx-dashboard-card-view-panel .dx-dashboard-preview {
        flex-direction: column
    }

    .dx-dashboard-card-view-panel .dx-list-search {
        margin: 0 12px 12px 12px;
        height: 40px;
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
        box-shadow: 0 1px 4px rgba(0,0,0,.1);
        border-radius: 2px;
        border: none
    }

    .dx-dashboard-card-view-panel .dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - 48px)
    }

.dx-dashboard-card-name {
    align-self: center;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 10px
}

.dx-dashboard-name-container {
    width: 100%;
    display: flex;
    justify-content: center
}

.dx-dashboard-name {
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 10px
}

.dx-dashboard-card-view-panel .dx-searchbox .dx-icon-search:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.dx-dashboard-toolbar .dx-dashboard-viewer-button .dx-button-content .dx-button-text {
    color: #fff
}

.dx-dashboard-panel-extension .dx-dashboard-dashboard-list .dx-list-item-content {
    font-size: 12px
}

.dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content {
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

    .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content .dx-dashboard-edit-in-designer-button-icon {
        margin-top: auto
    }

    .dx-dashboard-panel-extension .dx-dashboard-edit-in-designer-button .designer-button-content .dx-dashboard-edit-in-designer-button-text {
        margin-bottom: auto
    }

.dx-dashboard-panel-extension .dx-popup-title .dx-toolbar-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.dx-dashboard-card-view-panel .dx-popup-title .dx-toolbar-label {
    text-transform: none;
    font-size: 18px
}

.dx-dashboard-data-inspector-dialog .dx-popup-content {
    padding: 30px
}

.dx-dashboard-data-inspector-dialog .dx-popup-bottom.dx-toolbar {
    padding: 30px;
    padding-top: 0
}

.dx-dashboard-data-inspector-dialog .dx-dashboard-inspected-data-type-chooser {
    display: flex;
    align-items: center;
    padding-bottom: 20px
}

    .dx-dashboard-data-inspector-dialog .dx-dashboard-inspected-data-type-chooser .dx-dashboard-inspected-data-type-text {
        padding-right: 15px;
        line-height: 26px
    }

    .dx-dashboard-data-inspector-dialog .dx-dashboard-inspected-data-type-chooser .dx-dashboard-inspected-data-radio-group {
        display: inline-block
    }

.dx-dashboard-data-inspector-dialog .dx-dashboard-data-inspector-grid {
    height: calc(100% - 46px)
}

    .dx-dashboard-data-inspector-dialog .dx-dashboard-data-inspector-grid:only-child {
        height: 100%
    }

.dx-dashboard-widget-container .dx-dashboard-confirm .dx-popup-content {
    display: table;
    font-size: 15px;
    color: rgba(51,51,51,.8);
    width: auto;
    margin: 0 auto;
    text-align: center
}

.dx-dashboard-widget-container .dx-dashboard-confirm .dx-popup-bottom.dx-toolbar {
    padding: 0 20px 20px
}

    .dx-dashboard-widget-container .dx-dashboard-confirm .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
        padding-right: 5px
    }

.dxrd-wizard .dx-popup-wrapper > .dx-overlay-content {
    background-color: #fff
}

    .dxrd-wizard .dx-popup-wrapper > .dx-overlay-content .dx-toolbar {
        background-color: #fff
    }

.dx-dashboard-widget-container .dx-add-queries-page-checkbox .dx-checkbox-icon {
    width: 22px;
    height: 22px
}

.dx-dashboard-widget-container .dxrd-datasource-parameters-collection .dx-field-value .dx-popup-general .dx-texteditor:not(.dxrd-multiline) {
    height: 34px
}

    .dx-dashboard-widget-container .dxrd-datasource-parameters-collection .dx-field-value .dx-popup-general .dx-texteditor:not(.dxrd-multiline) input {
        font-size: 14px
    }

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-checkbox-text {
    width: calc(100% - 45px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-editor {
    padding-bottom: 18px
}

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-editor + .dx-dashboard-check-box {
        padding-top: 12px
    }

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box + .dx-editor {
    padding-top: 25px
}

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box + .dx-dashboard-check-box {
    padding-top: 10px
}

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box {
    display: block
}

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box .dx-checkbox-icon {
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ddd;
        border-radius: 2px;
        width: 40px;
        height: 40px
    }

        .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box .dx-checkbox-icon:before {
            height: 24px;
            width: 24px;
            margin: 8px 0 0 8px
        }

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-check-box.dx-checkbox-checked .dx-checkbox-icon:before {
        content: " ";
        position: static;
        display: block;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1jaGVja21hcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5keC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29ue2ZpbGw6IzdCN0I3Qjt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiBmaWxsPSIjN0I3QjdCIiBwb2ludHM9IjcsMTggMiwxMyAyLDE2IDcsMjEgMjIsNiAyMiwzICIvPgo8L3N2Zz4K)
    }

.dx-dashboard-properties .dx-texteditor:not(.dx-treeview-search) {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 11px
}

.dx-dashboard-properties .dx-field-item-content > .dx-texteditor:not(.dx-treeview-search):not(.dx-textarea) {
    height: 30px
}

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-field-item-content .dx-texteditor:not(.dx-textarea), .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-texteditor {
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 40px;
    font-size: 14px
}

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-texteditor.dx-tagbox {
        height: initial;
        padding: 2px 0
    }

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-buttongroup {
    height: 40px
}

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-buttongroup .dx-buttongroup-item {
        font-size: 14px
    }

.dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-editable-collection-editor .dx-data-row {
    height: 40px
}

    .dx-dashboard-settings-form-content .dx-dashboard-properties .dx-dashboard-editable-collection-editor .dx-data-row td {
        vertical-align: middle;
        font-size: 14px
    }

.dx-dashboard-designer-menu-popup > .dx-overlay-content {
    border-radius: 0;
    border: none
}

.dx-dashboard-designer-menu-popup .dx-dashboard-designer-menu-header.dx-popup-title {
    height: 50px;
    width: 240px
}

.dx-dashboard-designer-menu-popup .dx-popup-wrapper > .dx-overlay-content {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    border: none;
    border-right: 1px solid #ddd
}

.dx-dashboard-dashboard-form .dx-widget {
    font-size: 14px
}

.dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-texteditor {
    font-size: 14px
}

.dx-dashboard-range-editor .dx-dashboard-range-editor-content .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 12px
}

.dx-dashboard-condition-types-container > div .dx-list-item {
    vertical-align: middle;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-size: 11px;
    padding-right: 30px;
    position: relative;
    height: 30px;
    padding: 7px 13px;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dx-dashboard-widget-container .dx-dashboard-style-settings-editor-popup.dx-dropdowneditor-overlay .dx-popup-content {
    padding: 4px 7px 7px 7px
}

.dx-dashboard-appearance-item[title=Custom]::after {
    margin-bottom: 0
}

.dx-dashboard-appearance-item-wrapper {
    padding-top: 19px
}

.dx-dashboard-appearance-font-family-editor-list {
    height: 198px
}

@media screen and (max-width:767px) {
    .dx-dashboard-appearance-font-family-editor-list {
        height: 80px
    }
}

.dx-dashboard-property-grid .dx-accordion-item .dx-accordion-item-title.dx-dashboard-items-wrapper, .dx-dashboard-property-grid .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title.dx-dashboard-items-wrapper {
    font-size: 14px
}

.dx-dashboard-property-grid .dx-accordion-item {
    border-left: none;
    border-right: none
}

.dx-dashboard-property-grid .dx-accordion-item-body {
    padding: 0 19px 20px
}

.dx-dashboard-property-grid .dx-dashboard-properties .dx-editors .dx-fieldset .dx-field-value {
    padding-bottom: 7px
}

.dx-dashboard-property-grid .dx-editors .dx-fieldset .dx-field {
    padding: 0
}

.dx-dashboard-section {
    position: relative;
    font-size: 11px
}

.dx-dashboard-binding-panel-details .dx-list .dx-list-item {
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    border-top: none;
    border-bottom: 1px solid #e5e5e5
}

    .dx-dashboard-binding-panel-details .dx-list .dx-list-item .dx-list-item-content {
        padding-top: 0;
        padding-bottom: 0
    }

.dx-dashboard-context-menu-container.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 3px
}

.dx-dashboard-context-menu-container.dx-popup-wrapper.dx-dashboard-binding-panel > .dx-overlay-content {
    border: none;
    box-shadow: none
}

.dx-dashboard-panel-header .dx-dashboard-panel-header-title {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 20px;
    font-weight: 700;
    font-size: 11px
}

.dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-header > div {
    font-size: 10px;
    color: rgba(51,51,51,.8);
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 5px
}

.dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-info {
    font-size: 12px;
    height: 46px;
    line-height: 46px;
    transition: height .5s ease;
    text-align: center;
    vertical-align: middle;
    padding: 0 17px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel > div > div > span, .dx-dashboard-data-binding-surface .dx-dashboard-data-source-panel .dx-dashboard-data-source-body .dx-dashboard-data-source-options-panel > div > span > span {
    font-size: 12px;
    margin: 0 5px;
    display: inline-block;
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer
}

.dx-dashboard-binding-panel-properties-content .dx-dashboard-binding-panel-header-container > h5 {
    font-size: 13px;
    color: rgba(51,51,51,.6);
    font-weight: 400;
    margin: 0;
    padding-right: 19px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dx-dashboard-slidable-content .dx-dashboard-secondary-header-container h5 {
    font-size: 13px;
    color: rgba(51,51,51,.6);
    font-weight: 400;
    margin: 0;
    height: 40px;
    line-height: 40px;
    padding-right: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dx-dashboard-data-item .dx-buttongroup.dx-widget {
    height: 32px;
    position: absolute
}

    .dx-dashboard-data-item .dx-buttongroup.dx-widget .dx-buttongroup-item {
        padding-right: 10px;
        padding-left: 10px
    }

.dx-dashboard-hierarchical-group dx-dashboard-data-item-link:first-of-type .dx-button-mode-contained.dx-buttongroup-item {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.dx-dashboard-hierarchical-group dx-dashboard-data-item-link:last-of-type .dx-button-mode-contained.dx-buttongroup-item {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.dx-dashboard-hierarchical-group dx-dashboard-data-item-link .dx-button-mode-contained.dx-buttongroup-item {
    border-radius: 0;
    border-bottom: 0
}

.dx-dashboard-property-grid .dx-dashboard-action-buttons {
    display: flex
}

    .dx-dashboard-property-grid .dx-dashboard-action-buttons .dx-button {
        margin-left: 5px
    }

        .dx-dashboard-property-grid .dx-dashboard-action-buttons .dx-button:first-child {
            margin-left: 0
        }

.dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button:not(.dx-buttongroup-item) {
    width: 100%;
    height: 30px
}

.dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button {
    border-inline-end-width: 1px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px
}

    .dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button.dx-button-has-text .dx-button-content {
        padding-top: 6px;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 8px
    }

        .dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button.dx-button-has-text .dx-button-content .dx-button-text {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis
        }

.dx-dashboard-property-grid .dx-buttongroup {
    width: 100%;
    height: 30px
}

    .dx-dashboard-property-grid .dx-buttongroup .dx-buttongroup-wrapper {
        height: 100%
    }

    .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon {
        width: 30px;
        height: 30px
    }

        .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon svg {
            width: 24px;
            height: 24px;
            margin: 3px 3px;
            pointer-events: none;
            color: #333
        }

        .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon.dx-state-disabled svg {
            color: rgba(51,51,51,.2)
        }

        .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon .dx-buttongroup-item {
            padding: 0
        }

            .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon .dx-buttongroup-item .dx-button-content {
                padding: 0
            }

        .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon svg {
            pointer-events: none;
            margin: 2px 2px;
            fill: #337ab7
        }

        .dx-dashboard-property-grid .dx-buttongroup.dx-dashboard-button-with-icon .dx-item-selected svg {
            color: #333;
            fill: #337ab7
        }

    .dx-dashboard-property-grid .dx-buttongroup .dx-buttongroup-item.dx-buttongroup-item-has-width {
        flex: 1 1 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        min-width: 0
    }

.dx-color-scheme-tree-view-container .dx-treeview-toggle-item-visibility {
    left: 2px
}

.dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) {
    padding-left: 15px
}

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node-is-leaf {
        padding-left: 0
    }

    .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) {
        padding-left: 0
    }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-dashboard-remove-icon {
            width: 30px;
            height: 30px
        }

            .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-dashboard-remove-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: #d9534f
            }

            .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-dashboard-remove-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-dashboard-remove-icon:hover svg {
                color: #333
            }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility:before {
            content: " ";
            height: 100%;
            background-position: 1px 4px;
            background-size: 13px 13px;
            background-repeat: no-repeat;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy10cmVldmlldy1jb2xsYXBzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEzIDEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMyAxMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb257ZmlsbDojN0I3QjdCO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9ImR4LWRhc2hib2FyZC1jdXJyZW50LWNvbG9yLWljb24iIHBvaW50cz0iMTAsNiA3LDYgNywzIDYsMyA2LDYgMyw2IDMsNyA2LDcgNiwxMCA3LDEwIDcsNyAxMCw3ICIvPgo8L3N2Zz4K)
        }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
            content: " ";
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImR4LWRhc2hib2FyZC1mYy10cmVldmlldy1leHBhbmQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMyAxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMgMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5keC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29ue2ZpbGw6IzdCN0I3Qjt9Cjwvc3R5bGU+CjxyZWN0IHg9IjMiIHk9IjYiIGNsYXNzPSJkeC1kYXNoYm9hcmQtY3VycmVudC1jb2xvci1pY29uIiB3aWR0aD0iNyIgaGVpZ2h0PSIxIi8+Cjwvc3ZnPgo=)
        }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item {
            padding: 0;
            min-height: 0
        }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-toggle-item-visibility {
            left: -5px;
            height: 28px
        }

        .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-treeview-item-content .dx-color-scheme-tree-item {
            font-size: 11px;
            line-height: 26px;
            vertical-align: middle;
            text-align: left;
            margin: 1px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .dx-color-scheme-tree-view-container .dx-treeview-node-container:not(.dx-treeview-node-is-leaf) .dx-treeview-node:not(.dx-treeview-item-with-checkbox) .dx-treeview-item .dx-treeview-item-content .dx-color-scheme-tree-item .dx-dashboard-color-scheme-item-color {
                height: 18px;
                border-radius: 2px;
                width: 22px;
                display: inline-block;
                vertical-align: middle
            }

.dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item, .dx-dashboard-colors-list-compact.dx-list .dx-list-item {
    border-style: none;
    line-height: 26px;
    height: 26px
}

    .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-color-scheme-item-name, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-color-scheme-item-name {
        padding: 0 0 0 8px;
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-weight: 700;
        text-shadow: 0 0 3px rgba(0,0,0,.75),3px 0 3px rgba(0,0,0,.15),-3px 0 3px rgba(0,0,0,.15),0 3px 3px rgba(0,0,0,.25);
        height: 26px
    }

    .dx-dashboard-binding-panel-details .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-edit-color-icon, .dx-dashboard-colors-list-compact.dx-list .dx-list-item .dx-list-item-content .dx-dashboard-color-scheme-item .dx-dashboard-edit-color-icon {
        width: 26px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 2px;
        height: 26px
    }

.dx-dashboard-widget-container > div.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper > .dx-colorbox-overlay > div.dx-popup-content {
    padding: 20px
}

.dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-color-table-item-description div {
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 11px
}

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-color-table-item-description div .dx-dashboard-color-definition-tree {
        line-height: 16px
    }

    .dx-dashboard-color-scheme-editor-form .dx-dashboard-coloring-form-color-tables-panel .dx-dashboard-color-tables-list .dx-list-item .dx-dashboard-color-table-item .dx-dashboard-color-table-item-description div .dx-dashboard-definition-container {
        line-height: 14px
    }

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-dashboard-color-definition-tree svg {
    color: rgba(51,51,51,.6)
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-dashboard-definition-caption {
    color: rgba(51,51,51,.6)
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-focused .dx-dashboard-color-definition-tree svg, .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-dashboard-color-definition-tree svg {
    color: rgba(255,255,255,.7)
}

.dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-focused .dx-dashboard-definition-caption, .dx-dashboard-settings-form .dx-dashboard-settings-form-content .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-dashboard-definition-caption {
    color: rgba(255,255,255,.7)
}

.dx-dashboard-toolbar-extension .dx-overlay-content {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    overflow: visible
}

.dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-items-container {
    height: 50px
}

.dx-dashboard-datasource-browser-popup .dx-popup-bottom.dx-toolbar {
    padding: 30px 38px;
    padding-top: 0
}

.dx-dashboard-datasource-browser-popup .dx-popup-content {
    padding: 30px 38px
}

.dx-dashboard-datasources-list .dx-list-item .dx-dashboard-datasource-item .dx-dashboard-datasource-description {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 12px
}

.dx-dashboard-datasources-list .dx-list-item .dx-dashboard-datasource-item .dx-dashboard-datasource-icons {
    padding-right: 7px;
    margin-left: auto
}

.dx-dashboard-datasources-list .dx-list-item .dx-list-item-content {
    padding: 0
}

.dx-dashboard-datasource-browser-wrapper .dx-dashboard-form-right-column .dx-dashboard-datasource-tree-wrapper .dx-dashboard-datasource-browser-tree .dx-dashboard-datasource-tree-item-column .dx-dashboard-datasource-field-icon {
    display: inline-block;
    vertical-align: middle
}

.dx-dashboard-collection-editor .dx-dashboard-editable-collection-editor .dx-data-row td {
    font-size: 11px
}

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-label {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 10px
}

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-pixel-label {
    padding-right: 20px
}

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group {
    padding-right: 10px
}

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup {
        width: 100%;
        height: 30px
    }

        .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup .dx-buttongroup-wrapper {
            height: 100%
        }

        .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon {
            width: 30px;
            height: 30px
        }

            .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon svg {
                width: 24px;
                height: 24px;
                margin: 3px 3px;
                pointer-events: none;
                color: #333
            }

            .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon.dx-state-disabled svg {
                color: rgba(51,51,51,.2)
            }

            .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon .dx-buttongroup-item {
                padding: 0
            }

                .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon .dx-buttongroup-item .dx-button-content {
                    padding: 0
                }

            .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon svg {
                pointer-events: none;
                margin: 2px 2px;
                fill: #337ab7
            }

            .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup.dx-dashboard-button-with-icon .dx-item-selected svg {
                color: #333;
                fill: #337ab7
            }

        .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-buttongroup .dx-buttongroup-item.dx-buttongroup-item-has-width {
            flex: 1 1 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            min-width: 0
        }

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-button-group .dx-button-content .dx-button-text {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 700
    }

.dx-dashboard-designer-toolbar .dx-dashboard-toolbar-spinedit .dx-numberbox {
    height: 30px
}

    .dx-dashboard-designer-toolbar .dx-dashboard-toolbar-spinedit .dx-numberbox .dx-texteditor-input {
        font-size: 13px
    }

dx-datasource-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search .dx-textbox, dx-field-chooser > div .dx-field-chooser-header-container .dx-field-chooser-header > .dx-field-chooser-find-area .dx-field-chooser-search .dx-textbox {
    border: none;
    font-size: 11px
}

dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-toggle-item-visibility, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-tree-view-container .dx-treeview-toggle-item-visibility {
    top: 14px;
    left: 0;
    height: 20px
}

dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-list-item {
    font-size: 11px
}

.dx-dashboard-form-settings-parameters-list .dx-list-item {
    border-top: none;
    border-bottom: 1px solid #e5e5e5
}

    .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-remove-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: -2px;
        visibility: hidden
    }

        .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-remove-icon svg {
            width: 20px;
            height: 20px;
            margin: 10px 10px;
            pointer-events: none;
            color: rgba(51,51,51,.65)
        }

        .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-remove-icon.dx-state-disabled svg {
            color: rgba(51,51,51,.2)
        }

        .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-remove-icon svg {
            color: #d9534f
        }

    .dx-dashboard-form-settings-parameters-list .dx-list-item.dx-list-item-selected .dx-dashboard-remove-icon, .dx-dashboard-form-settings-parameters-list .dx-list-item.dx-state-hover .dx-dashboard-remove-icon {
        visibility: visible
    }

        .dx-dashboard-form-settings-parameters-list .dx-list-item.dx-list-item-selected .dx-dashboard-remove-icon:hover svg, .dx-dashboard-form-settings-parameters-list .dx-list-item.dx-state-hover .dx-dashboard-remove-icon:hover svg {
            color: #d9534f
        }

    .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-parameter-item .dx-dashboard-parameter-entry {
        width: 100%;
        padding-right: 40px;
        padding-top: 2px;
        height: 40px
    }

        .dx-dashboard-form-settings-parameters-list .dx-list-item .dx-dashboard-parameter-item .dx-dashboard-parameter-entry .dx-dashboard-parameter-description {
            opacity: .6;
            font-size: 11px
        }

.dx-dashboard-widget-container .dx-dropdowneditor-overlay {
    user-select: none
}

    .dx-dashboard-widget-container .dx-dropdowneditor-overlay .dx-popup-content {
        padding: 0;
        background-color: #fff
    }