/*
* Generated by the DevExpress Theme Builder
* Version: 18.2.3
* http://js.devexpress.com/themebuilder/
*/

/* how I did it 
ripped all the scheduler stuff out
replace : 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif with "inherit"
REMOVE BG COLOR on datagrid and toolbar.
comment out  dx-toolbar background
.dx-toolbar {
    //background-color: none;

    and background on .dx-datagrid
replace all $luci-border-component-on-light-color with $luci-border-component-on-light-color;

/.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell made white!
*/

@import "~@netapp/luci/tokens/tokens";


.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-top-width: 0;
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid {
    color: #454545;
}

.dx-datagrid .dx-sort-up {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-sort-up:before {
    content: '\f051';
}

.dx-datagrid .dx-sort-down {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-sort-down:before {
    content: '\f052';
}

.dx-datagrid .dx-header-filter {
    position: relative;
    color: #a7a7a7;
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-header-filter:before {
    content: '\f050';
}

.dx-datagrid .dx-header-filter-empty {
    color: rgba(167, 167, 167, 0.5);
}

.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: #fff;
}

.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid $luci-border-component-on-light-color;
    border-right: 2px solid $luci-border-component-on-light-color;
}

.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
    border-left: none;
}

.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
    border-right: none;
}

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #fff;
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
    position: relative;
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
    display: block;
    position: absolute;
    left: 7px;
    right: 7px;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
    background-repeat: no-repeat repeat;
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*='text-align: right']:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
    color: #454545;
}

.dx-datagrid .dx-error-row td {
    color: #fff;
    padding: 0;
}

.dx-datagrid .dx-error-row .dx-error-message {
    background-color: #ff8f91;
    white-space: normal;
    word-wrap: break-word;
}

.dx-datagrid .dx-column-lines > td:first-child {
    border-left: none;
}

.dx-datagrid .dx-column-lines > td:last-child {
    border-right: none;
}

.dx-datagrid-filter-panel {
    color: #454545;
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-form-buttons-container {
    float: right;
}

.dx-datagrid-form-buttons-container .dx-button {
    margin-left: 10px;
    margin-top: 10px;
}

.dx-datagrid-column-chooser {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    -webkit-background-size: 21px 21px;
    -moz-background-size: 21px 21px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-datagrid-adaptive-more:before {
    content: '\f06c';
}

.dx-datagrid-edit-popup .dx-error-message {
    background-color: #ff8f91;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px;
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid $luci-border-component-on-light-color;
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
    border-right: none;
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
    border-left: none;
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*='text-align: left']:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl .dx-datagrid-form-buttons-container {
    float: left;
}

.dx-rtl .dx-datagrid-form-buttons-container .dx-button {
    margin-left: 0;
    margin-right: 10px;
}

.dx-datagrid-cell-updated-animation {
    animation: dx-datagrid-highlight-change 1s;
}

.dx-datagrid-row-inserted-animation {
    animation: dx-datagrid-highlight-change 1s;
}

@keyframes dx-datagrid-highlight-change {
    from {
        background-color: rgba(69, 69, 69, 0.08);
    }

    50% {
        background-color: rgba(69, 69, 69, 0.08);
    }
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
    margin-top: -4px;
    margin-left: -1px;
    height: 2px;
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
    margin-top: -3px;
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
    margin-left: -3px;
    width: 2px;
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
    margin-left: 3px;
}

.dx-pivotgrid-fields-container .dx-area-fields {
    position: relative;
}

.dx-pivotgrid-fields-container .dx-sort {
    color: #a7a7a7;
    font-size: 14px;
    width: 14px;
}

.dx-pivotgrid-fields-container .dx-sort-up {
    font: 14px/1 DXIcons;
}

.dx-pivotgrid-fields-container .dx-sort-up:before {
    content: '\f051';
}

.dx-pivotgrid-fields-container .dx-sort-down {
    font: 14px/1 DXIcons;
}

.dx-pivotgrid-fields-container .dx-sort-down:before {
    content: '\f052';
}

.dx-pivotgrid-fields-container .dx-header-filter {
    color: #a7a7a7;
    font: 14px/1 DXIcons;
    font-size: 14px;
    width: 14px;
}

.dx-pivotgrid-fields-container .dx-header-filter:before {
    content: '\f050';
}

.dx-pivotgrid-fields-container .dx-header-filter-empty {
    color: rgba(167, 167, 167, 0.5);
}

.dx-pivotgrid-fields-container .dx-area-field {
    cursor: pointer;
}

.dx-pivotgrid-fields-container.dx-drag {
    opacity: 0.8;
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 103, 197, 0.5);
}

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background-color: #fff;
    margin-bottom: 4px;
    border: 1px solid $luci-border-component-on-light-color;
    padding: 7px 10px;
}

.dx-pivotgrid-fields-container .dx-drag-source {
    opacity: 0.5;
}

.dx-pivotgrid-fields-container .dx-column-indicators {
    vertical-align: bottom;
    margin-left: 6px;
}

.dx-pivotgrid-fields-container .dx-area-field-content {
    vertical-align: bottom;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
    overflow: hidden;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 10px;
    float: right;
    display: inline-block;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
    margin-right: 4px;
}

.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
    background-color: rgba(221, 221, 221, 0.2);
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: -5px;
    padding-left: 5px;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 0;
}

.dx-pivotgrid .dx-filter-header .dx-area-field-container {
    border-spacing: 8px;
    border-collapse: separate;
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
    padding: 2px;
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 2px;
}

.dx-pivotgrid .dx-area-field.dx-area-box {
    margin-bottom: 0;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
    border-top-width: 0px;
}

.dx-pivotgrid .dx-expand-icon-container {
    margin-left: -5px;
    margin-right: 0;
}

.dx-pivotgrid .dx-area-row-cell,
.dx-pivotgrid .dx-area-description-cell {
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-area-description-cell {
    white-space: nowrap;
}

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
    margin: 1px;
}

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.dx-pivotgrid .dx-bottom-border,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-area-column-cell {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-area {
    box-sizing: content-box;
}

.dx-pivotgrid .dx-pivotgrid-area td {
    color: #a7a7a7;
    padding: 7px 10px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
    position: relative;
    border: none;
    padding: 10px 2px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 10px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
    padding-right: 10px;
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    white-space: nowrap;
    padding: 6px 0;
    border: 1px solid transparent;
    color: #646464;
}

.dx-pivotgrid .dx-group-connector {
    position: absolute;
    width: 2px;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background-color: $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
    left: 0;
}

.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
    right: 0;
}

.dx-pivotgrid .dx-virtual-content {
    display: none;
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
    position: relative;
    overflow: hidden;
    display: block;
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
    color: transparent;
    background-color: transparent !important;
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
    visibility: hidden;
}

.dx-pivotgrid .dx-virtual-mode table {
    position: absolute;
}

.dx-pivotgrid .dx-pivotgrid-area-data {
    position: relative;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    text-align: right;
    color: #454545;
    white-space: nowrap;
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
    border-left: 0px;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
.dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
    border-top-width: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
    border-right: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    min-width: 50px;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
    border-top: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
    border-right: 0px;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-area-tree-view .dx-total {
    border-bottom: none;
}

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
    border-top: 1px solid transparent;
    background-color: rgba(221, 221, 221, 0.2);
    width: 24px;
    padding: 0;
    min-width: 24px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    text-align: center;
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
    text-align: left;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
    border-left: 0px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
    border-top: 0px;
}

.dx-pivotgrid .dx-expand-icon-container {
    width: 14px;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
    border-bottom: 0;
}

.dx-pivotgrid .dx-total,
.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-area-description-cell {
    background-color: rgba(221, 221, 221, 0.2);
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #f5f5f5;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
    display: inline-block;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-pivotgrid .dx-icon-sorted {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
}

.dx-pivotgrid .dx-menu-item .dx-icon {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgrid .dx-popup-content {
    padding: 10px;
}

.dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
    padding: 0px 2px;
}

.dx-pivotgridfieldchooser .dx-area-fields {
    overflow: hidden;
}

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
    margin-bottom: 1px;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-pivotgridfieldchooser .dx-treeview-search {
    margin: 5px;
}

.dx-pivotgridfieldchooser .dx-area-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.dx-pivotgridfieldchooser .dx-area {
    padding: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 0;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 0;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
    height: auto;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 0;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 0;
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
    height: auto;
}

.dx-pivotgridfieldchooser .dx-area .dx-area-fields {
    margin-top: 3px;
    border: 1px solid $luci-border-component-on-light-color;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 0;
}

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
    align-self: center;
}

.dx-pivotgridfieldchooser .dx-area-fields[group] {
    padding: 5px;
    background-color: rgba(221, 221, 221, 0.2);
    display: -webkit-flex;
    display: flex;
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
    border-color: #0067C5;
}

.dx-pivotgridfieldchooser .dx-area-icon-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-filter {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-row {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-column {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-area-icon-data {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-measure {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-dimension {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-pivotgridfieldchooser .dx-icon-hierarchy {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center;
}

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
    margin-left: -3px;
}

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
    margin-left: 1px;
}

.dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
    margin-left: 0;
    margin-right: 6px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
    margin-right: 0;
    margin-left: 10px;
    float: left;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
    margin-right: 0;
    margin-left: 4px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
    margin-left: 0;
    padding-left: 0;
    margin-right: -5px;
    padding-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-left: 2px;
    padding-right: 0;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
    padding: 10px 2px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
    padding-right: 10px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
    padding-left: 10px;
}

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
    left: initial;
    right: 0;
}

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
    right: initial;
    left: 0;
}

.dx-rtl.dx-pivotgrid .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-area-description-cell {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    border-left: 0px;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-right: 0px;
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
    border-left: 0px;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 0px;
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
    border-left: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 0px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
    text-align: right;
}

.dx-rtl.dx-pivotgrid .dx-expand-icon-container {
    margin-left: 0;
    margin-right: -5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl.dx-pivotgrid .dx-icon-sorted {
    margin-left: 0;
    margin-right: 5px;
}

.dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
    display: -webkit-flex;
    display: flex;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
    border-right: none;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
    border-left: none;
}

.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-borders > .dx-treelist-pager,
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-borders > .dx-treelist-filter-panel {
    border-top-width: 0;
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist .dx-column-lines > td:first-child {
    border-left: none;
}

.dx-treelist .dx-column-lines > td:last-child {
    border-right: none;
}

.dx-treelist-container {
    color: #454545;
    background-color: #fff;
}

.dx-treelist-container .dx-sort-up {
    font: 14px/1 DXIcons;
}

.dx-treelist-container .dx-sort-up:before {
    content: '\f051';
}

.dx-treelist-container .dx-sort-down {
    font: 14px/1 DXIcons;
}

.dx-treelist-container .dx-sort-down:before {
    content: '\f052';
}

.dx-treelist-container .dx-header-filter {
    position: relative;
    color: #a7a7a7;
    font: 14px/1 DXIcons;
}

.dx-treelist-container .dx-header-filter:before {
    content: '\f050';
}

.dx-treelist-container .dx-header-filter-empty {
    color: rgba(167, 167, 167, 0.5);
}

.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
    background-color: #fff;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid $luci-border-component-on-light-color;
    border-right: 2px solid $luci-border-component-on-light-color;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
    border-left: none;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
    border-right: none;
}

.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
    background-color: #fff;
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
    position: relative;
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
    display: block;
    position: absolute;
    left: 7px;
    right: 7px;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
    background-repeat: no-repeat repeat;
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*='text-align: right']:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
    color: #454545;
}

.dx-treelist-container .dx-error-row td {
    color: #fff;
    padding: 0;
}

.dx-treelist-container .dx-error-row .dx-error-message {
    background-color: #ff8f91;
    white-space: normal;
    word-wrap: break-word;
}

.dx-treelist-filter-panel {
    color: #454545;
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-form-buttons-container {
    float: right;
}

.dx-treelist-form-buttons-container .dx-button {
    margin-left: 10px;
    margin-top: 10px;
}

.dx-treelist-column-chooser {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-treelist-column-chooser input,
.dx-treelist-column-chooser textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-treelist-adaptive-more {
    cursor: pointer;
    font: 14px/1 DXIcons;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    -webkit-background-size: 21px 21px;
    -moz-background-size: 21px 21px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-treelist-adaptive-more:before {
    content: '\f06c';
}

.dx-treelist-edit-popup .dx-error-message {
    background-color: #ff8f91;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px;
}

.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
    border-left: none;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid $luci-border-component-on-light-color;
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
    border-right: none;
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
    border-left: none;
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*='text-align: left']:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.dx-rtl .dx-treelist-form-buttons-container {
    float: left;
}

.dx-rtl .dx-treelist-form-buttons-container .dx-button {
    margin-left: 0;
    margin-right: 10px;
}

.dx-treelist-cell-updated-animation {
    animation: dx-treelist-highlight-change 1s;
}

.dx-treelist-row-inserted-animation {
    animation: dx-treelist-highlight-change 1s;
}

@keyframes dx-treelist-highlight-change {
    from {
        background-color: rgba(69, 69, 69, 0.08);
    }

    50% {
        background-color: rgba(69, 69, 69, 0.08);
    }
}

.dx-treeview .dx-loadindicator {
    left: auto;
    right: 0px;
}

.dx-rtl .dx-treeview-node .dx-checkbox {
    left: auto;
}

.dx-validationsummary-item {
    color: #ff4548;
}

.dx-validationsummary-item-content {
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: normal;
}

.dx-invalid-message > .dx-overlay-content {
    color: #fff;
    background-color: #ff4548;
}

.dx-filterbuilder {
    background-color: #fff;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
    color: #454545;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
    background-color: rgba(255, 69, 72, 0.3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
    background-color: rgba(255, 69, 72, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
    background-color: #ff4548;
    color: #FFF;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
    background-color: rgba(0, 103, 197, 0.3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
    background-color: rgba(0, 103, 197, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
    background-color: #0067c5;
    color: #FFF;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
    background-color: rgba(111, 193, 62, 0.3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
    background-color: rgba(111, 193, 62, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
    background-color: #6fc13e;
    color: #FFF;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
    background-color: rgba(221, 221, 221, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
    background-color: rgba(221, 221, 221, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
    background-color: $luci-border-component-on-light-color;
    color: #FFF;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
    color: rgba(111, 193, 62, 0.3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
    color: rgba(111, 193, 62, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
    color: #6fc13e;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
    color: rgba(255, 69, 72, 0.3);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
    color: rgba(255, 69, 72, 0.5);
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
    color: #ff4548;
}

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
    color: #9b9b9b;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-selectbox-month-of-year,
.dx-recurrence-numberbox-repeat-count,
.dx-recurrence-datebox-until-date,
.dx-recurrence-switch-repeat-end {
    float: left;
    position: relative !important;
}

.dx-recurrence-numberbox-interval.dx-rtl,
.dx-recurrence-numberbox-day-of-month.dx-rtl,
.dx-recurrence-selectbox-month-of-year.dx-rtl,
.dx-recurrence-numberbox-repeat-count.dx-rtl,
.dx-recurrence-datebox-until-date.dx-rtl,
.dx-recurrence-switch-repeat-end.dx-rtl {
    float: right;
}

.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-repeat-count {
    width: 70px !important;
}

.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.dx-recurrence-repeat-end-label {
    float: left;
    width: auto;
    white-space: nowrap;
    line-height: 36px;
}

.dx-recurrence-selectbox-month-of-year {
    width: 120px !important;
    top: 0 !important;
}

.dx-recurrence-checkbox-day-of-week {
    position: relative !important;
    padding-right: 10px;
}

.dx-recurrence-radiogroup-repeat-type {
    margin: 0;
}

.dx-recurrence-radiogroup-repeat-type .dx-item:first-child {
    padding-bottom: 10px;
}

.dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
    float: right;
}

.dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-recurrence-editor-container .dx-field-value-static {
    width: 100%;
}

.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
    float: left;
}

.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
    float: right;
}

.dx-recurrence-editor-container .dx-field-label {
    width: auto;
    float: none;
}

.dx-theme-generic-typography {
    background-color: #fff;
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-theme-generic-typography h1,
.dx-theme-generic-typography .dx-font-xl {
    font-weight: 200;
    font-size: 34px;
}

.dx-theme-generic-typography h2,
.dx-theme-generic-typography .dx-font-l {
    font-weight: normal;
    font-size: 28px;
}

.dx-theme-generic-typography h3 {
    font-weight: normal;
    font-size: 22px;
}

.dx-theme-generic-typography .dx-font-m {
    font-weight: normal;
    font-size: 20px;
}

.dx-theme-generic-typography h4,
.dx-theme-generic-typography .dx-font-s {
    font-weight: 500;
    font-size: 18px;
}

.dx-theme-generic-typography h5 {
    font-weight: 700;
    font-size: 16px;
}

.dx-theme-generic-typography h6,
.dx-theme-generic-typography small,
.dx-theme-generic-typography .dx-font-xs {
    font-weight: 800;
    font-size: 12px;
}

.dx-theme-generic-typography a {
    color: #0077C0;
}

.dx-theme-marker {
    font-family: 'dx.generic.light';
}

.dx-theme-accent-as-text-color {
    color: #0067C5;
}

.dx-theme-text-color {
    color: #454545;
}

.dx-theme-background-color-as-text-color {
    color: #fff;
}

.dx-theme-border-color-as-text-color {
    color: $luci-border-component-on-light-color;
}

.dx-theme-accent-as-background-color {
    background-color: #0067C5;
    fill: #0067C5;
}

.dx-theme-text-color-as-background-color {
    background-color: #454545;
    fill: #454545;
}

.dx-theme-background-color {
    background-color: #fff;
    fill: #fff;
}

.dx-theme-border-color-as-background-color {
    background-color: $luci-border-component-on-light-color;
    fill: $luci-border-component-on-light-color;
}

.dx-theme-accent-as-border-color {
    border-color: #0067C5;
}

.dx-theme-text-color-as-border-color {
    border-color: #454545;
}

.dx-theme-background-color-as-border-color {
    border-color: #fff;
}

.dx-theme-border-color {
    border-color: $luci-border-component-on-light-color;
}

.dx-theme-generic-typography .dx-theme-accent-as-text-color {
    color: #0067C5;
}

.dx-theme-generic-typography .dx-theme-text-color {
    color: #454545;
}

.dx-theme-generic-typography .dx-theme-background-color-as-text-color {
    color: #fff;
}

.dx-theme-generic-typography .dx-theme-border-color-as-text-color {
    color: $luci-border-component-on-light-color;
}

.dx-theme-generic-typography .dx-theme-accent-as-background-color {
    background-color: #0067C5;
    fill: #0067C5;
}

.dx-theme-generic-typography .dx-theme-text-color-as-background-color {
    background-color: #454545;
    fill: #454545;
}

.dx-theme-generic-typography .dx-theme-background-color {
    background-color: #fff;
    fill: #fff;
}

.dx-theme-generic-typography .dx-theme-border-color-as-background-color {
    background-color: $luci-border-component-on-light-color;
    fill: $luci-border-component-on-light-color;
}

.dx-theme-generic-typography .dx-theme-accent-as-border-color {
    border-color: #0067C5;
}

.dx-theme-generic-typography .dx-theme-text-color-as-border-color {
    border-color: #454545;
}

.dx-theme-generic-typography .dx-theme-background-color-as-border-color {
    border-color: #fff;
}

.dx-theme-generic-typography .dx-theme-border-color {
    border-color: $luci-border-component-on-light-color;
}

@font-face {
    font-family: 'DXIcons';
    src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url(~devextreme/dist/css/icons/dxicons.woff2) format('woff2'), url(~devextreme/dist/css/icons/dxicons.woff) format('woff'), url(~devextreme/dist/css/icons/dxicons.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.dx-icon {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.dx-icon-add {
    font: 14px/1 DXIcons;
}

.dx-icon-add:before {
    content: '\f00b';
}

.dx-icon-airplane {
    font: 14px/1 DXIcons;
}

.dx-icon-airplane:before {
    content: '\f000';
}

.dx-icon-bookmark {
    font: 14px/1 DXIcons;
}

.dx-icon-bookmark:before {
    content: '\f017';
}

.dx-icon-box {
    font: 14px/1 DXIcons;
}

.dx-icon-box:before {
    content: '\f018';
}

.dx-icon-car {
    font: 14px/1 DXIcons;
}

.dx-icon-car:before {
    content: '\f01b';
}

.dx-icon-card {
    font: 14px/1 DXIcons;
}

.dx-icon-card:before {
    content: '\f019';
}

.dx-icon-cart {
    font: 14px/1 DXIcons;
}

.dx-icon-cart:before {
    content: '\f01a';
}

.dx-icon-chart {
    font: 14px/1 DXIcons;
}

.dx-icon-chart:before {
    content: '\f01c';
}

.dx-icon-check {
    font: 14px/1 DXIcons;
}

.dx-icon-check:before {
    content: '\f005';
}

.dx-icon-clear {
    font: 14px/1 DXIcons;
}

.dx-icon-clear:before {
    content: '\f008';
}

.dx-icon-clock {
    font: 14px/1 DXIcons;
}

.dx-icon-clock:before {
    content: '\f01d';
}

.dx-icon-close {
    font: 14px/1 DXIcons;
}

.dx-icon-close:before {
    content: '\f00a';
}

.dx-icon-coffee {
    font: 14px/1 DXIcons;
}

.dx-icon-coffee:before {
    content: '\f02a';
}

.dx-icon-comment {
    font: 14px/1 DXIcons;
}

.dx-icon-comment:before {
    content: '\f01e';
}

.dx-icon-doc {
    font: 14px/1 DXIcons;
}

.dx-icon-doc:before {
    content: '\f021';
}

.dx-icon-download {
    font: 14px/1 DXIcons;
}

.dx-icon-download:before {
    content: '\f022';
}

.dx-icon-dragvertical {
    font: 14px/1 DXIcons;
}

.dx-icon-dragvertical:before {
    content: '\f038';
}

.dx-icon-edit {
    font: 14px/1 DXIcons;
}

.dx-icon-edit:before {
    content: '\f023';
}

.dx-icon-email {
    font: 14px/1 DXIcons;
}

.dx-icon-email:before {
    content: '\f024';
}

.dx-icon-event {
    font: 14px/1 DXIcons;
}

.dx-icon-event:before {
    content: '\f026';
}

.dx-icon-favorites {
    font: 14px/1 DXIcons;
}

.dx-icon-favorites:before {
    content: '\f025';
}

.dx-icon-find {
    font: 14px/1 DXIcons;
}

.dx-icon-find:before {
    content: '\f027';
}

.dx-icon-filter {
    font: 14px/1 DXIcons;
}

.dx-icon-filter:before {
    content: '\f050';
}

.dx-icon-folder {
    font: 14px/1 DXIcons;
}

.dx-icon-folder:before {
    content: '\f028';
}

.dx-icon-food {
    font: 14px/1 DXIcons;
}

.dx-icon-food:before {
    content: '\f029';
}

.dx-icon-gift {
    font: 14px/1 DXIcons;
}

.dx-icon-gift:before {
    content: '\f02b';
}

.dx-icon-globe {
    font: 14px/1 DXIcons;
}

.dx-icon-globe:before {
    content: '\f02c';
}

.dx-icon-group {
    font: 14px/1 DXIcons;
}

.dx-icon-group:before {
    content: '\f02e';
}

.dx-icon-help {
    font: 14px/1 DXIcons;
}

.dx-icon-help:before {
    content: '\f02f';
}

.dx-icon-home {
    font: 14px/1 DXIcons;
}

.dx-icon-home:before {
    content: '\f030';
}

.dx-icon-image {
    font: 14px/1 DXIcons;
}

.dx-icon-image:before {
    content: '\f031';
}

.dx-icon-info {
    font: 14px/1 DXIcons;
}

.dx-icon-info:before {
    content: '\f032';
}

.dx-icon-key {
    font: 14px/1 DXIcons;
}

.dx-icon-key:before {
    content: '\f033';
}

.dx-icon-like {
    font: 14px/1 DXIcons;
}

.dx-icon-like:before {
    content: '\f034';
}

.dx-icon-map {
    font: 14px/1 DXIcons;
}

.dx-icon-map:before {
    content: '\f035';
}

.dx-icon-menu {
    font: 14px/1 DXIcons;
}

.dx-icon-menu:before {
    content: '\f00c';
}

.dx-icon-message {
    font: 14px/1 DXIcons;
}

.dx-icon-message:before {
    content: '\f024';
}

.dx-icon-money {
    font: 14px/1 DXIcons;
}

.dx-icon-money:before {
    content: '\f036';
}

.dx-icon-music {
    font: 14px/1 DXIcons;
}

.dx-icon-music:before {
    content: '\f037';
}

.dx-icon-overflow {
    font: 14px/1 DXIcons;
}

.dx-icon-overflow:before {
    content: '\f00d';
}

.dx-icon-percent {
    font: 14px/1 DXIcons;
}

.dx-icon-percent:before {
    content: '\f039';
}

.dx-icon-photo {
    font: 14px/1 DXIcons;
}

.dx-icon-photo:before {
    content: '\f03a';
}

.dx-icon-plus {
    font: 14px/1 DXIcons;
}

.dx-icon-plus:before {
    content: '\f00b';
}

.dx-icon-preferences {
    font: 14px/1 DXIcons;
}

.dx-icon-preferences:before {
    content: '\f03b';
}

.dx-icon-product {
    font: 14px/1 DXIcons;
}

.dx-icon-product:before {
    content: '\f03c';
}

.dx-icon-pulldown {
    font: 14px/1 DXIcons;
}

.dx-icon-pulldown:before {
    content: '\f062';
}

.dx-icon-refresh {
    font: 14px/1 DXIcons;
}

.dx-icon-refresh:before {
    content: '\f03d';
}

.dx-icon-remove {
    font: 14px/1 DXIcons;
}

.dx-icon-remove:before {
    content: '\f00a';
}

.dx-icon-revert {
    font: 14px/1 DXIcons;
}

.dx-icon-revert:before {
    content: '\f04c';
}

.dx-icon-runner {
    font: 14px/1 DXIcons;
}

.dx-icon-runner:before {
    content: '\f040';
}

.dx-icon-save {
    font: 14px/1 DXIcons;
}

.dx-icon-save:before {
    content: '\f041';
}

.dx-icon-search {
    font: 14px/1 DXIcons;
}

.dx-icon-search:before {
    content: '\f027';
}

.dx-icon-tags {
    font: 14px/1 DXIcons;
}

.dx-icon-tags:before {
    content: '\f009';
}

.dx-icon-tel {
    font: 14px/1 DXIcons;
}

.dx-icon-tel:before {
    content: '\f003';
}

.dx-icon-tips {
    font: 14px/1 DXIcons;
}

.dx-icon-tips:before {
    content: '\f004';
}

.dx-icon-todo {
    font: 14px/1 DXIcons;
}

.dx-icon-todo:before {
    content: '\f005';
}

.dx-icon-toolbox {
    font: 14px/1 DXIcons;
}

.dx-icon-toolbox:before {
    content: '\f007';
}

.dx-icon-trash {
    font: 14px/1 DXIcons;
}

.dx-icon-trash:before {
    content: '\f03e';
}

.dx-icon-user {
    font: 14px/1 DXIcons;
}

.dx-icon-user:before {
    content: '\f02d';
}

.dx-icon-upload {
    font: 14px/1 DXIcons;
}

.dx-icon-upload:before {
    content: '\f006';
}

.dx-icon-floppy {
    font: 14px/1 DXIcons;
}

.dx-icon-floppy:before {
    content: '\f073';
}

.dx-icon-arrowleft {
    font: 14px/1 DXIcons;
}

.dx-icon-arrowleft:before {
    content: '\f011';
}

.dx-icon-arrowdown {
    font: 14px/1 DXIcons;
}

.dx-icon-arrowdown:before {
    content: '\f015';
}

.dx-icon-arrowright {
    font: 14px/1 DXIcons;
}

.dx-icon-arrowright:before {
    content: '\f00e';
}

.dx-icon-arrowup {
    font: 14px/1 DXIcons;
}

.dx-icon-arrowup:before {
    content: '\f013';
}

.dx-icon-spinleft {
    font: 14px/1 DXIcons;
}

.dx-icon-spinleft:before {
    content: '\f04f';
}

.dx-icon-spinright {
    font: 14px/1 DXIcons;
}

.dx-icon-spinright:before {
    content: '\f04e';
}

.dx-icon-spinnext {
    font: 14px/1 DXIcons;
}

.dx-icon-spinnext:before {
    content: '\f04e';
}

.dx-rtl .dx-icon-spinnext:before {
    content: '\f04f';
}

.dx-icon-spinprev {
    font: 14px/1 DXIcons;
}

.dx-icon-spinprev:before {
    content: '\f04f';
}

.dx-rtl .dx-icon-spinprev:before {
    content: '\f04e';
}

.dx-icon-spindown {
    font: 14px/1 DXIcons;
}

.dx-icon-spindown:before {
    content: '\f001';
}

.dx-icon-spinup {
    font: 14px/1 DXIcons;
}

.dx-icon-spinup:before {
    content: '\f002';
}

.dx-icon-chevronleft {
    font: 14px/1 DXIcons;
}

.dx-icon-chevronleft:before {
    content: '\f012';
}

.dx-icon-chevronright {
    font: 14px/1 DXIcons;
}

.dx-icon-chevronright:before {
    content: '\f010';
}

.dx-icon-chevronnext {
    font: 14px/1 DXIcons;
}

.dx-icon-chevronnext:before {
    content: '\f010';
}

.dx-rtl .dx-icon-chevronnext:before {
    content: '\f012';
}

.dx-icon-chevronprev {
    font: 14px/1 DXIcons;
}

.dx-icon-chevronprev:before {
    content: '\f012';
}

.dx-rtl .dx-icon-chevronprev:before {
    content: '\f010';
}

.dx-icon-chevrondown {
    font: 14px/1 DXIcons;
}

.dx-icon-chevrondown:before {
    content: '\f016';
}

.dx-icon-chevronup {
    font: 14px/1 DXIcons;
}

.dx-icon-chevronup:before {
    content: '\f014';
}

.dx-icon-chevrondoubleleft {
    font: 14px/1 DXIcons;
}

.dx-icon-chevrondoubleleft:before {
    content: '\f042';
}

.dx-icon-chevrondoubleright {
    font: 14px/1 DXIcons;
}

.dx-icon-chevrondoubleright:before {
    content: '\f043';
}

.dx-icon-equal {
    font: 14px/1 DXIcons;
}

.dx-icon-equal:before {
    content: '\f044';
}

.dx-icon-notequal {
    font: 14px/1 DXIcons;
}

.dx-icon-notequal:before {
    content: '\f045';
}

.dx-icon-less {
    font: 14px/1 DXIcons;
}

.dx-icon-less:before {
    content: '\f046';
}

.dx-icon-greater {
    font: 14px/1 DXIcons;
}

.dx-icon-greater:before {
    content: '\f047';
}

.dx-icon-lessorequal {
    font: 14px/1 DXIcons;
}

.dx-icon-lessorequal:before {
    content: '\f048';
}

.dx-icon-greaterorequal {
    font: 14px/1 DXIcons;
}

.dx-icon-greaterorequal:before {
    content: '\f049';
}

.dx-icon-isblank {
    font: 14px/1 DXIcons;
}

.dx-icon-isblank:before {
    content: '\f075';
}

.dx-icon-isnotblank {
    font: 14px/1 DXIcons;
}

.dx-icon-isnotblank:before {
    content: '\f076';
}

.dx-icon-sortup {
    font: 14px/1 DXIcons;
}

.dx-icon-sortup:before {
    content: '\f051';
}

.dx-icon-sortdown {
    font: 14px/1 DXIcons;
}

.dx-icon-sortdown:before {
    content: '\f052';
}

.dx-icon-sortuptext {
    font: 14px/1 DXIcons;
}

.dx-icon-sortuptext:before {
    content: '\f053';
}

.dx-icon-sortdowntext {
    font: 14px/1 DXIcons;
}

.dx-icon-sortdowntext:before {
    content: '\f054';
}

.dx-icon-sorted {
    font: 14px/1 DXIcons;
}

.dx-icon-sorted:before {
    content: '\f055';
}

.dx-icon-expand {
    font: 14px/1 DXIcons;
}

.dx-icon-expand:before {
    content: '\f04a';
}

.dx-icon-collapse {
    font: 14px/1 DXIcons;
}

.dx-icon-collapse:before {
    content: '\f04b';
}

.dx-icon-columnfield {
    font: 14px/1 DXIcons;
}

.dx-icon-columnfield:before {
    content: '\f057';
}

.dx-icon-rowfield {
    font: 14px/1 DXIcons;
}

.dx-icon-rowfield:before {
    content: '\f058';
}

.dx-icon-datafield {
    font: 14px/1 DXIcons;
}

.dx-icon-datafield:before {
    content: '\f056';
}

.dx-icon-fields {
    font: 14px/1 DXIcons;
}

.dx-icon-fields:before {
    content: '\f059';
}

.dx-icon-fieldchooser {
    font: 14px/1 DXIcons;
}

.dx-icon-fieldchooser:before {
    content: '\f05a';
}

.dx-icon-columnchooser {
    font: 14px/1 DXIcons;
}

.dx-icon-columnchooser:before {
    content: '\f04d';
}

.dx-icon-pin {
    font: 14px/1 DXIcons;
}

.dx-icon-pin:before {
    content: '\f05b';
}

.dx-icon-unpin {
    font: 14px/1 DXIcons;
}

.dx-icon-unpin:before {
    content: '\f05c';
}

.dx-icon-pinleft {
    font: 14px/1 DXIcons;
}

.dx-icon-pinleft:before {
    content: '\f05d';
}

.dx-icon-pinright {
    font: 14px/1 DXIcons;
}

.dx-icon-pinright:before {
    content: '\f05e';
}

.dx-icon-contains {
    font: 14px/1 DXIcons;
}

.dx-icon-contains:before {
    content: '\f063';
}

.dx-icon-startswith {
    font: 14px/1 DXIcons;
}

.dx-icon-startswith:before {
    content: '\f064';
}

.dx-icon-endswith {
    font: 14px/1 DXIcons;
}

.dx-icon-endswith:before {
    content: '\f065';
}

.dx-icon-doesnotcontain {
    font: 14px/1 DXIcons;
}

.dx-icon-doesnotcontain:before {
    content: '\f066';
}

.dx-icon-range {
    font: 14px/1 DXIcons;
}

.dx-icon-range:before {
    content: '\f06a';
}

.dx-icon-export {
    font: 14px/1 DXIcons;
}

.dx-icon-export:before {
    content: '\f05f';
}

.dx-icon-exportxlsx {
    font: 14px/1 DXIcons;
}

.dx-icon-exportxlsx:before {
    content: '\f060';
}

.dx-icon-exportpdf {
    font: 14px/1 DXIcons;
}

.dx-icon-exportpdf:before {
    content: '\f061';
}

.dx-icon-exportselected {
    font: 14px/1 DXIcons;
}

.dx-icon-exportselected:before {
    content: '\f06d';
}

.dx-icon-warning {
    font: 14px/1 DXIcons;
}

.dx-icon-warning:before {
    content: '\f06b';
}

.dx-icon-more {
    font: 14px/1 DXIcons;
}

.dx-icon-more:before {
    content: '\f06c';
}

.dx-icon-square {
    font: 14px/1 DXIcons;
}

.dx-icon-square:before {
    content: '\f067';
}

.dx-icon-clearsquare {
    font: 14px/1 DXIcons;
}

.dx-icon-clearsquare:before {
    content: '\f068';
}

.dx-icon-back {
    font: 14px/1 DXIcons;
}

.dx-icon-back:before {
    content: '\f012';
}

.dx-rtl .dx-icon-back:before {
    content: '\f010';
}

.dx-icon-repeat {
    font: 14px/1 DXIcons;
}

.dx-icon-repeat:before {
    content: '\f069';
}

.dx-icon-selectall {
    font: 14px/1 DXIcons;
}

.dx-icon-selectall:before {
    content: '\f070';
}

.dx-icon-unselectall {
    font: 14px/1 DXIcons;
}

.dx-icon-unselectall:before {
    content: '\f071';
}

.dx-icon-print {
    font: 14px/1 DXIcons;
}

.dx-icon-print:before {
    content: '\f072';
}

.dx-icon-bold {
    font: 14px/1 DXIcons;
}

.dx-icon-bold:before {
    content: '\f077';
}

.dx-icon-italic {
    font: 14px/1 DXIcons;
}

.dx-icon-italic:before {
    content: '\f078';
}

.dx-icon-underline {
    font: 14px/1 DXIcons;
}

.dx-icon-underline:before {
    content: '\f079';
}

.dx-icon-strike {
    font: 14px/1 DXIcons;
}

.dx-icon-strike:before {
    content: '\f07a';
}

.dx-icon-indent {
    font: 14px/1 DXIcons;
}

.dx-icon-indent:before {
    content: '\f07b';
}

.dx-icon-fontsize {
    font: 14px/1 DXIcons;
}

.dx-icon-fontsize:before {
    content: '\f07c';
}

.dx-icon-growfont {
    font: 14px/1 DXIcons;
}

.dx-icon-growfont:before {
    content: '\f07d';
}

.dx-icon-shrinkfont {
    font: 14px/1 DXIcons;
}

.dx-icon-shrinkfont:before {
    content: '\f07e';
}

.dx-icon-color {
    font: 14px/1 DXIcons;
}

.dx-icon-color:before {
    content: '\f07f';
}

.dx-icon-background {
    font: 14px/1 DXIcons;
}

.dx-icon-background:before {
    content: '\f080';
}

.dx-icon-superscript {
    font: 14px/1 DXIcons;
}

.dx-icon-superscript:before {
    content: '\f081';
}

.dx-icon-subscript {
    font: 14px/1 DXIcons;
}

.dx-icon-subscript:before {
    content: '\f082';
}

.dx-icon-header {
    font: 14px/1 DXIcons;
}

.dx-icon-header:before {
    content: '\f083';
}

.dx-icon-blockquote {
    font: 14px/1 DXIcons;
}

.dx-icon-blockquote:before {
    content: '\f084';
}

.dx-icon-formula {
    font: 14px/1 DXIcons;
}

.dx-icon-formula:before {
    content: '\f056';
}

.dx-icon-codeblock {
    font: 14px/1 DXIcons;
}

.dx-icon-codeblock:before {
    content: '\f085';
}

.dx-icon-orderedlist {
    font: 14px/1 DXIcons;
}

.dx-icon-orderedlist:before {
    content: '\f086';
}

.dx-icon-bulletlist {
    font: 14px/1 DXIcons;
}

.dx-icon-bulletlist:before {
    content: '\f087';
}

.dx-icon-increaseindent {
    font: 14px/1 DXIcons;
}

.dx-icon-increaseindent:before {
    content: '\f088';
}

.dx-icon-decreaseindent {
    font: 14px/1 DXIcons;
}

.dx-icon-decreaseindent:before {
    content: '\f089';
}

.dx-icon-alignleft {
    font: 14px/1 DXIcons;
}

.dx-icon-alignleft:before {
    content: '\f08a';
}

.dx-icon-alignright {
    font: 14px/1 DXIcons;
}

.dx-icon-alignright:before {
    content: '\f08b';
}

.dx-icon-aligncenter {
    font: 14px/1 DXIcons;
}

.dx-icon-aligncenter:before {
    content: '\f08c';
}

.dx-icon-alignjustify {
    font: 14px/1 DXIcons;
}

.dx-icon-alignjustify:before {
    content: '\f08d';
}

.dx-icon-link {
    font: 14px/1 DXIcons;
}

.dx-icon-link:before {
    content: '\f08e';
}

.dx-icon-video {
    font: 14px/1 DXIcons;
}

.dx-icon-video:before {
    content: '\f08f';
}

.dx-icon-mention {
    font: 14px/1 DXIcons;
}

.dx-icon-mention:before {
    content: '\f090';
}

.dx-icon-variable {
    font: 14px/1 DXIcons;
}

.dx-icon-variable:before {
    content: '\f091';
}

.dx-icon-clearformat {
    font: 14px/1 DXIcons;
}

.dx-icon-clearformat:before {
    content: '\f092';
}

.dx-icon-undo {
    font: 14px/1 DXIcons;
}

.dx-icon-undo:before {
    content: '\f04c';
}

.dx-rtl .dx-icon-undo:before {
    content: '\f093';
}

.dx-icon-redo {
    font: 14px/1 DXIcons;
}

.dx-icon-redo:before {
    content: '\f093';
}

.dx-rtl .dx-icon-redo:before {
    content: '\f04c';
}

.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 50% 50%;
}

.dx-scrollview-pulldown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-loadindicator-image {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-small {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-large {
    background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-widget {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    //line-height: 1.35715;
}

.dx-widget input,
.dx-widget textarea {
   // font-family: inherit;
    //line-height: 1.35715;
}

.dx-state-disabled.dx-widget,
.dx-state-disabled .dx-widget {
    opacity: 0.5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    zoom: 1;
    cursor: default;
}

.dx-state-disabled.dx-widget .dx-widget,
.dx-state-disabled .dx-widget .dx-widget {
    opacity: 1;
}

.dx-badge {
    background-color: #0067C5;
    color: #fff;
    font-size: 13px;
    padding: 0 6px 2px;
    line-height: normal;
}

.dx-box-item-content {
    font-size: 14px;
}

.dx-button-content {
    line-height: 0;
}

.dx-button-text {
    display: inline-block;
    line-height: normal;
}

.dx-button a {
    text-decoration: none;
}

.dx-button .dx-button-content {
    padding: 8px;
}

.dx-button .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-has-icon .dx-button-content {
    padding: 8px;
}

.dx-button-has-icon .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-has-text .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-button-has-text .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-button-back .dx-button-content {
    padding: 8px;
}

.dx-button-back .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-button-back .dx-button-text {
    display: none;
}

.dx-button {
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    border-width: 1px;
    border-style: solid;
}

.dx-state-disabled.dx-button .dx-icon,
.dx-state-disabled .dx-button .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-button .dx-button-text,
.dx-state-disabled .dx-button .dx-button-text {
    opacity: 0.5;
}

.dx-button-mode-contained {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #454545;
}

.dx-button-mode-contained .dx-icon {
    color: #454545;
}

.dx-button-mode-contained.dx-state-hover {
    background-color: #d9d9d9;
    border-color: #f2f2f2;
}

.dx-button-mode-contained.dx-state-focused {
    background-color: #cccccc;
    border-color: #f2f2f2;
}

.dx-button-mode-contained.dx-state-active {
    background-color: #bfbfbf;
    border-color: #f2f2f2;
    color: #454545;
}

.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #f2f2f2;
    color: #454545;
}

.dx-button-mode-outlined .dx-icon {
    color: #454545;
}

.dx-button-mode-outlined.dx-state-hover {
    background-color: rgba(242, 242, 242, 0.1);
    border-color: #f2f2f2;
}

.dx-button-mode-outlined.dx-state-focused {
    background-color: rgba(242, 242, 242, 0.2);
    border-color: #f2f2f2;
}

.dx-button-mode-outlined.dx-state-active {
    background-color: rgba(242, 242, 242, 0.3);
    border-color: #f2f2f2;
    color: #454545;
}

.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #454545;
}

.dx-button-mode-text .dx-icon {
    color: #454545;
}

.dx-button-mode-text.dx-state-hover {
    background-color: rgba(69, 69, 69, 0.1);
    border-color: transparent;
}

.dx-button-mode-text.dx-state-focused {
    background-color: rgba(69, 69, 69, 0.2);
    border-color: transparent;
}

.dx-button-mode-text.dx-state-active {
    background-color: rgba(69, 69, 69, 0.3);
    border-color: transparent;
    color: #454545;
}

.dx-button-normal.dx-state-hover .dx-button-content,
.dx-button-back.dx-state-hover .dx-button-content {
    background-color: transparent;
    border-radius: 0.1rem;
}

.dx-button-danger.dx-button-mode-contained {
    background-color: #ff4548;
    border-color: transparent;
    color: #fff;
}

.dx-button-danger.dx-button-mode-contained .dx-icon {
    color: #fff;
}

.dx-button-danger.dx-button-mode-contained.dx-state-hover {
    background-color: #ff1216;
    border-color: transparent;
}

.dx-button-danger.dx-button-mode-contained.dx-state-focused {
    background-color: #f70004;
    border-color: transparent;
}

.dx-button-danger.dx-button-mode-contained.dx-state-active {
    background-color: #de0004;
    border-color: transparent;
    color: #fff;
}

.dx-button-danger.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #ff4548;
    color: #ff4548;
}

.dx-button-danger.dx-button-mode-outlined .dx-icon {
    color: #ff4548;
}

.dx-button-danger.dx-button-mode-outlined.dx-state-hover {
    background-color: rgba(255, 69, 72, 0.1);
    border-color: #ff4548;
}

.dx-button-danger.dx-button-mode-outlined.dx-state-focused {
    background-color: rgba(255, 69, 72, 0.2);
    border-color: #ff4548;
}

.dx-button-danger.dx-button-mode-outlined.dx-state-active {
    background-color: rgba(255, 69, 72, 0.3);
    border-color: #ff4548;
    color: #ff4548;
}

.dx-button-danger.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #ff4548;
}

.dx-button-danger.dx-button-mode-text .dx-icon {
    color: #ff4548;
}

.dx-button-danger.dx-button-mode-text.dx-state-hover {
    background-color: rgba(255, 69, 72, 0.1);
    border-color: transparent;
}

.dx-button-danger.dx-button-mode-text.dx-state-focused {
    background-color: rgba(255, 69, 72, 0.2);
    border-color: transparent;
}

.dx-button-danger.dx-button-mode-text.dx-state-active {
    background-color: rgba(255, 69, 72, 0.3);
    border-color: transparent;
    color: #ff4548;
}

.dx-button-success.dx-button-mode-contained {
    background-color: #6fc13e;
    border-color: transparent;
    color: #fff;
}

.dx-button-success.dx-button-mode-contained .dx-icon {
    color: #fff;
}

.dx-button-success.dx-button-mode-contained.dx-state-hover {
    background-color: #599a32;
    border-color: transparent;
}

.dx-button-success.dx-button-mode-contained.dx-state-focused {
    background-color: #4e872b;
    border-color: transparent;
}

.dx-button-success.dx-button-mode-contained.dx-state-active {
    background-color: #437425;
    border-color: transparent;
    color: #fff;
}

.dx-button-success.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #6fc13e;
    color: #6fc13e;
}

.dx-button-success.dx-button-mode-outlined .dx-icon {
    color: #6fc13e;
}

.dx-button-success.dx-button-mode-outlined.dx-state-hover {
    background-color: rgba(111, 193, 62, 0.1);
    border-color: #6fc13e;
}

.dx-button-success.dx-button-mode-outlined.dx-state-focused {
    background-color: rgba(111, 193, 62, 0.2);
    border-color: #6fc13e;
}

.dx-button-success.dx-button-mode-outlined.dx-state-active {
    background-color: rgba(111, 193, 62, 0.3);
    border-color: #6fc13e;
    color: #6fc13e;
}

.dx-button-success.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #6fc13e;
}

.dx-button-success.dx-button-mode-text .dx-icon {
    color: #6fc13e;
}

.dx-button-success.dx-button-mode-text.dx-state-hover {
    background-color: rgba(111, 193, 62, 0.1);
    border-color: transparent;
}

.dx-button-success.dx-button-mode-text.dx-state-focused {
    background-color: rgba(111, 193, 62, 0.2);
    border-color: transparent;
}

.dx-button-success.dx-button-mode-text.dx-state-active {
    background-color: rgba(111, 193, 62, 0.3);
    border-color: transparent;
    color: #6fc13e;
}

.dx-button-default.dx-button-mode-contained {
    background-color: #0067C5;
    border-color: transparent;
    color: #fff;
}

.dx-button-default.dx-button-mode-contained .dx-icon {
    color: #fff;
}

.dx-button-default.dx-button-mode-contained.dx-state-hover {
    background-color: #004c92;
    border-color: transparent;
}

.dx-button-default.dx-button-mode-contained.dx-state-focused {
    background-color: #003f79;
    border-color: transparent;
}

.dx-button-default.dx-button-mode-contained.dx-state-active {
    background-color: #00325f;
    border-color: transparent;
    color: #fff;
}

.dx-button-default.dx-button-mode-outlined {
    background-color: transparent;
    border-color: #0067C5;
    color: #0067C5;
}

.dx-button-default.dx-button-mode-outlined .dx-icon {
    color: #0067C5;
}

.dx-button-default.dx-button-mode-outlined.dx-state-hover {
    background-color: rgba(0, 103, 197, 0.1);
    border-color: #0067C5;
}

.dx-button-default.dx-button-mode-outlined.dx-state-focused {
    background-color: rgba(0, 103, 197, 0.2);
    border-color: #0067C5;
}

.dx-button-default.dx-button-mode-outlined.dx-state-active {
    background-color: rgba(0, 103, 197, 0.3);
    border-color: #0067C5;
    color: #0067C5;
}

.dx-button-default.dx-button-mode-text {
    background-color: transparent;
    border-color: transparent;
    color: #0067C5;
}

.dx-button-default.dx-button-mode-text .dx-icon {
    color: #0067C5;
}

.dx-button-default.dx-button-mode-text.dx-state-hover {
    background-color: rgba(0, 103, 197, 0.1);
    border-color: transparent;
}

.dx-button-default.dx-button-mode-text.dx-state-focused {
    background-color: rgba(0, 103, 197, 0.2);
    border-color: transparent;
}

.dx-button-default.dx-button-mode-text.dx-state-active {
    background-color: rgba(0, 103, 197, 0.3);
    border-color: transparent;
    color: #0067C5;
}

.dx-button-mode-outlined.dx-buttongroup-item,
.dx-button-mode-contained.dx-buttongroup-item {
    padding-left: 1px;
    padding-right: 1px;
}

.dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content,
.dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-button-mode-contained.dx-buttongroup-first-item {
    padding-left: 0;
    border-left-width: 1px;
}

.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
    -webkit-border-top-left-radius: 0.1rem;
    -moz-border-top-left-radius: 0.1rem;
    border-top-left-radius: 0.1rem;
    -webkit-border-bottom-left-radius: 0.1rem;
    -moz-border-bottom-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
}

.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-button-mode-contained.dx-buttongroup-last-item {
    padding-right: 0;
}

.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
    -webkit-border-top-right-radius: 0.1rem;
    -moz-border-top-right-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    -webkit-border-bottom-right-radius: 0.1rem;
    -moz-border-bottom-right-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
}

.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 0;
}

.dx-buttongroup-item.dx-button-mode-outlined.dx-state-disabled,
.dx-buttongroup-item.dx-button-mode-contained.dx-state-disabled {
    opacity: 1;
}

.dx-buttongroup-item.dx-button-mode-outlined.dx-state-disabled .dx-button-content,
.dx-buttongroup-item.dx-button-mode-contained.dx-state-disabled .dx-button-content {
    opacity: 0.6;
}

.dx-buttongroup-item.dx-item-selected {
    background-color: #e6e6e6;
}

.dx-buttongroup-item.dx-item-selected.dx-button-success {
    background-color: #599a32;
}

.dx-buttongroup-item.dx-item-selected.dx-button-default {
    background-color: #004c92;
}

.dx-buttongroup-item.dx-item-selected.dx-button-danger {
    background-color: #ff1216;
}

.dx-buttongroup-item.dx-item-selected.dx-button-normal,
.dx-buttongroup-item.dx-item-selected.dx-button-normal .dx-icon {
    color: #454545;
}

.dx-buttongroup-item.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-item-selected.dx-button-success .dx-icon {
    color: #fff;
}

.dx-buttongroup-item.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-item-selected.dx-button-default .dx-icon {
    color: #fff;
}

.dx-buttongroup-item.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-item-selected.dx-button-danger .dx-icon {
    color: #fff;
}

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item {
    border-left-width: 0;
    padding-left: 1px;
    padding-right: 0;
}

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
    -webkit-border-radius: 0 0.1rem 0.1rem 0;
    -moz-border-radius: 0 0.1rem 0.1rem 0;
    border-radius: 0 0.1rem 0.1rem 0;
}

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item {
    border-left-width: 1px;
    padding-right: 1px;
    padding-left: 0;
}

.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
    -webkit-border-radius: 0.1rem 0 0 0.1rem;
    -moz-border-radius: 0.1rem 0 0 0.1rem;
    border-radius: 0.1rem 0 0 0.1rem;
}

.dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
    margin-left: 1px;
}

.dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
    margin-left: 0;
}

.dx-scrollable-content {
    -webkit-transform: none;
}

.dx-scrollable-scroll {
    padding: 2px;
    background-color: transparent;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 0s linear;
    -moz-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.dx-scrollable-scroll.dx-state-invisible {
    opacity: 0;
    -webkit-transition: opacity .5s linear 1s;
    -moz-transition: opacity .5s linear 1s;
    -o-transition: opacity .5s linear 1s;
    transition: opacity .5s linear 1s;
}

.dx-scrollable-scroll-content {
    width: 100%;
    height: 100%;
    background-color: rgba(191, 191, 191, 0.7);
    box-shadow: 0 0 0 1px transparent;
}

.dx-scrollbar-hoverable {
    background-color: transparent;
}

.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    background-color: rgba(191, 191, 191, 0.2);
}

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
    background-color: #bfbfbf;
}

.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
    opacity: 1;
}

.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 1px transparent;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    float: right;
    width: 8px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 8px;
    -webkit-transition: width .2s linear .15s, background-color .2s linear .15s;
    -moz-transition: width .2s linear .15s, background-color .2s linear .15s;
    -o-transition: width .2s linear .15s, background-color .2s linear .15s;
    transition: width .2s linear .15s, background-color .2s linear .15s;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
    -webkit-transition: background-color .5s linear 1s, width .2s linear 150ms;
    -moz-transition: background-color .5s linear 1s, width .2s linear 150ms;
    -o-transition: background-color .5s linear 1s, width .2s linear 150ms;
    transition: background-color .5s linear 1s, width .2s linear 150ms;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    -webkit-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    -moz-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    -o-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
    -webkit-transition: background-color .5s linear 1s, width .2s linear .15s;
    -moz-transition: background-color .5s linear 1s, width .2s linear .15s;
    -o-transition: background-color .5s linear 1s, width .2s linear .15s;
    transition: background-color .5s linear 1s, width .2s linear .15s;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    -webkit-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    -moz-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    -o-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 15px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    width: 15px;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 8px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 8px;
    -webkit-transition: height .2s linear .15s, background-color .2s linear .15s;
    -moz-transition: height .2s linear .15s, background-color .2s linear .15s;
    -o-transition: height .2s linear .15s, background-color .2s linear .15s;
    transition: height .2s linear .15s, background-color .2s linear .15s;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
    -webkit-transition: background-color .5s linear 1s, height .2s linear .15s;
    -moz-transition: background-color .5s linear 1s, height .2s linear .15s;
    -o-transition: background-color .5s linear 1s, height .2s linear .15s;
    transition: background-color .5s linear 1s, height .2s linear .15s;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    -webkit-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    -moz-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    -o-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
    transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
    -webkit-transition: background-color .5s linear 1s, height .2s linear .15s;
    -moz-transition: background-color .5s linear 1s, height .2s linear .15s;
    -o-transition: background-color .5s linear 1s, height .2s linear .15s;
    transition: background-color .5s linear 1s, height .2s linear .15s;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
    -webkit-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    -moz-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    -o-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
    transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 15px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
    height: 15px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 8px;
}

.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content,
.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
    padding-left: 8px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-bottom: 8px;
}

.dx-scrollable-customizable-scrollbars {
    -ms-scrollbar-base-color: #fff;
    -ms-scrollbar-arrow-color: #4b4b4b;
    -ms-scrollbar-track-color: #fff;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal {
    height: 19px;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical {
    width: 19px;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar {
    background-color: transparent;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb {
    background-color: #757575;
    border-right: 2px solid transparent;
    border-left: 1px solid transparent;
    background-clip: content-box;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-track {
    background-color: transparent;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-corner {
    background-color: transparent;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button {
    background-color: transparent;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat;
    background-position: center;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat;
    background-position: center;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat;
    background-position: 3px 5px;
}

.dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat;
    background-position: 3px 5px;
}

.dx-rtl .dx-scrollable .dx-scrollable-scroll,
.dx-rtl.dx-scrollable .dx-scrollable-scroll {
    float: left;
}

.dx-scrollview-pull-down-image {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 100%;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
    width: 24px;
    height: 24px;
}

.dx-checkbox {
    line-height: 0;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #004788;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #0067C5;
}

.dx-checkbox.dx-state-active .dx-checkbox-icon {
    background-color: rgba(96, 96, 96, 0.2);
}

.dx-checkbox-icon {
    width: 22px;
    height: 22px;
    -webkit-border-radius: -1.9rem;
    -moz-border-radius: -1.9rem;
    -o-border-radius: -1.9rem;
    border-radius: -1.9rem;
    border: 1px solid $luci-border-component-on-light-color;
    background-color: #fff;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #0067C5;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-checkbox-checked .dx-checkbox-icon:before {
    content: '\f005';
}

.dx-checkbox-checked .dx-checkbox-icon:before {
    position: absolute;
    display: block;
    width: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #0067C5;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    content: '\f067';
}

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    position: absolute;
    display: block;
    width: 14px;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px;
}

.dx-checkbox-text {
    margin-left: -22px;
    padding-left: 27px;
}

.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
    margin-right: -22px;
    padding-right: 27px;
}

.dx-state-disabled.dx-checkbox,
.dx-state-disabled .dx-checkbox {
    opacity: 1;
}

.dx-state-disabled.dx-checkbox .dx-checkbox-icon,
.dx-state-disabled .dx-checkbox .dx-checkbox-icon {
    opacity: 0.4;
}

.dx-state-disabled .dx-checkbox-text {
    opacity: 0.4;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
    border: 1px solid rgba(255, 69, 72, 0.4);
}

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
    border-color: #ff4548;
}

.dx-switch {
    width: 44px;
    height: 24px;
}

.dx-switch.dx-state-readonly .dx-switch-container {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-switch.dx-state-active .dx-switch-handle:before {
    background-color: #003a6e;
}

.dx-switch.dx-state-active .dx-switch-container {
    border-color: #0067C5;
    background-color: rgba(96, 96, 96, 0.2);
}

.dx-switch.dx-state-hover .dx-switch-handle:before {
    background-color: #0067C5;
}

.dx-switch.dx-state-hover .dx-switch-container {
    background-color: transparent;
    border-color: #0067C5;
}

.dx-switch.dx-state-focused .dx-switch-container {
    border-color: #0067C5;
}

.dx-switch.dx-state-focused .dx-switch-handle:before {
    background-color: #0067C5;
}

.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
    background-color: #003a6e;
}

.dx-switch-container {
    overflow: hidden;
    margin: 0 -6px 0 0;
    padding: 0 2px;
    height: 24px;
    border: 1px solid $luci-border-component-on-light-color;
    background: #fff;
    -webkit-border-radius: -1.9rem;
    -moz-border-radius: -1.9rem;
    -o-border-radius: -1.9rem;
    border-radius: -1.9rem;
}

.dx-switch-inner {
    width: 200%;
    height: 100%;
}

.dx-switch-on,
.dx-switch-off {
    float: left;
    flex-shrink: 0;
    width: 50%;
    padding-right: 16px;
    line-height: 22px;
    text-align: center;
    font-size: 9px;
    font-weight: 600;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-switch-off {
    padding-left: 2px;
    color: #ababab;
}

.dx-switch-on {
    color: #454545;
}

.dx-switch-handle {
    position: relative;
    float: left;
    flex-basis: 14px;
    flex-shrink: 0;
    width: 14px;
    height: 18px;
    margin-top: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-switch-handle:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: #138eff;
    -webkit-border-radius: -1.9rem;
    -moz-border-radius: -1.9rem;
    -o-border-radius: -1.9rem;
    border-radius: -1.9rem;
}

.dx-switch-on-value .dx-switch-handle:before {
    background-color: #0067C5;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on,
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    float: right;
    padding-right: 2px;
}

.dx-rtl .dx-switch .dx-switch-on,
.dx-switch.dx-rtl .dx-switch-on {
    padding-left: 16px;
}

.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    margin-left: 0;
}

.dx-rtl .dx-switch .dx-switch-handle,
.dx-switch.dx-rtl .dx-switch-handle {
    float: right;
    margin-left: 0;
    margin-right: -14px;
}

.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
    margin: 0 0 0 -6px;
}

.dx-tabs {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-tabs-scrollable {
    margin: -1px;
    height: calc(100% + 2px);
}

.dx-tabs-scrollable .dx-tabs-wrapper {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}

.dx-tabs-nav-button {
    border: none;
    background-color: #f7f7f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-tabs-nav-button .dx-button-content {
    padding: 0;
}

.dx-tabs-nav-button.dx-state-active {
    border: none;
}

.dx-tabs-nav-button.dx-state-disabled {
    opacity: 1;
}

.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
    opacity: 0.6;
}

.dx-tab {
    padding: 9px;
    background-color: #f7f7f7;
}

.dx-tab .dx-icon {
    color: #454545;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-tab .dx-icon,
.dx-rtl.dx-tab .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-tab.dx-state-hover {
    background-color: #fff;
}

.dx-tab.dx-state-active {
    background-color: rgba(88, 88, 88, 0.2);
    color: #454545;
}

.dx-tab.dx-state-focused:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid #0067C5;
    border-left: 1px solid #0067C5;
    border-top: 1px solid #0067C5;
    border-bottom: 1px solid #0067C5;
    z-index: 1;
}

.dx-tab.dx-tab-selected {
    background-color: #fff;
    color: #454545;
}

.dx-tab-selected:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: 1px solid $luci-border-component-on-light-color;
    border-left: 1px solid $luci-border-component-on-light-color;
    border-top: none;
    border-bottom: none;
    z-index: 1;
}

.dx-tab-selected .dx-icon {
    color: #454545;
}

.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid #f7f7f7;
}

.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid #f7f7f7;
}

.dx-tab-text {
    vertical-align: middle;
    line-height: 25px;
}

.dx-state-disabled.dx-tabs {
    opacity: 1;
}

.dx-state-disabled .dx-tab-content {
    opacity: .3;
}

.dx-navbar {
    padding: 0;
    border: none;
}

.dx-nav-item .dx-tab-text,
.dx-rtl .dx-nav-item .dx-tab-text {
    line-height: normal;
}

.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
    width: 31px;
    height: 31px;
    background-position: 0px 0px;
    -webkit-background-size: 31px 31px;
    -moz-background-size: 31px 31px;
    background-size: 31px 31px;
    padding: 0px;
    font-size: 31px;
    text-align: center;
    line-height: 31px;
}

.dx-nav-item.dx-tab-selected:after,
.dx-rtl .dx-nav-item.dx-tab-selected:after,
.dx-nav-item.dx-state-focused:after,
.dx-rtl .dx-nav-item.dx-state-focused:after,
.dx-nav-item.dx-state-active:after,
.dx-rtl .dx-nav-item.dx-state-active:after {
    content: none;
}

.dx-nav-item.dx-tab-selected,
.dx-rtl .dx-nav-item.dx-tab-selected {
    background: #fff;
}

.dx-nav-item.dx-state-active,
.dx-rtl .dx-nav-item.dx-state-active {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #0067C5;
    -moz-box-shadow: inset 0 0 0 1px #0067C5;
    box-shadow: inset 0 0 0 1px #0067C5;
}

.dx-nav-item.dx-state-disabled .dx-icon,
.dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
    opacity: .5;
}

.dx-navbar-item-badge {
    margin-right: -26px;
    top: 11%;
}

.dx-rtl .dx-navbar-item-badge {
    margin-left: -26px;
}

.dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0.1rem;
}

.dx-texteditor.dx-editor-underlined {
    background: transparent;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
}

.dx-texteditor.dx-editor-filled {
    background: rgba(69, 69, 69, 0.05);
    border: 1px solid transparent;
    border-radius: 0.1rem;
}

.dx-texteditor.dx-state-readonly {
    border-color: #eeeeee;
}

.dx-texteditor.dx-state-readonly.dx-editor-filled {
    border-color: transparent;
    background-color: rgba(69, 69, 69, 0.03);
}

.dx-texteditor.dx-state-hover {
    border-color: rgba(0, 103, 197, 0.4);
}

.dx-texteditor.dx-state-hover.dx-editor-filled {
    border-color: transparent;
    background-color: rgba(0, 103, 197, 0.1);
}

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-underlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-outlined {
    border-color: #0067C5;
}

.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-filled {
    background-color: transparent;
}

.dx-texteditor.dx-invalid .dx-texteditor-input {
    padding-right: 34px;
}

.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 34px;
}

.dx-texteditor.dx-invalid .dx-texteditor-container:after {
    right: 4px;
}

.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-container:after {
    left: 4px;
    right: auto;
}

.dx-show-clear-button .dx-texteditor-input {
    padding-right: 34px;
}

.dx-rtl .dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-show-clear-button .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 34px;
}

.dx-show-clear-button .dx-clear-button-area {
    width: 34px;
    right: 0;
}

.dx-show-clear-button .dx-icon-clear {
    color: #ababab;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 8px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 68px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 68px;
}

.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 38px;
    right: auto;
}

.dx-placeholder {
    color: #ababab;
}

.dx-placeholder:before {
  // pete removed this so it aligned in tagbox  padding: 7px 9px 8px;
}

.dx-editor-underlined .dx-placeholder:before {
    padding-left: 0;
}

.dx-texteditor-input {
    margin: 0;
    padding: 7px 9px 8px;
    background: #fff;
    color: #454545;
    font-size: 1em;
    border-radius: 0.1rem;
    min-height: 34px;
}

.dx-editor-underlined .dx-texteditor-input {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.dx-editor-filled .dx-texteditor-input {
    background: transparent;
}

.dx-invalid.dx-texteditor {
    border-color: rgba(255, 69, 72, 0.4);
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused {
    border-color: #ff4548;
}

.dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-container:after,
.dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-container:after,
.dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-container:after {
    pointer-events: none;
    font-weight: bold;
    background-color: #ff4548;
    color: #fff;
    content: '!';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
}

.dx-invalid.dx-texteditor.dx-editor-filled {
    background-color: rgba(255, 69, 72, 0.1);
    border-color: transparent;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
    background: transparent;
}

.dx-rtl .dx-placeholder,
.dx-rtl .dx-placeholder:before {
    right: 0;
    left: auto;
}

.dx-editor-underlined.dx-rtl .dx-placeholder,
.dx-editor-underlined.dx-rtl .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbox .dx-icon-search {
    font: 14px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 8px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
    color: #ababab;
}

.dx-searchbox .dx-icon-search:before {
    content: '\f027';
}

.dx-searchbox .dx-icon-search:before {
    position: static;
    text-indent: 0;
    color: #ababab;
}

.dx-searchbox .dx-texteditor-input,
.dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before {
    padding-right: 0;
}

.dx-searchbar {
    padding-bottom: 5px;
}

.dx-searchbar .dx-texteditor {
    margin: 0;
}

.dx-dropdowneditor-button {
    width: 34px;
    padding: 1px;
    border-radius: 0.1rem;
}

.dx-dropdowneditor-button.dx-button-mode-outlined,
.dx-dropdowneditor-button.dx-button-mode-contained,
.dx-dropdowneditor-button.dx-button-mode-text {
    background: transparent;
}

.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-dropdowneditor-icon {
    border: 1px solid transparent;
    color: #454545;
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-dropdowneditor-icon:before {
    content: '\f001';
}

.dx-dropdowneditor-icon:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
    border: none;
    background: transparent;
}

.dx-dropdowneditor .dx-clear-button-area {
    width: 30px;
}

.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 9px;
    padding-left: 64px;
}

.dx-rtl.dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-rtl .dx-searchbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 34px;
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 9px;
    padding-left: 34px;
}

.dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 0;
}

.dx-invalid.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 60px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
    padding-right: 0;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 90px;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: #d9d9d9;
    border-color: transparent;
}

.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(0, 103, 197, 0.2);
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: #a5a5a5;
    border-color: transparent;
    color: #454545;
    opacity: 1;
}

.dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    background-color: rgba(0, 103, 197, 0.3);
}

.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
    right: auto;
    left: 38px;
}

.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: 68px;
}

.dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
    right: auto;
    left: 68px;
}

.dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(255, 69, 72, 0.2);
}

.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(255, 69, 72, 0.3);
}

.dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
    background-color: rgba(255, 69, 72, 0.3);
}

.dx-list-item-chevron {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    border: none;
    opacity: 1;
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-left: -5px;
    color: #454545;
}

.dx-rtl .dx-list-item-chevron {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.dx-list-item-chevron:before {
    content: '\f010';
}

.dx-rtl .dx-list-item-chevron:before {
    content: '\f012';
}

.dx-list-item-icon-container {
    width: 28px;
}

.dx-list-item-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-list-search {
    margin-bottom: 5px;
}

.dx-list {
    border: none;
}

.dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: calc(100% -  41px);
}

.dx-list .dx-empty-message {
    text-align: left;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #004788;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #0067C5;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #e6e6e6;
    color: #454545;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #0067C5;
    color: #fff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
    border-color: #fff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: rgba(0, 103, 197, 0.7);
    color: #fff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #0067C5;
    color: #fff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
    background-color: #0067C5;
    color: #fff;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #454545;
}

.dx-list-group-header {
    font-weight: bold;
    padding: 20px 10px 10px 10px;
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 2px solid $luci-border-component-on-light-color;
    background: rgba(238, 238, 238, 0.05);
    color: #454545;
}

.dx-list-group:first-of-type .dx-list-group-header {
    border-top: none;
}

.dx-list-group-header:before {
    border-top-color: #454545;
}

.dx-list-group-collapsed .dx-list-group-header:before {
    border-bottom-color: #454545;
}

.dx-list-item:first-of-type {
    border-top: none;
}

.dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-list-item .dx-icon-toggle-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #a7a7a7;
    background: #fff;
    border-top: 1px solid rgba(0, 103, 197, 0.5);
    border-bottom: 1px solid rgba(0, 103, 197, 0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-list-item,
.dx-list .dx-empty-message {
    border-top: 1px solid $luci-border-component-on-light-color;
    color: #454545;
}

.dx-list-item-separator-hidden .dx-list-item,
.dx-list-item-separator-hidden .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-list-item-content,
.dx-list .dx-empty-message {
    padding: 10px 10px;
}

.dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-list-next-button .dx-button .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-list-next-button .dx-button .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-list-item-chevron-container {
    width: 16px;
}

.dx-list-border-visible {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-list-border-visible .dx-list-select-all {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 29px;
}

.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 31px;
}

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
    padding: 0;
}

.dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 5px 5px 10px;
    width: 19px;
    height: 19px;
}

.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: -1px;
    margin-bottom: -3px;
    margin-left: 10px;
}

.dx-list-select-all {
    padding: 9px 0;
}

.dx-list-select-all-checkbox {
    float: left;
    margin: -1px 0px -3px 10px;
}

.dx-list-select-all-label {
    line-height: 1;
    padding: 0 10px;
    margin-top: 3px;
}

.dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 36px;
}

.dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 33.4px;
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 5px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-list-item-after-bag .dx-list-reorder-handle:before {
    content: '\f038';
}

.dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff4548;
}

.dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #0067C5;
}

.dx-list-switchable-delete-button,
.dx-list-static-delete-button {
    margin-right: 10px;
    padding: 0;
}

.dx-list-switchable-delete-button .dx-button-content,
.dx-list-static-delete-button .dx-button-content {
    padding: 3px;
}

.dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: .6;
}

.dx-rtl .dx-list .dx-empty-message,
.dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 10px 5px 5px;
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 10px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 10px;
    margin-left: 1px;
}

.dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 10px;
    margin-right: 0;
}

.dx-device-mobile .dx-list {
    border: none;
}

.dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
    height: calc(100% -  41px);
}

.dx-device-mobile .dx-list .dx-empty-message {
    text-align: left;
}

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #004788;
}

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #0067C5;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #e6e6e6;
    color: #454545;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #0067C5;
    color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
    border-color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: rgba(0, 103, 197, 0.7);
    color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #0067C5;
    color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
    background-color: #0067C5;
    color: #fff;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #454545;
}

.dx-device-mobile .dx-list-group-header {
    font-weight: bold;
    padding: 20px 15px 10px 15px;
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 2px solid $luci-border-component-on-light-color;
    background: rgba(238, 238, 238, 0.05);
    color: #454545;
}

.dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
    border-top: none;
}

.dx-device-mobile .dx-list-group-header:before {
    border-top-color: #454545;
}

.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
    border-bottom-color: #454545;
}

.dx-device-mobile .dx-list-item:first-of-type {
    border-top: none;
}

.dx-device-mobile .dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}

.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #a7a7a7;
    background: #fff;
    border-top: 1px solid rgba(0, 103, 197, 0.5);
    border-bottom: 1px solid rgba(0, 103, 197, 0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-device-mobile .dx-list-item,
.dx-device-mobile .dx-list .dx-empty-message {
    border-top: 1px solid $luci-border-component-on-light-color;
    color: #454545;
}

.dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
.dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
    border-top: none;
    border-bottom: none;
}

.dx-device-mobile .dx-list-item-content,
.dx-device-mobile .dx-list .dx-empty-message {
    padding: 10px 15px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
    padding: 7px 18px 8px;
}

.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
}

.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-device-mobile .dx-list-item-chevron-container {
    width: 21px;
}

.dx-device-mobile .dx-list-border-visible {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-device-mobile .dx-list-border-visible .dx-list-select-all {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
    width: 34px;
}

.dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 36px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
    padding: 0;
}

.dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 7.5px 5px 15px;
    width: 19px;
    height: 19px;
}

.dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: -1px;
    margin-bottom: -3px;
    margin-left: 15px;
}

.dx-device-mobile .dx-list-select-all {
    padding: 9px 0;
}

.dx-device-mobile .dx-list-select-all-checkbox {
    float: left;
    margin: -1px 0px -3px 15px;
}

.dx-device-mobile .dx-list-select-all-label {
    line-height: 1;
    padding: 0 10px;
    margin-top: 3px;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
    width: 41px;
}

.dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
    width: 38.4px;
}

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 5px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
    content: '\f038';
}

.dx-device-mobile .dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-device-mobile .dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff4548;
}

.dx-device-mobile .dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #0067C5;
}

.dx-device-mobile .dx-list-switchable-delete-button,
.dx-device-mobile .dx-list-static-delete-button {
    margin-right: 15px;
    padding: 0;
}

.dx-device-mobile .dx-list-switchable-delete-button .dx-button-content,
.dx-device-mobile .dx-list-static-delete-button .dx-button-content {
    padding: 3px;
}

.dx-device-mobile .dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-device-mobile .dx-state-disabled.dx-list-item,
.dx-device-mobile .dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: .6;
}

.dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
    text-align: right;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
    margin: 5px 15px 5px 7.5px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
    float: right;
    margin-right: 15px;
    margin-left: 1px;
}

.dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
    margin-left: 15px;
    margin-right: 0;
}

.dx-dropdownlist-popup-wrapper {
    height: 100%;
}

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 0;
    border-bottom-width: 1px;
}

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
    border-top-width: 1px;
    border-bottom-width: 0;
}

.dx-dropdownlist-popup-wrapper .dx-popup-content {
    height: 100%;
    padding: 1px;
}

.dx-dropdownlist-popup-wrapper .dx-list {
    height: 100%;
    min-height: 33px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 7px 9px;
}

.dx-dropdownlist-popup-wrapper .dx-list-select-all {
    padding: 12px 0 8px;
}

.dx-dropdownlist-popup-wrapper .dx-list-item,
.dx-dropdownlist-popup-wrapper .dx-empty-message {
    border-top: 0;
}

.dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
.dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
    border-bottom: none;
}

.dx-textarea {
    height: auto;
}

.dx-textarea .dx-icon-clear {
    top: 0;
    margin-top: 0;
}

.dx-textarea.dx-invalid .dx-texteditor-container:after {
    top: 7px;
    margin-top: 0;
}

.dx-numberbox-spin-container {
    overflow: hidden;
    width: 34px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-numberbox-spin-up-icon {
    font: 14px/1 DXIcons;
    color: #454545;
}

.dx-numberbox-spin-up-icon:before {
    content: '\f002';
}

.dx-numberbox-spin-down-icon {
    font: 14px/1 DXIcons;
    color: #454545;
}

.dx-numberbox-spin-down-icon:before {
    content: '\f001';
}

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-numberbox-spin-up-icon:before,
.dx-numberbox-spin-down-icon:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
    padding-right: 66px;
}

.dx-numberbox-spin-button {
    background-color: #fff;
    padding: 1px;
}

.dx-editor-underlined .dx-numberbox-spin-button {
    background: transparent;
}

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    border: 1px solid transparent;
    background-color: #d9d9d9;
}

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    background-color: #a5a5a5;
    color: #454545;
}

.dx-numberbox-spin.dx-invalid .dx-texteditor-input {
    padding-right: 68px;
}

.dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 68px;
}

.dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
    right: 38px;
}

.dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin.dx-invalid .dx-texteditor-container:after {
    left: 38px;
    right: auto;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 102px;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 102px;
}

.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 72px;
}

.dx-rtl .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 72px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input {
    padding-right: 108px;
}

.dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 108px;
}

.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
    right: 78px;
}

.dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after {
    left: 78px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
    padding-right: 142px;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 142px;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    right: 112px;
}

.dx-rtl .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after {
    left: 112px;
    right: auto;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    width: 74px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    border-left: none;
}

.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
    padding-right: 106px;
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
    background-position: center;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
    border-right: none;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
    padding-left: 106px;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
    padding-left: 66px;
}

.dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input,
.dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 9px;
}

.dx-datebox-wrapper .dx-popup-title {
    min-height: 10px;
    border-bottom: none;
    background: none;
}

.dx-datebox-wrapper .dx-item {
    border: none;
}

.dx-datebox-wrapper .dx-popup-bottom .dx-button {
    min-width: 85px;
    width: auto;
}

.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
    margin: 0 34px;
}

.dx-datebox-wrapper-list .dx-overlay-content {
    border-top: none;
}

.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
    padding: 10px;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-datebox-calendar .dx-dropdowneditor-icon:before {
    content: '\f026';
}

.dx-datebox-calendar .dx-dropdowneditor-icon:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input {
    background: #fff;
}

.dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
    opacity: 1;
}

.dx-datebox-calendar.dx-rtl.dx-editor-underlined {
    padding-right: 0;
}

.dx-datebox-wrapper-calendar .dx-popup-content {
    padding: 0;
}

.dx-datebox-wrapper-calendar .dx-calendar {
    border: none;
    margin: 30px;
}

.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
    margin-right: 30px;
    margin-bottom: 30px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-right: 15px;
    margin-bottom: 15px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 30px 30px 15px 15px;
}

.dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 0 15px 15px;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
    margin-top: -1px;
    margin-right: 30px;
}

@media (max-width: 320px) {
    .dx-datebox-wrapper-calendar .dx-calendar {
        margin: 18px;
    }
}

.dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
    margin-right: 5px;
    margin-left: 0;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
    margin-left: 15px;
    margin-right: 30px;
}

.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin-right: 15px;
    margin-left: 30px;
}

.dx-datebox-list .dx-dropdowneditor-icon {
    font: 14px/1 DXIcons;
    width: 32px;
    height: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-datebox-list .dx-dropdowneditor-icon:before {
    content: '\f01d';
}

.dx-datebox-list .dx-dropdowneditor-icon:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-datebox-wrapper-list .dx-popup-content {
    padding: 0px;
}

.dx-datebox input[type='date'] {
    line-height: normal;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 60px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-editor-underlined .dx-texteditor-input {
    padding-right: 0;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 90px;
}

.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
    min-height: 33px;
}

.dx-dateview-rollers {
    width: auto;
    text-align: center;
    display: block;
}

.dx-dateviewroller-current .dx-dateview-item {
    -webkit-transition: font-size .2s ease-out;
    -moz-transition: font-size .2s ease-out;
    -o-transition: font-size .2s ease-out;
    transition: font-size .2s ease-out;
}

.dx-dateviewroller {
    min-width: 4em;
    text-align: center;
    display: inline-block;
}

.dx-dateviewroller .dx-button {
    display: none;
}

.dx-dateviewroller .dx-scrollable-content:before,
.dx-dateviewroller .dx-scrollable-content:after {
    content: '';
    height: 71px;
    display: block;
}

.dx-dateviewroller .dx-scrollable-container {
    height: 182px;
}

.dx-dateviewroller.dx-dateviewroller-year {
    min-width: 4.85em;
}

.dx-dateviewroller.dx-state-active .dx-button {
    display: none;
}

.dx-dateviewroller-month {
    min-width: 12em;
}

.dx-dateviewroller-hours:after {
    content: ':';
    font-size: 2.2em;
    position: absolute;
    right: -9%;
    font-weight: bold;
    top: 37%;
    color: #454545;
}

.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
    padding-left: 20%;
}

.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
    width: 80%;
}

.dx-dateview-item {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.3em;
    color: #454545;
}

.dx-dateview-item-selected {
    font-size: 2.2em;
}

.dx-rtl.dx-dateviewroller-hours:after {
    left: -9%;
    right: auto;
}

.dx-dateview-item-selected-frame {
    position: absolute;
    top: 71px;
    width: 100%;
}

.dx-dateview-item-selected-frame:before,
.dx-dateview-item-selected-frame:after {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 71px;
}

.dx-dateview-item-selected-frame:before {
    top: -71px;
    border-bottom: 1px solid $luci-border-component-on-light-color;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
}

.dx-dateview-item-selected-frame:after {
    top: 40px;
    border-top: 1px solid $luci-border-component-on-light-color;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
}

.dx-device-tablet .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers,
.dx-dateview-compact .dx-dateview-rollers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.dx-device-tablet .dx-dateviewroller-month,
.dx-device-phone .dx-dateviewroller-month,
.dx-dateview-compact .dx-dateviewroller-month {
    min-width: 4em;
}

.dx-device-tablet .dx-dateview-item,
.dx-device-phone .dx-dateview-item,
.dx-dateview-compact .dx-dateview-item {
    font-size: 1.1em;
}

.dx-device-tablet .dx-dateview-item-selected,
.dx-device-phone .dx-dateview-item-selected,
.dx-dateview-compact .dx-dateview-item-selected {
    font-size: 1.4em;
}

.dx-toolbar {
    //background-color: none;
    color: #454545;
    padding: 0;
    overflow: visible;
}

.dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
}

.dx-rtl.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-toolbar .dx-toolbar-before:empty,
.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
    padding-left: 20px;
}

.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-rtl.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-device-mobile .dx-toolbar {
    padding: 0;
    overflow: visible;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
    padding: 0 5px 0 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 5px 0 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
    padding-left: 20px;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 5px;
}

.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-device-mobile .dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-toolbar.dx-state-disabled {
    opacity: 1;
}

.dx-toolbar.dx-toolbar-compact .dx-button {
    min-width: auto;
}

.dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

.dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0 0 0 5px;
}

.dx-toolbar-after .dx-toolbar-item:first-child {
    padding: 0;
}

.dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
    padding: 0 0 0 5px;
}

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0 0 0 5px;
}

.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
    padding-left: 5px;
}

.dx-toolbar-background {
    background-color: #fff;
}

.dx-toolbar-menu-section {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
    padding: 0;
}

.dx-toolbar-menu-section .dx-button-content {
    padding: 4px;
}

.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
    padding: 5px 10px;
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding: 8px;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #454545;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 0;
    margin-left: 0;
}

.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    margin-left: 0;
    margin-right: 0;
}

.dx-toolbar .dx-tab {
    padding: 4px;
}

.dx-tile {
    color: #454545;
    background-color: #fff;
    border: 1px solid rgba(221, 221, 221, 0.6);
    text-align: left;
}

.dx-tile.dx-state-focused,
.dx-tile.dx-state-hover {
    background-color: #fff;
    border-color: rgba(0, 103, 197, 0.4);
}

.dx-tile.dx-state-active {
    background-color: rgba(96, 96, 96, 0.2);
    color: #454545;
    border-color: transparent;
}

.dx-overlay-shader {
    background-color: rgba(255, 255, 255, 0.8);
}

.dx-overlay-wrapper {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-toast-content {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px transparent;
    -moz-box-shadow: 0px 2px 3px 0px transparent;
    box-shadow: 0px 2px 3px 0px transparent;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-toast-icon {
    width: 35px;
    height: 35px;
}

.dx-toast-info {
    background-color: #0067C5;
}

.dx-toast-info .dx-toast-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
}

.dx-toast-message {
    line-height: 16px;
}

.dx-toast-warning {
    background-color: #fedf16;
}

.dx-toast-warning .dx-toast-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
}

.dx-toast-error {
    background-color: #ff4548;
}

.dx-toast-error .dx-toast-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
}

.dx-toast-success {
    background-color: #6fc13e;
}

.dx-toast-success .dx-toast-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==);
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid $luci-border-component-on-light-color;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-popup-wrapper > .dx-popup-fullscreen {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.dx-popup-title {
    position: relative;
    padding: 6px 20px;
    min-height: 28px;
    border-bottom: 1px solid $luci-border-component-on-light-color;
    background: transparent;
    color: #454545;
}

.dx-popup-title.dx-toolbar {
    padding: 6px 20px;
    overflow: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
    padding-left: 20px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-popup-title .dx-closebutton {
    display: block;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    border-width: 1px;
    border-style: solid;
    background: transparent;
    border-color: transparent;
    width: 23px;
    height: 23px;
    margin: 0 -4px 0 4px;
}

.dx-popup-title .dx-closebutton .dx-button-content {
    padding: 0;
}

.dx-popup-title .dx-closebutton .dx-icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon {
    opacity: 0.6;
}

.dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text,
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text {
    opacity: 0.5;
}

.dx-rtl .dx-popup-title .dx-closebutton {
    margin: 0 4px 0 -4px;
}

.dx-popup-title .dx-closebutton .dx-icon {
    width: 21px;
    height: 21px;
    background-position: 3px 3px;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    background-size: 15px 15px;
    padding: 3px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton {
    width: 37px;
    height: 37px;
    margin: 0 -11px 0 11px;
}

.dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
    margin: 0 11px 0 -11px;
}

.dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
    width: 35px;
    height: 35px;
    background-position: 10px 10px;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    background-size: 15px 15px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

.dx-popup-content {
    padding: 20px;
}

.dx-popup-content > .dx-button {
    margin: 0 10px;
}

.dx-popup-bottom {
    background: transparent;
    color: #454545;
}

.dx-popup-bottom.dx-toolbar {
    padding: 20px;
    overflow: visible;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
    padding-left: 20px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar {
    padding: 20px;
    overflow: visible;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 15px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
    padding-right: 0;
    padding-left: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 0;
    padding-right: 15px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
    padding: 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 36px;
    overflow: visible;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
    padding: 0 10px 0 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 10px 0 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
    padding-left: 20px;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
    padding: 0 0 0 10px;
}

.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
    padding: 0;
}

.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
    font-size: 20px;
}

.dx-popup-bottom .dx-button {
    min-width: 100px;
}

.dx-popup-content.dx-dialog-content {
    min-width: 220px;
    padding: 20px;
}

.dx-dialog-message {
    padding: 0;
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-wrapper .dx-popup-title {
    margin: 0;
}

.dx-popover-wrapper .dx-popup-title.dx-toolbar {
    padding-left: 15px;
}

.dx-popover-wrapper .dx-popover-arrow:after,
.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #fff;
}

.dx-popover-arrow:after {
    border: 1px solid #d7d7d7;
}

.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
    padding-right: 15px;
    padding-left: 0;
}

.dx-progressbar-container {
    height: 6px;
    border: 1px solid $luci-border-component-on-light-color;
    background-color: $luci-border-component-on-light-color;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dx-progressbar-range {
    position: relative;
    border: 1px solid #0067C5;
    background-color: #0067C5;
    margin-top: -1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.dx-progressbar-animating-container {
    height: 6px;
    background-color: $luci-border-component-on-light-color;
    background-size: 90% 5px;
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-animation: loader 2s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: -moz-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: -o-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-repeat: repeat;
}

.dx-state-disabled .dx-progressbar-range {
    background-color: rgba(0, 103, 197, 0.6);
}

.dx-state-disabled .dx-progressbar-animating-container {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background-position-x: 45%;
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    -webkit-animation: loader-rtl 2s linear infinite;
    -moz-animation: loader-rtl 2s linear infinite;
    -o-animation: loader-rtl 2s linear infinite;
    animation: loader-rtl 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: -moz-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: -o-linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-image: linear-gradient(-90deg, transparent 5%, #0067C5, transparent 95%);
    background-repeat: repeat;
}

@-webkit-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-moz-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-webkit-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@-moz-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

.dx-tooltip-wrapper .dx-overlay-content {
    border: 1px solid $luci-border-component-on-light-color;
    background-color: #fff;
    color: #454545;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid $luci-border-component-on-light-color;
    background: #fff;
}

.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-slider-wrapper {
    height: 28px;
}

.dx-slider-bar {
    margin: 14px 7px;
    height: 4px;
    background: $luci-border-component-on-light-color;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dx-slider-range {
    border: 1px solid transparent;
    height: 2px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-slider-range.dx-slider-range-visible {
    border: 1px solid #0067C5;
    background: #0067C5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dx-slider-label-position-bottom .dx-slider-label {
    bottom: -17px;
}

.dx-slider-label-position-top .dx-slider-label {
    top: -14px;
}

.dx-slider-handle {
    margin-top: -14px;
    margin-right: -7px;
    width: 14px;
    height: 28px;
    border: 1px solid #fff;
    background-color: #0067C5;
    -webkit-border-radius: -0.9rem;
    -moz-border-radius: -0.9rem;
    -o-border-radius: -0.9rem;
    border-radius: -0.9rem;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-state-disabled .dx-slider,
.dx-state-disabled.dx-slider {
    opacity: 1;
}

.dx-state-disabled .dx-slider .dx-slider-bar,
.dx-state-disabled.dx-slider .dx-slider-bar {
    opacity: .5;
}

.dx-state-active.dx-slider-handle {
    border: 1px solid #fff;
    background: #003a6e;
}

.dx-state-focused.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #004c92;
}

.dx-state-hover.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #004c92;
}

.dx-rtl .dx-slider-handle {
    margin-left: -7.5px;
}

.dx-rangeslider-start-handle {
    margin-left: -7px;
}

.dx-rtl .dx-rangeslider-start-handle {
    margin-right: -7px;
}

.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
    position: absolute;
    top: 0;
    width: 34%;
    height: 100%;
    background: #fff;
    background: transparent;
    cursor: pointer;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
}

.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
.dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
    background-color: rgba(0, 103, 197, 0.5);
}

.dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
.dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
    background-color: rgba(0, 103, 197, 0.7);
}

.dx-gallery .dx-gallery-nav-button-prev:before,
.dx-gallery .dx-gallery-nav-button-next:before {
    position: absolute;
    display: block;
    width: 32px;
    top: 50%;
    margin-top: -16px;
    left: 50%;
    margin-left: -16px;
}

.dx-gallery .dx-gallery-nav-button-prev:after,
.dx-gallery .dx-gallery-nav-button-next:after {
    content: '';
    position: absolute;
    width: 32px;
    height: 100%;
    -webkit-border-radius: -3.9rem;
    -moz-border-radius: -3.9rem;
    -o-border-radius: -3.9rem;
    border-radius: -3.9rem;
}

.dx-gallery .dx-gallery-nav-button-prev:before,
.dx-gallery .dx-gallery-nav-button-next:before {
    position: absolute;
    z-index: 10;
    clear: both;
    font-size: 32px;
    color: #fff;
}

.dx-gallery .dx-gallery-nav-button-prev {
    font: 14px/1 DXIcons;
}

.dx-gallery .dx-gallery-nav-button-prev:before {
    content: '\f012';
}

.dx-gallery .dx-gallery-nav-button-prev:after {
    left: 0;
}

.dx-gallery .dx-gallery-nav-button-prev:before {
    left: 0;
    right: auto;
    margin-left: 0;
}

.dx-gallery .dx-gallery-nav-button-next {
    font: 14px/1 DXIcons;
}

.dx-gallery .dx-gallery-nav-button-next:before {
    content: '\f010';
}

.dx-gallery .dx-gallery-nav-button-next:after {
    right: 0;
}

.dx-gallery .dx-gallery-nav-button-next:before {
    right: 0;
    left: auto;
}

.dx-gallery-indicator {
    pointer-events: none;
    text-align: center;
}

.dx-gallery-indicator-item {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #0067C5;
    pointer-events: auto;
    margin: 1px 6px;
    width: 8px;
    height: 8px;
    background: #fff;
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    width: 12px;
    height: 12px;
    background: #0067C5;
    border: 2px solid rgba(255, 255, 255, 0.8);
    margin: -1px 6px;
}

.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: #003f79;
}

.dx-lookup {
    height: 36px;
    border: 1px solid #d7d7d7;
    background: #fff;
}

.dx-lookup.dx-editor-underlined {
    background: transparent;
}

.dx-lookup-field {
    padding: 7px 34px 8px 9px;
    font-size: 1em;
}

.dx-rtl .dx-lookup-field {
    padding: 7px 9px 8px 34px;
}

.dx-lookup-arrow {
    font: 14px/1 DXIcons;
    width: 34px;
    color: #454545;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-lookup-arrow:before {
    content: '\f04e';
}

.dx-rtl .dx-lookup-arrow:before {
    content: '\f04f';
}

.dx-lookup-arrow:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-state-readonly .dx-lookup-field:before {
    opacity: .5;
}

.dx-lookup-popup-wrapper .dx-list-item {
    border-top: none;
}

.dx-lookup-popup-wrapper .dx-list-item:last-of-type {
    border-bottom: none;
}

.dx-lookup-popup-wrapper .dx-list-item-content {
    padding-left: 20px;
    padding-right: 20px;
}

.dx-lookup-popup-wrapper .dx-popup-content {
    top: 0;
    padding: 0;
}

.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
    top: 49px;
}

.dx-lookup-empty .dx-lookup-field {
    color: #ababab;
}

.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: 38px;
    pointer-events: none;
    font-weight: bold;
    background-color: #ff4548;
    color: #fff;
    content: '!';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
}

.dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
    right: auto;
    left: 38px;
}

.dx-lookup-validation-message {
    font-size: 14px;
    line-height: 14px;
    padding: 13px 20px 12px;
    margin-bottom: 20px;
    margin-left: -20px;
    border-bottom: 1px solid $luci-border-component-on-light-color;
    color: #ff4548;
}

.dx-rtl .dx-lookup-validation-message {
    margin-right: -20px;
    margin-left: 0;
}

.dx-lookup-popup-search .dx-list {
    height: calc(100% -  70px);
}

.dx-lookup-search-wrapper {
    padding: 20px;
    padding-bottom: 14px;
}

.dx-popup-content.dx-lookup-invalid {
    padding-top: 0;
}

.dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message {
    display: inline-block;
}

.dx-popup-content.dx-lookup-invalid .dx-list {
    top: 40px;
}

.dx-lookup-popup-search .dx-popup-content.dx-lookup-invalid .dx-list {
    top: 110px;
}

.dx-actionsheet-container .dx-actionsheet-item {
    margin: 0 0 10px 0;
}

.dx-actionsheet-container .dx-button {
    margin: 0;
}

.dx-button.dx-actionsheet-cancel {
    margin: 0;
}

.dx-loadindicator {
    background-color: transparent;
}

.dx-loadindicator-image {
    background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
}

.dx-loadindicator-icon {
    position: relative;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
}

.dx-loadindicator-icon .dx-loadindicator-segment {
    position: absolute;
    width: 19%;
    height: 30%;
    left: 44.5%;
    top: 37%;
    opacity: 0;
    background: #727272;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-top-left-radius: 10%;
    -moz-border-top-left-radius: 10%;
    border-top-left-radius: 10%;
    -webkit-border-top-right-radius: 10%;
    -moz-border-top-right-radius: 10%;
    border-top-right-radius: 10%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    -moz-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    -o-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    animation: dx-generic-loadindicator-opacity 1s linear infinite;
}

@-webkit-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@-moz-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@-o-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
    -webkit-transform: rotate(0deg) translate(0, -142%);
    -moz-transform: rotate(0deg) translate(0, -142%);
    -o-transform: rotate(0deg) translate(0, -142%);
    transform: rotate(0deg) translate(0, -142%);
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
    -webkit-transform: rotate(45deg) translate(0, -142%);
    -moz-transform: rotate(45deg) translate(0, -142%);
    -o-transform: rotate(45deg) translate(0, -142%);
    transform: rotate(45deg) translate(0, -142%);
    -webkit-animation-delay: -0.875s;
    -moz-animation-delay: -0.875s;
    -o-animation-delay: -0.875s;
    animation-delay: -0.875s;
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
    -webkit-transform: rotate(90deg) translate(0, -142%);
    -moz-transform: rotate(90deg) translate(0, -142%);
    -o-transform: rotate(90deg) translate(0, -142%);
    transform: rotate(90deg) translate(0, -142%);
    -webkit-animation-delay: -0.75s;
    -moz-animation-delay: -0.75s;
    -o-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
    -webkit-transform: rotate(135deg) translate(0, -142%);
    -moz-transform: rotate(135deg) translate(0, -142%);
    -o-transform: rotate(135deg) translate(0, -142%);
    transform: rotate(135deg) translate(0, -142%);
    -webkit-animation-delay: -0.625s;
    -moz-animation-delay: -0.625s;
    -o-animation-delay: -0.625s;
    animation-delay: -0.625s;
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
    -webkit-transform: rotate(180deg) translate(0, -142%);
    -moz-transform: rotate(180deg) translate(0, -142%);
    -o-transform: rotate(180deg) translate(0, -142%);
    transform: rotate(180deg) translate(0, -142%);
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
    -webkit-transform: rotate(225deg) translate(0, -142%);
    -moz-transform: rotate(225deg) translate(0, -142%);
    -o-transform: rotate(225deg) translate(0, -142%);
    transform: rotate(225deg) translate(0, -142%);
    -webkit-animation-delay: -0.375s;
    -moz-animation-delay: -0.375s;
    -o-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
    -webkit-transform: rotate(270deg) translate(0, -142%);
    -moz-transform: rotate(270deg) translate(0, -142%);
    -o-transform: rotate(270deg) translate(0, -142%);
    transform: rotate(270deg) translate(0, -142%);
    -webkit-animation-delay: -0.25s;
    -moz-animation-delay: -0.25s;
    -o-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
    -webkit-transform: rotate(315deg) translate(0, -142%);
    -moz-transform: rotate(315deg) translate(0, -142%);
    -o-transform: rotate(315deg) translate(0, -142%);
    transform: rotate(315deg) translate(0, -142%);
    -webkit-animation-delay: -0.125s;
    -moz-animation-delay: -0.125s;
    -o-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.dx-loadindicator-icon .dx-loadindicator-segment8,
.dx-loadindicator-icon .dx-loadindicator-segment9,
.dx-loadindicator-icon .dx-loadindicator-segment10,
.dx-loadindicator-icon .dx-loadindicator-segment11,
.dx-loadindicator-icon .dx-loadindicator-segment12,
.dx-loadindicator-icon .dx-loadindicator-segment13,
.dx-loadindicator-icon .dx-loadindicator-segment14,
.dx-loadindicator-icon .dx-loadindicator-segment15 {
    display: none;
}

.dx-rtl .dx-loadindicator-icon {
    right: 15%;
    left: 0;
}

.dx-loadpanel-content {
    border: 1px solid $luci-border-component-on-light-color;
    background: #fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
}

.dx-autocomplete .dx-texteditor-input {
    font-size: 1em;
}

.dx-autocomplete.dx-invalid .dx-texteditor-container:after {
    right: 8px;
}

.dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after {
    left: 8px;
}

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
    padding: 1px;
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    border-top: 0;
}

.dx-selectbox-popup-wrapper .dx-overlay-content {
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: #fff;
}

.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-left: 0;
    margin-left: 5px;
}

.dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input,
.dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 34px;
}

.dx-show-clear-button .dx-tag-container {
    padding-right: 30px;
}

.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 64px;
}

.dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-texteditor-container {
    width: calc(100% -  34px);
}

.dx-tagbox-single-line .dx-tag-container {
    padding-right: 0;
}

.dx-tag-content {
    margin: 0;
    margin-right: 10px;
    padding: 4px 25px 4px 6px;
    font-size: 14px;
    min-width: 40px;
    background-color: $luci-border-component-on-light-color;
    color: #454545;
}

.dx-tag-remove-button {
    width: 25px;
    height: 100%;
}

.dx-tag-remove-button:before,
.dx-tag-remove-button:after {
    right: 9px;
    margin-top: -5px;
    width: 3px;
    height: 11px;
    background: #aaaaaa;
}

.dx-tag-remove-button:after {
    right: 5px;
    margin-top: -1px;
    width: 11px;
    height: 3px;
}

.dx-tag-remove-button:active:before,
.dx-tag-remove-button:active:after {
    background: $luci-border-component-on-light-color;
}

.dx-tag.dx-state-focused .dx-tag-content {
    background-color: #cbcbcb;
    color: #454545;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:after {
    background-color: #aaaaaa;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
    background: $luci-border-component-on-light-color;
}

.dx-tagbox.dx-invalid .dx-texteditor-container:after {
    right: 8px;
}

.dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
    left: 8px;
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
    border-bottom: 1px solid $luci-border-component-on-light-color;
    padding-bottom: 12px;
    margin-bottom: 3px;
}

.dx-rtl .dx-tag-content {
    padding-right: 6px;
    padding-left: 25px;
}

.dx-rtl .dx-tag-remove-button:before {
    right: auto;
    left: 9px;
}

.dx-rtl .dx-tag-remove-button:after {
    right: auto;
    left: 5px;
}

.dx-rtl.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 0;
    padding-left: 34px;
}

.dx-rtl.dx-show-clear-button .dx-tag-container {
    padding-right: 0;
    padding-left: 30px;
}

.dx-rtl.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-tag-container {
    padding-right: 0;
    padding-left: 64px;
}

.dx-radiobutton-icon {
    width: 22px;
    height: 22px;
}

.dx-radiobutton-icon:before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid $luci-border-component-on-light-color;
    background-color: #fff;
    content: '';
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    display: block;
    margin-top: -16px;
    margin-left: 6px;
    width: 10px;
    height: 10px;
    background: #0067C5;
    content: '';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.dx-radiobutton {
    line-height: 22px;
}

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    border-color: rgba(0, 103, 197, 0.4);
}

.dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
    background-color: rgba(96, 96, 96, 0.2);
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
    border: 1px solid #0067C5;
}

.dx-radiobutton.dx-state-disabled {
    opacity: 0.5;
}

.dx-invalid .dx-radiobutton-icon:before {
    border-color: rgba(255, 69, 72, 0.4);
}

.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #ff4548;
}

.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #ff4548;
}

.dx-state-disabled .dx-radiobutton.dx-state-disabled {
    opacity: 1;
}

.dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
.dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-right: 6px;
    margin-left: 0;
}

.dx-radio-value-container {
    padding-left: 0;
}

.dx-radiogroup .dx-radiobutton,
.dx-radiogroup .dx-radiobutton-icon {
    margin: 1px 0;
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 17px;
}

.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 0;
    margin-left: 17px;
}

.dx-pivottabs {
    height: 74px;
}

.dx-pivottabs-tab,
.dx-pivottabs-ghosttab {
    padding: 10px;
    color: #a7a7a7;
    font-size: 40px;
}

.dx-pivottabs-tab-selected {
    color: #454545;
}

.dx-pivot-itemcontainer {
    top: 74px;
}

.dx-panorama-title,
.dx-panorama-ghosttitle {
    height: 70px;
    font-size: 65px;
}

.dx-panorama-itemscontainer {
    top: 70px;
}

.dx-panorama-item-title {
    font-size: 30px;
}

.dx-panorama-item-content {
    top: 45px;
}

.dx-accordion {
    background-color: #fff;
    color: #454545;
}

.dx-accordion-item {
    border: 1px solid transparent;
    border-top-color: $luci-border-component-on-light-color;
}

.dx-accordion-item:last-child {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
    color: #454545;
}

.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
    color: #454545;
    background-color: rgba(96, 96, 96, 0.2);
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: #f5f5f5;
}

.dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
    border-bottom-color: #f5f5f5;
}

.dx-accordion-item-opened {
    border-color: $luci-border-component-on-light-color;
}

.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
    background-color: transparent;
}

.dx-accordion-item-opened > .dx-accordion-item-title {
    background-color: transparent;
}

.dx-accordion-item-opened > .dx-accordion-item-title:before {
    content: '\f014';
}

.dx-accordion-item-opened + .dx-accordion-item {
    border-top-color: transparent;
}

.dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
    border-top-color: #f5f5f5;
}

.dx-accordion-item-title {
    color: #454545;
    padding: 9px 12px;
    font-size: 18px;
}

.dx-accordion-item-title:before {
    font-weight: normal;
    color: #454545;
    content: '\f016';
    font-family: DXIcons;
    font-size: 18px;
    margin-left: 9px;
    margin-right: 0;
    line-height: 24px;
}

.dx-accordion-item-title .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin-right: 9px;
    margin-left: 0;
    display: inline-block;
    color: #454545;
}

.dx-rtl .dx-accordion-item-title .dx-icon,
.dx-rtl.dx-accordion-item-title .dx-icon {
    margin-left: 9px;
    margin-right: 0;
}

.dx-state-disabled.dx-accordion-item {
    opacity: 0.5;
}

.dx-state-focused.dx-accordion-item {
    border-color: #0067C5;
}

.dx-accordion-item-body {
    padding: 8px 12px 22px;
    font-size: 14px;
}

.dx-rtl .dx-accordion-item-title:before {
    margin-left: 0;
    margin-right: 9px;
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 13px;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 13px;
    margin-right: 0;
}

.dx-slideoutview-menu-content,
.dx-slideoutview-content {
    background-color: #fff;
}

.dx-slideoutview-content {
    border-color: rgba(221, 221, 221, 0.5);
}

.dx-slideoutview-content {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -1px;
    border-style: solid;
    border-width: 0 1px;
}

.dx-slideout-menu .dx-list-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
    margin-right: 13px;
    margin-left: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}

.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
    margin-left: 13px;
    margin-right: 0;
}

.dx-pager {
    padding-top: 9px;
    padding-bottom: 9px;
}

.dx-pager.dx-light-mode .dx-page-sizes {
    min-width: 42px;
}

.dx-pager.dx-light-mode .dx-page-index {
    min-width: 19px;
}

.dx-pager .dx-pages .dx-page {
    padding: 7px 9px 8px;
}

.dx-pager .dx-pages .dx-separator {
    padding-left: 8px;
    padding-right: 8px;
}

.dx-pager .dx-pages .dx-navigate-button {
    width: 9px;
    height: 17px;
    padding: 9px 13px;
}

.dx-pager .dx-pages .dx-prev-button {
    font: 14px/1 DXIcons;
}

.dx-pager .dx-pages .dx-prev-button:before {
    content: '\f012';
}

.dx-pager .dx-pages .dx-next-button {
    font: 14px/1 DXIcons;
}

.dx-pager .dx-pages .dx-next-button:before {
    content: '\f010';
}

.dx-pager .dx-pages .dx-prev-button,
.dx-pager .dx-pages .dx-next-button {
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-pager .dx-pages .dx-prev-button:before,
.dx-pager .dx-pages .dx-next-button:before {
    position: absolute;
    display: block;
    width: 21px;
    top: 50%;
    margin-top: -10.5px;
    left: 50%;
    margin-left: -10.5px;
}

.dx-pager .dx-page,
.dx-pager .dx-page-size {
    -webkit-border-radius: -0.9rem;
    -moz-border-radius: -0.9rem;
    -o-border-radius: -0.9rem;
    border-radius: -0.9rem;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

.dx-pager .dx-page-sizes .dx-page-size {
    padding-left: 10px;
    padding-right: 9px;
    padding-top: 7px;
    padding-bottom: 8px;
}

.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
    color: #454545;
    border-color: transparent;
    background-color: #d4d4d4;
}

.dx-colorview-container {
    width: 450px;
}

.dx-colorview-container label {
    line-height: 36px;
}

.dx-colorview-container label.dx-colorview-label-hex {
    margin: 10px 0 0 0;
}

.dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-left: 43px;
    width: 115px;
}

.dx-colorview-container label .dx-texteditor {
    width: 69px;
    margin: 1px 1px 10px 0;
}

.dx-colorview-hue-scale-cell {
    margin-left: 19px;
}

.dx-colorview-palette {
    width: 288px;
    height: 299px;
}

.dx-colorview-alpha-channel-scale {
    width: 288px;
}

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
    margin-top: 10px;
}

.dx-colorview-hue-scale {
    width: 18px;
    height: 299px;
}

.dx-colorview-alpha-channel-cell {
    width: 292px;
}

.dx-colorview-hue-scale-wrapper {
    height: 301px;
}

.dx-colorview-color-preview {
    width: 100%;
    height: 40px;
}

.dx-colorview-controls-container {
    width: 90px;
    margin-left: 27px;
}

.dx-colorview-container label {
    color: #454545;
}

.dx-colorview-palette-cell,
.dx-colorview-alpha-channel-border,
.dx-colorview-hue-scale-wrapper,
.dx-colorview-color-preview-container {
    padding: 1px;
    margin: 1px;
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px $luci-border-component-on-light-color;
}

.dx-colorview-color-preview-container {
    margin-bottom: 34px;
}

.dx-rtl .dx-colorview-controls-container {
    margin-left: 0;
    margin-right: 27px;
}

.dx-rtl .dx-colorview-hue-scale-cell {
    margin-left: 0;
    margin-right: 19px;
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-left: 0;
    margin-right: 43px;
}

.dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-left: 40px;
}

.dx-colorbox .dx-placeholder {
    left: 32px;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0;
}

.dx-colorbox-color-result-preview {
    border-color: $luci-border-component-on-light-color;
}

.dx-colorbox-overlay {
    padding: 0;
}

.dx-colorbox-overlay.dx-overlay-content {
    background-color: #fff;
}

.dx-colorbox-overlay .dx-popup-content {
    padding: 20px;
}

.dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
.dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
    padding-right: 40px;
}

.dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
    padding-left: 10px;
    padding-right: 0;
}

.dx-datagrid .dx-menu-item-has-icon .dx-icon,
.dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
    color: #9b9b9b;
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
    content: '\f053';
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
    content: '\f054';
}

.dx-datagrid .dx-icon-filter-operation-equals,
.dx-datagrid-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-equals:before,
.dx-datagrid-container .dx-icon-filter-operation-equals:before {
    content: '\f044';
}

.dx-datagrid .dx-icon-filter-operation-default,
.dx-datagrid-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

.dx-datagrid .dx-icon-filter-operation-default:before,
.dx-datagrid-container .dx-icon-filter-operation-default:before {
    content: '\f027';
}

.dx-datagrid .dx-icon-filter-operation-not-equals,
.dx-datagrid-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-not-equals:before,
.dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
    content: '\f045';
}

.dx-datagrid .dx-icon-filter-operation-less,
.dx-datagrid-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-less:before,
.dx-datagrid-container .dx-icon-filter-operation-less:before {
    content: '\f046';
}

.dx-datagrid .dx-icon-filter-operation-less-equal,
.dx-datagrid-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-less-equal:before,
.dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
    content: '\f048';
}

.dx-datagrid .dx-icon-filter-operation-greater,
.dx-datagrid-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-greater:before,
.dx-datagrid-container .dx-icon-filter-operation-greater:before {
    content: '\f047';
}

.dx-datagrid .dx-icon-filter-operation-greater-equal,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-greater-equal:before,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
    content: '\f049';
}

.dx-datagrid .dx-icon-filter-operation-contains,
.dx-datagrid-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-contains:before,
.dx-datagrid-container .dx-icon-filter-operation-contains:before {
    content: '\f063';
}

.dx-datagrid .dx-icon-filter-operation-not-contains,
.dx-datagrid-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-not-contains:before,
.dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
    content: '\f066';
}

.dx-datagrid .dx-icon-filter-operation-starts-with,
.dx-datagrid-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-starts-with:before,
.dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
    content: '\f064';
}

.dx-datagrid .dx-icon-filter-operation-ends-with,
.dx-datagrid-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-ends-with:before,
.dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
    content: '\f065';
}

.dx-datagrid .dx-icon-filter-operation-between,
.dx-datagrid-container .dx-icon-filter-operation-between {
    font: 14px/1 DXIcons;
}

.dx-datagrid .dx-icon-filter-operation-between:before,
.dx-datagrid-container .dx-icon-filter-operation-between:before {
    content: '\f06a';
}

.dx-datagrid {
    line-height: inherit;
}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
    background-color: #f5f5f5;
}

.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
    border-bottom-color: transparent;
}

.dx-datagrid .dx-link {
    color: #0077C0;
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid .dx-error-row .dx-closebutton {
    float: right;
    margin: 9px;
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-datagrid .dx-error-row .dx-closebutton:before {
    content: '\f00a';
}

.dx-datagrid .dx-error-row .dx-error-message {
    padding: 7px;
    padding-right: 35px;
}

.dx-datagrid .dx-row > td {
    padding: 7px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin: 0 3px;
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*='text-align: right']:before {
    background-position-y: 34px;
}

.dx-datagrid-edit-popup .dx-error-message {
    padding: 7px;
}

.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px;
}

.dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 7px;
}

.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
    height: auto;
}

.dx-datagrid-headers .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup-field {
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
    padding-right: 90px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
    padding-right: 60px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-datagrid-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-datagrid-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0px;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: #fff;
}

.dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 34px;
}

.dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
    padding-right: 74px;
}

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-datagrid-checkbox-size {
    line-height: normal;
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 12px;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
    height: 16px;
    width: 16px;
}

.dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
    font-size: 6px;
}

.dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    top: 6.5px;
}

.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
.dx-datagrid-column-chooser-list .dx-empty-message {
    color: #ababab;
    padding: 0 20px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
    margin-bottom: 10px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
    padding-left: 20px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-datagrid-column-chooser .dx-overlay-content {
    background-color: #fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: transparent;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
    margin-bottom: 10px;
    background-color: #fff;
    color: #a7a7a7;
    font-weight: normal;
    border: 1px solid $luci-border-component-on-light-color;
    padding: 7px;
    -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.dx-datagrid-drag-header {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #a7a7a7;
    font-weight: normal;
    padding: 7px;
    border: 1px solid rgba(0, 103, 197, 0.5);
    background-color: #fff;
}

.dx-datagrid-columns-separator {
    background-color: rgba(0, 103, 197, 0.5);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid-drop-highlight > td {
    background-color: #0067C5;
    color: #fff;
}

.dx-datagrid-focus-overlay {
    border: 2px solid #0067C5;
    z-index: 1;
}

.dx-datagrid-table .dx-row .dx-command-select {
    width: 70px;
    min-width: 70px;
}

.dx-datagrid-table .dx-row .dx-command-edit {
    width: 85px;
    min-width: 85px;
}

.dx-datagrid-table .dx-row .dx-command-expand {
    width: 30px;
    min-width: 30px;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
    padding-top: 7px;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
    border-right-color: #f5f5f5;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-datagrid-headers {
    color: #a7a7a7;
    font-weight: normal;
    touch-action: pinch-zoom;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: -1px;
}

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    border-bottom-width: 1px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
    color: #454545;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
    border: 2px solid #0067C5;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
    background-color: #fff;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
    border-color: transparent;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-datagrid-filter-row .dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
    color: #9b9b9b;
}

.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 7px 7px 32px;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content {
    border: 1px solid $luci-border-component-on-light-color;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
    left: 0px;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
    background-color: #fff;
    padding: 7px;
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
    border: 2px solid #0067C5;
}

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 6px 5px 7px;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    margin: 0px 3px;
}

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 7px;
}

.dx-datagrid-header-panel {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 10px;
}

.dx-datagrid-header-panel .dx-apply-button {
    background-color: #6fc13e;
    border-color: #6fc13e;
    color: #fff;
}

.dx-datagrid-header-panel .dx-apply-button .dx-icon {
    color: #fff;
}

.dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
    background-color: #599a32;
    border-color: #6fc13e;
}

.dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
    background-color: #4e872b;
    border-color: #6fc13e;
}

.dx-datagrid-header-panel .dx-apply-button.dx-state-active {
    background-color: #437425;
    border-color: #6fc13e;
    color: #fff;
}

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-icon-column-chooser:before {
    content: '\f04d';
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
    content: '\f00b';
}

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
    content: '\f04c';
}

.dx-datagrid-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-datagrid-save-button .dx-icon-edit-button-save:before {
    content: '\f041';
}

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-apply-button .dx-icon-apply-filter:before {
    content: '\f050';
}

.dx-datagrid-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-datagrid-export-button .dx-icon-export-to:before {
    content: '\f05f';
}

.dx-datagrid-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-datagrid-export-button .dx-icon-export-excel-button:before {
    content: '\f060';
}

.dx-datagrid-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    -webkit-background-size: 21px 21px;
    -moz-background-size: 21px 21px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-datagrid-rowsview {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
    border-top-width: 0px;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
    background-color: white;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
    border: 1px solid rgba(255, 69, 72, 0.4);
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
    border: 1px solid #ff4548;
}

.dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
    padding: 9px 17px 9px;
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
}

.dx-datagrid-rowsview .dx-row-removed > td {
    background-color: rgba(111, 193, 62, 0.5);
    border-top: 1px solid rgba(111, 193, 62, 0.5);
    border-bottom: 1px solid rgba(111, 193, 62, 0.5);
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
    border: 1px solid rgba(255, 69, 72, 0.4);
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
}

.dx-datagrid-rowsview .dx-item-modified {
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    border: 2px solid rgba(111, 193, 62, 0.5);
}

.dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
    background-color: #0067C5;
    color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-datagrid-group-closed {
    color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td {
    border-top: 1px solid #0067C5;
    border-bottom: 1px solid #0067C5;
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
    background-color: #0067C5;
    color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
    color: #fff;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: #e6e6e6;
    color: #454545;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-datagrid-group-space {
    border-right-color: #e6e6e6;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
    border-left-color: $luci-border-component-on-light-color;
    border-right-color: $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
    background-color: #fff;
    color: #454545;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > td {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
    border-top: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:first-child > td {
    border-top: 1px solid #e6e6e6;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:last-child > td {
    border-bottom: 1px solid #e6e6e6;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
    border-left-color: $luci-border-component-on-light-color;
    border-right-color: $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
    border-bottom-color: $luci-border-component-on-light-color;
}

.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
}

.dx-datagrid-search-text {
    color: #fff;
    background-color: #0067C5;
}

.dx-datagrid-nodata {
    color: #ababab;
    font-size: 17px;
}

.dx-datagrid-bottom-load-panel {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-pager {
    border-top: 3px double $luci-border-component-on-light-color;
}

.dx-datagrid-pager.dx-widget {
    color: #454545;
}

.dx-datagrid-summary-item {
    color: rgba(69, 69, 69, 0.7);
}

.dx-datagrid-total-footer {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0px 1px;
    margin-left: 1px;
    background-color: #ff4548;
    border-color: #ff4548;
    color: #fff;
}

.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
    color: #fff;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
    background-color: #ff1216;
    border-color: #ff4548;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
    background-color: #f70004;
    border-color: #ff4548;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
    background-color: #de0004;
    border-color: #ff4548;
    color: #fff;
}

.dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
    padding: 7px;
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size {
    width: 100%;
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
    padding: 14px;
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
    padding-left: 34px;
}

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #f5f5f5;
    border-right-color: transparent;
}

.dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0px 3px;
}

.dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 32px 7px 7px;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: $luci-border-component-on-light-color;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #e6e6e6;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
    border-left-color: $luci-border-component-on-light-color;
}

.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-datagrid-group-panel {
    font-size: 14px;
    touch-action: pinch-zoom;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: #a7a7a7;
    font-weight: normal;
    padding: 7px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dx-datagrid-group-panel .dx-group-panel-item {
    margin-right: 10px;
    color: #a7a7a7;
    font-weight: normal;
    border: 1px solid $luci-border-component-on-light-color;
    padding: 7px;
}

.dx-datagrid-group-panel .dx-block-separator {
    margin-right: 10px;
    color: #a7a7a7;
    font-weight: normal;
    padding: 8px;
    background-color: #eeeeee;
}

.dx-datagrid-group-panel .dx-sort {
    color: #9b9b9b;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
    border-top: none;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    font-weight: bold;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #a7a7a7;
    background-color: #f7f7f7;
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top-color: $luci-border-component-on-light-color;
    border-bottom-color: $luci-border-component-on-light-color;
}

.dx-datagrid-group-opened {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    top: 3px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #a7a7a7;
}

.dx-datagrid-group-opened:before {
    content: '\f001';
}

.dx-datagrid-group-closed {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    top: 3px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #a7a7a7;
}

.dx-datagrid-group-closed:before {
    content: '\f04e';
}

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
    width: 100%;
}

.dx-row.dx-datagrid-group-footer.dx-column-lines {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-row.dx-datagrid-group-footer > td {
    background-color: #fff;
    border-top: 1px solid $luci-border-component-on-light-color;
    border-left-width: 0;
    border-right-width: 0;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    margin-left: 10px;
}

.dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
    background-color: #f7f7f7;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
    color: #0067C5;
}

.dx-pivotgrid {
    background-color: #fff;
}

.dx-pivotgrid .dx-area-description-cell .dx-button-content {
    padding: 5px;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
    padding: 5px;
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
    margin-top: 10px;
}

.dx-pivotgrid .dx-expand-icon-container {
    font: 14px/1 DXIcons;
}

.dx-pivotgrid .dx-expand-icon-container:before {
    content: '\f04e';
}

.dx-pivotgrid .dx-expand-icon-container:before {
    visibility: hidden;
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #a7a7a7;
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
    content: '\f04e';
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    color: #a7a7a7;
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
    content: '\f001';
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
    width: 19px;
    min-width: 19px;
}

.dx-pivotgridfieldchooser {
    background-color: #fff;
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-treelist .dx-menu-item-has-icon .dx-icon,
.dx-treelist-container .dx-menu-item-has-icon .dx-icon {
    color: #9b9b9b;
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
    content: '\f053';
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 14px/1 DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
    content: '\f054';
}

.dx-treelist .dx-icon-filter-operation-equals,
.dx-treelist-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-equals:before,
.dx-treelist-container .dx-icon-filter-operation-equals:before {
    content: '\f044';
}

.dx-treelist .dx-icon-filter-operation-default,
.dx-treelist-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0px 0px;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    padding: 0px;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

.dx-treelist .dx-icon-filter-operation-default:before,
.dx-treelist-container .dx-icon-filter-operation-default:before {
    content: '\f027';
}

.dx-treelist .dx-icon-filter-operation-not-equals,
.dx-treelist-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-not-equals:before,
.dx-treelist-container .dx-icon-filter-operation-not-equals:before {
    content: '\f045';
}

.dx-treelist .dx-icon-filter-operation-less,
.dx-treelist-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-less:before,
.dx-treelist-container .dx-icon-filter-operation-less:before {
    content: '\f046';
}

.dx-treelist .dx-icon-filter-operation-less-equal,
.dx-treelist-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-less-equal:before,
.dx-treelist-container .dx-icon-filter-operation-less-equal:before {
    content: '\f048';
}

.dx-treelist .dx-icon-filter-operation-greater,
.dx-treelist-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-greater:before,
.dx-treelist-container .dx-icon-filter-operation-greater:before {
    content: '\f047';
}

.dx-treelist .dx-icon-filter-operation-greater-equal,
.dx-treelist-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-greater-equal:before,
.dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
    content: '\f049';
}

.dx-treelist .dx-icon-filter-operation-contains,
.dx-treelist-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-contains:before,
.dx-treelist-container .dx-icon-filter-operation-contains:before {
    content: '\f063';
}

.dx-treelist .dx-icon-filter-operation-not-contains,
.dx-treelist-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-not-contains:before,
.dx-treelist-container .dx-icon-filter-operation-not-contains:before {
    content: '\f066';
}

.dx-treelist .dx-icon-filter-operation-starts-with,
.dx-treelist-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-starts-with:before,
.dx-treelist-container .dx-icon-filter-operation-starts-with:before {
    content: '\f064';
}

.dx-treelist .dx-icon-filter-operation-ends-with,
.dx-treelist-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-ends-with:before,
.dx-treelist-container .dx-icon-filter-operation-ends-with:before {
    content: '\f065';
}

.dx-treelist .dx-icon-filter-operation-between,
.dx-treelist-container .dx-icon-filter-operation-between {
    font: 14px/1 DXIcons;
}

.dx-treelist .dx-icon-filter-operation-between:before,
.dx-treelist-container .dx-icon-filter-operation-between:before {
    content: '\f06a';
}

.dx-treelist {
    line-height: inherit;
}

.dx-treelist .dx-row-alt > td,
.dx-treelist .dx-row-alt > tr > td {
    background-color: #f5f5f5;
}

.dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
    border-bottom-color: transparent;
}

.dx-treelist .dx-link {
    color: #0077C0;
}

.dx-treelist .dx-row-lines > td {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist .dx-column-lines > td {
    border-left: 1px solid $luci-border-component-on-light-color;
    border-right: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist .dx-error-row .dx-closebutton {
    float: right;
    margin: 9px;
    font: 14px/1 DXIcons;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 0px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

.dx-treelist .dx-error-row .dx-closebutton:before {
    content: '\f00a';
}

.dx-treelist .dx-error-row .dx-error-message {
    padding: 7px;
    padding-right: 35px;
}

.dx-treelist .dx-row > td {
    padding: 7px;
}

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin: 0 3px;
}

.dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*='text-align: right']:before {
    background-position-y: 34px;
}

.dx-treelist-edit-popup .dx-error-message {
    padding: 7px;
}

.dx-treelist-headers .dx-texteditor-input,
.dx-treelist-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px;
}

.dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
    padding-right: 7px;
}

.dx-treelist-headers .dx-lookup,
.dx-treelist-rowsview .dx-lookup {
    height: auto;
}

.dx-treelist-headers .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup-field {
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
    padding-right: 64px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
    padding-right: 90px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 90px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
    padding-right: 60px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
    padding: 7px 9px 8px;
    padding-left: 60px;
}

.dx-treelist-headers .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-treelist-rowsview .dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 34px;
}

.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-left: 34px;
}

.dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
    padding-right: 34px;
}

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-icon-clear {
    left: 0px;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: #fff;
}

.dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input {
    padding-right: 34px;
}

.dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input {
    padding-right: 74px;
}

.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dx-treelist-checkbox-size {
    line-height: normal;
}

.dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 12px;
}

.dx-treelist-checkbox-size .dx-checkbox-icon {
    height: 16px;
    width: 16px;
}

.dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
    font-size: 6px;
}

.dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    top: 6.5px;
}

.dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
    color: #ababab;
    padding: 0 20px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
    margin-bottom: 10px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
    padding-left: 20px;
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
    padding: 0px 20px 20px 20px;
}

.dx-treelist-column-chooser .dx-overlay-content {
    background-color: #fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: transparent;
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
    margin-bottom: 10px;
    background-color: #fff;
    color: #a7a7a7;
    font-weight: normal;
    border: 1px solid $luci-border-component-on-light-color;
    padding: 7px;
    -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.dx-treelist-drag-header {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #a7a7a7;
    font-weight: normal;
    padding: 7px;
    border: 1px solid rgba(0, 103, 197, 0.5);
    background-color: #fff;
}

.dx-treelist-columns-separator {
    background-color: rgba(0, 103, 197, 0.5);
}

.dx-treelist-columns-separator-transparent {
    background-color: transparent;
}

.dx-treelist-drop-highlight > td {
    background-color: #0067C5;
    color: #fff;
}

.dx-treelist-focus-overlay {
    border: 2px solid #0067C5;
}

.dx-treelist-table .dx-row .dx-command-select {
    width: 70px;
    min-width: 70px;
}

.dx-treelist-table .dx-row .dx-command-edit {
    width: 85px;
    min-width: 85px;
}

.dx-treelist-table .dx-row .dx-command-expand {
    width: 30px;
    min-width: 30px;
}

.dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
    padding-top: 7px;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
    border-right-color: #f5f5f5;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-treelist-headers {
    color: #a7a7a7;
    font-weight: normal;
    touch-action: pinch-zoom;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-headers .dx-treelist-content {
    margin-bottom: -1px;
}

.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
    border-bottom-width: 1px;
}

.dx-treelist-headers .dx-treelist-table .dx-row > td {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-filter-row .dx-menu .dx-overlay-content {
    color: #454545;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
    border: 2px solid #0067C5;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
    background-color: #fff;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
    border-color: transparent;
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent;
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
    background-color: #fff;
}

.dx-treelist-filter-row .dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
}

.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
    color: #9b9b9b;
}

.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 7px 7px 32px;
}

.dx-treelist-filter-range-overlay .dx-overlay-content {
    border: 1px solid $luci-border-component-on-light-color;
    overflow: inherit;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
    left: 0px;
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
    background-color: #fff;
    padding: 7px;
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
    border: 2px solid #0067C5;
}

.dx-filter-menu.dx-menu {
    background-color: transparent;
    height: 100%;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 6px 5px 7px;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    margin: 0px 3px;
}

.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    margin-top: 2px;
}

.dx-highlight-outline {
    padding: 7px;
}

.dx-treelist-header-panel {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-header-panel .dx-toolbar {
    margin-bottom: 10px;
}

.dx-treelist-header-panel .dx-apply-button {
    background-color: #6fc13e;
    border-color: #6fc13e;
    color: #fff;
}

.dx-treelist-header-panel .dx-apply-button .dx-icon {
    color: #fff;
}

.dx-treelist-header-panel .dx-apply-button.dx-state-hover {
    background-color: #599a32;
    border-color: #6fc13e;
}

.dx-treelist-header-panel .dx-apply-button.dx-state-focused {
    background-color: #4e872b;
    border-color: #6fc13e;
}

.dx-treelist-header-panel .dx-apply-button.dx-state-active {
    background-color: #437425;
    border-color: #6fc13e;
    color: #fff;
}

.dx-icon-column-chooser {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-icon-column-chooser:before {
    content: '\f04d';
}

.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
    content: '\f00b';
}

.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
    content: '\f04c';
}

.dx-treelist-save-button .dx-icon-edit-button-save {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treelist-save-button .dx-icon-edit-button-save:before {
    content: '\f041';
}

.dx-apply-button .dx-icon-apply-filter {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-apply-button .dx-icon-apply-filter:before {
    content: '\f050';
}

.dx-treelist-export-button .dx-icon-export-to {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treelist-export-button .dx-icon-export-to:before {
    content: '\f05f';
}

.dx-treelist-export-button .dx-icon-export-excel-button {
    font: 14px/1 DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treelist-export-button .dx-icon-export-excel-button:before {
    content: '\f060';
}

.dx-treelist-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
    -webkit-background-size: 21px 21px;
    -moz-background-size: 21px 21px;
    background-size: 21px 21px;
    padding: 0px;
    font-size: 21px;
    text-align: center;
    line-height: 21px;
}

.dx-treelist-rowsview {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
    border-top-width: 0px;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-row.dx-edit-row > td {
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
.dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
    border-top: 1px solid $luci-border-component-on-light-color;
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
    background-color: #fafafa;
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
    border: 1px solid rgba(255, 69, 72, 0.4);
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
    border: 1px solid #ff4548;
}

.dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
    padding: 9px 17px 9px;
}

.dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
    border-color: rgba(111, 193, 62, 0.5);
}

.dx-treelist-rowsview .dx-row-removed > td {
    background-color: rgba(111, 193, 62, 0.5);
    border-top: 1px solid rgba(111, 193, 62, 0.5);
    border-bottom: 1px solid rgba(111, 193, 62, 0.5);
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
    border: 1px solid rgba(255, 69, 72, 0.4);
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
}

.dx-treelist-rowsview .dx-item-modified {
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    border: 2px solid rgba(111, 193, 62, 0.5);
}

.dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link {
    background-color: #0067C5;
    color: #fff;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused) .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link .dx-treelist-group-closed {
    color: #fff;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td {
    border-top: 1px solid #0067C5;
    border-bottom: 1px solid #0067C5;
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row {
    background-color: #0067C5;
    color: #fff;
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
    color: #fff;
}

.dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: #e6e6e6;
    color: #454545;
}

.dx-treelist-rowsview .dx-selection.dx-row > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-treelist-group-space {
    border-right-color: #e6e6e6;
}

.dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
    border-left-color: $luci-border-component-on-light-color;
    border-right-color: $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-selection.dx-row > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
    background-color: #fff;
    color: #454545;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > td {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:first-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:first-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:first-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:first-child > td {
    border-top: 1px solid #e6e6e6;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > tr:last-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > tr:last-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:last-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-focused) > tr:last-child > td {
    border-bottom: 1px solid #e6e6e6;
}

.dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
    border-left-color: $luci-border-component-on-light-color;
    border-right-color: $luci-border-component-on-light-color;
}

.dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
    border-bottom-color: $luci-border-component-on-light-color;
}

.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-right: 0;
}

.dx-treelist-search-text {
    color: #fff;
    background-color: #0067C5;
}

.dx-treelist-nodata {
    color: #ababab;
    font-size: 17px;
}

.dx-treelist-bottom-load-panel {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-pager {
    border-top: 3px double $luci-border-component-on-light-color;
}

.dx-treelist-pager.dx-widget {
    color: #454545;
}

.dx-treelist-summary-item {
    color: rgba(69, 69, 69, 0.7);
}

.dx-treelist-total-footer {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-treelist-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0px 1px;
    margin-left: 1px;
    background-color: #ff4548;
    border-color: #ff4548;
    color: #fff;
}

.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
    color: #fff;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
    background-color: #ff1216;
    border-color: #ff4548;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
    background-color: #f70004;
    border-color: #ff4548;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
    background-color: #de0004;
    border-color: #ff4548;
    color: #fff;
}

.dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content {
    padding: 7px;
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size {
    width: 100%;
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container {
    padding: 14px;
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text {
    padding-left: 34px;
}

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
    padding-right: 34px;
    padding-left: 27px;
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: #f5f5f5;
    border-right-color: transparent;
}

.dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
    margin: 0px 3px;
}

.dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
    padding: 7px 32px 7px 7px;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
    border-right-color: $luci-border-component-on-light-color;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: #e6e6e6;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
    border-left-color: $luci-border-component-on-light-color;
}

.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
    padding-left: 0;
}

.dx-treelist-rowsview .dx-treelist-empty-space {
    position: relative;
    display: inline-block;
    color: #a7a7a7;
    width: 14px;
    font: 14px/1 DXIcons;
}

.dx-treelist-rowsview .dx-treelist-empty-space:before {
    content: '\f04e';
}

.dx-treelist-rowsview .dx-treelist-empty-space:before {
    visibility: hidden;
}

.dx-treelist-rowsview .dx-treelist-expanded span {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
    content: '\f001';
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
    left: 0;
    margin-left: -5px;
    margin-top: -8px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
    content: '\f04e';
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
    left: 0;
    margin-left: -6px;
    margin-top: -8px;
}

.dx-treelist-rowsview .dx-selection .dx-treelist-empty-space {
    color: #a7a7a7;
}

.dx-treelist-rowsview .dx-treelist-cell-expandable {
    white-space: nowrap;
}

.dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
    white-space: normal;
}

.dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
    white-space: nowrap;
}

.dx-treelist-checkbox-size {
    line-height: 0px;
}

.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-checkbox {
    position: absolute;
}

.dx-treelist-icon-container.dx-editor-inline-block {
    position: relative;
    padding-right: 23px;
}

.dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
    top: 50%;
    margin-top: -8px;
}

.dx-treelist-select-all {
    position: relative;
}

.dx-treelist-select-all .dx-checkbox {
    left: 21px;
    margin-top: 1px;
}

.dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-left: 44px;
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: right;
}

.dx-rtl .dx-treelist-select-all .dx-checkbox {
    left: calc(100% -  37px);
}

.dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
    padding-right: 44px;
    padding-left: 7px;
}

.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
    padding-left: 23px;
    padding-right: 0px;
}

.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
    color: #0067C5;
}

.dx-menu-item {
    color: #454545;
}

.dx-menu-item.dx-state-hover {
    color: #454545;
    background-color: #f5f5f5;
}

.dx-menu-item.dx-state-focused {
    background-color: #0067C5;
    color: #fff;
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
    margin-right: -18px;
}

.dx-menu-item-selected {
    background-color: #e6e6e6;
    color: #454545;
}

.dx-menu-item-selected.dx-state-focused {
    background-color: rgba(0, 103, 197, 0.7);
    color: #fff;
}

.dx-menu-item-expanded {
    color: #454545;
    background-color: #f5f5f5;
}

.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-active,
.dx-menu-item-expanded {
    outline: none;
}

.dx-menu-base {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-menu-base input,
.dx-menu-base textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-menu-base.dx-state-focused {
    outline: none;
}

.dx-menu-base .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-menu-base .dx-menu-item-content {
    padding: 3px 5px 7px;
}

.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
    padding: 0 25px 5px 23px;
}

.dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
    min-width: 7px;
    min-height: 7px;
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
    padding: 0 23px 5px 25px;
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
    margin-left: auto;
    margin-right: auto;
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
    margin-left: 0;
    margin-right: auto;
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
    margin-left: -18px;
}

.dx-context-menu-container-border {
    background-color: transparent;
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.dx-context-menu-content-delimiter {
    background-color: #fff;
}

.dx-menu {
    color: #454545;
}

.dx-menu .dx-menu-item-expanded {
    background-color: #fff;
}

.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
    margin: 0 19px 0 3px;
}

.dx-menu .dx-menu-item-has-text .dx-menu-item-text {
    padding: 0 5px 5px 5px;
}

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    margin: 0 3px;
}

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 0 19px 5px 5px;
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
    content: '\f001';
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-menu .dx-menu-vertical .dx-menu-item-popout {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
    content: '\f04e';
}

.dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
    margin: 0 3px 0 19px;
}

.dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
    padding: 0 5px 5px 0;
}

.dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 0 5px 5px 19px;
}

.dx-menu-adaptive-mode {
    background-color: #fff;
}

.dx-menu-adaptive-mode .dx-treeview {
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-menu-adaptive-mode .dx-treeview,
.dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    font-size: 18px;
}

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
    color: inherit;
}

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
    color: #fff;
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-context-menu {
    color: #454545;
}

.dx-context-menu .dx-submenu {
    background-color: #fff;
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.dx-context-menu .dx-menu-item-popout {
    font: 14px/1 DXIcons;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-context-menu .dx-menu-item-popout:before {
    content: '\f04e';
}

.dx-context-menu .dx-menu-item-popout:before {
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
}

.dx-context-menu .dx-menu-separator {
    background-color: $luci-border-component-on-light-color;
}

.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-left: 5px;
}

.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
.dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
    padding-right: 5px;
    padding-left: 25px;
}

.dx-context-menu.dx-rtl .dx-menu-item-content {
    padding: 5px 3px 5px 5px;
}

.dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
    padding: 0 23px 5px 25px;
}

.dx-calendar {
    width: 282px;
    min-width: 282px;
    height: 268.6px;
    min-height: 268.6px;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    border: 1px solid transparent;
}

.dx-calendar.dx-calendar-with-footer {
    height: 323.6px;
    min-height: 293.6px;
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-body {
    bottom: 55px;
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
    text-align: center;
    height: 45px;
    width: 100%;
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
    background: none;
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
    background-color: #d4d4d4;
}

.dx-calendar-navigator {
    line-height: 1.6;
    height: 36px;
    display: table;
    border-collapse: collapse;
}

.dx-calendar-navigator .dx-button {
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: table-cell;
    border-color: #f2f2f2;
}

.dx-calendar-navigator .dx-button .dx-icon {
    font-size: 16px;
}

.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
    border-collapse: collapse;
    visibility: visible;
    opacity: 1;
}

.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
    opacity: .5;
}

.dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
    z-index: 1;
}

.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
    z-index: 1;
    border-color: #f2f2f2;
}

.dx-calendar-navigator .dx-calendar-caption-button {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    right: 32px;
    left: 32px;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
    background-color: #d4d4d4;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    padding: 2px 15px 4px;
    color: #0067C5;
}

.dx-calendar-navigator-previous-month {
    width: 32px;
    background: none;
}

.dx-calendar-navigator-previous-month.dx-button {
    margin: 0 2px;
}

.dx-calendar-navigator-previous-month .dx-button-content {
    padding: 0;
}

.dx-calendar-navigator-previous-month.dx-state-hover {
    z-index: 1;
}

.dx-calendar-navigator-previous-month,
.dx-calendar-navigator-next-view {
    width: 32px;
    background: none;
}

.dx-calendar-navigator-previous-month.dx-button,
.dx-calendar-navigator-next-view.dx-button {
    margin: 0px 1px;
}

.dx-calendar-navigator-previous-month .dx-button-content,
.dx-calendar-navigator-next-view .dx-button-content {
    padding: 0;
}

.dx-calendar-navigator-previous-view,
.dx-calendar-navigator-previous-month {
    left: 0px;
}

.dx-calendar-navigator-previous-view.dx-button,
.dx-calendar-navigator-previous-month.dx-button {
    -webkit-border-radius: 0.1rem 0 0 0.1rem;
    -moz-border-radius: 0.1rem 0 0 0.1rem;
    border-radius: 0.1rem 0 0 0.1rem;
}

.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon {
    color: #0067C5;
}

.dx-calendar-navigator-next-view,
.dx-calendar-navigator-next-month {
    right: 0px;
}

.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-next-month.dx-button {
    -webkit-border-radius: 0 0.1rem 0.1rem 0;
    -moz-border-radius: 0 0.1rem 0.1rem 0;
    border-radius: 0 0.1rem 0.1rem 0;
}

.dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon {
    color: #0067C5;
}

.dx-calendar-body {
    top: 52px;
}

.dx-calendar-body thead {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

.dx-calendar-body thead tr {
    height: 25px;
    padding-bottom: 10px;
}

.dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0px -1px 0px $luci-border-component-on-light-color;
    -moz-box-shadow: inset 0px -1px 0px $luci-border-component-on-light-color;
    box-shadow: inset 0px -1px 0px $luci-border-component-on-light-color;
    color: #ababab;
}

.dx-calendar-body table {
    border-spacing: 0px;
}

.dx-calendar-body table th {
    color: #ababab;
    text-align: center;
    font-size: 12px;
    padding: 1px 0 6px 0;
}

.dx-calendar-cell {
    text-align: center;
    padding: 1px 8px 2px;
    color: #454545;
    font-size: 15px;
    border: 1px double transparent;
    width: 39px;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-calendar-cell.dx-calendar-today {
    font-weight: bold;
}

.dx-calendar-cell.dx-state-hover {
    -webkit-box-shadow: inset 0px -1px 0px 1000px #f5f5f5;
    -moz-box-shadow: inset 0px -1px 0px 1000px #f5f5f5;
    box-shadow: inset 0px -1px 0px 1000px #f5f5f5;
    color: #454545;
}

.dx-calendar-cell.dx-calendar-other-view,
.dx-calendar-cell.dx-calendar-empty-cell {
    color: #c2c2c2;
}

.dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
.dx-calendar-cell.dx-calendar-other-view.dx-state-active,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
    color: #c2c2c2;
}

.dx-calendar-cell.dx-calendar-empty-cell {
    cursor: default;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat;
}

.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
    -webkit-box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
    -moz-box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
    box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
}

.dx-calendar-cell.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0px 0px 0px 1px #bebebe;
    -moz-box-shadow: inset 0px 0px 0px 1px #bebebe;
    box-shadow: inset 0px 0px 0px 1px #bebebe;
}

.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 0px 1000px #0067C5;
    -moz-box-shadow: inset 0px 0px 0px 1000px #0067C5;
    box-shadow: inset 0px 0px 0px 1000px #0067C5;
    font-weight: normal;
}

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    box-shadow: inset 0px 0px 0px 1px #bebebe, inset 0px 0px 0px 1000px #0067C5;
}

.dx-invalid.dx-calendar {
    border-color: rgba(255, 69, 72, 0.4);
}

.dx-invalid.dx-calendar.dx-state-focused {
    border-color: #ff4548;
}

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
    margin: 0;
}

.dx-treeview-node-loadindicator {
    top: 8px;
    left: -1px;
    width: 14px;
    height: 14px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 26px;
}

.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
    padding-left: 1px;
    padding-right: 7px;
}

.dx-treeview.dx-rtl .dx-treeview-node {
    padding-right: 15px;
}

.dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
    margin-left: 5px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
    padding-right: 36px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    right: 19px;
}

.dx-treeview.dx-rtl .dx-treeview-select-all-item {
    padding-left: 0;
    padding-right: 19px;
}

.dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
    padding-left: 0;
    padding-right: 31px;
}

.dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
    right: -4px;
}

.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
    overflow: visible;
}

.dx-treeview-search {
    margin-bottom: 5px;
}

.dx-treeview-with-search > .dx-scrollable {
    height: calc(100% -  41px);
}

.dx-treeview-border-visible {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-treeview-border-visible .dx-treeview-select-all-item {
    padding-left: 26px;
}

.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
    padding: 1px 1px 1px 7px;
}

.dx-treeview-select-all-item {
    margin: 0 0 7px 0;
    border-bottom: 1px solid $luci-border-component-on-light-color;
    padding: 9px 0 11px 20px;
}

.dx-treeview-select-all-item .dx-checkbox-text {
    padding-left: 31px;
}

.dx-treeview-node {
    padding-left: 15px;
}

.dx-state-selected > .dx-treeview-item {
    color: #454545;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #454545;
    padding-left: 36px;
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 5px;
    left: 19px;
}

.dx-treeview-item-with-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #0067C5;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #454545;
    background-color: #e6e6e6;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #0067C5;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
    color: #fff;
}

.dx-treeview-item {
    padding: 5px 6px;
    min-height: 32px;
}

.dx-treeview-item .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}

.dx-treeview-item.dx-state-hover {
    background-color: #f5f5f5;
    color: #454545;
}

.dx-treeview-toggle-item-visibility {
    font: 14px/1 DXIcons;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    color: #454545;
    width: 21px;
    height: 32px;
    top: 0;
    left: -4px;
}

.dx-treeview-toggle-item-visibility:before {
    content: '\f04e';
}

.dx-treeview-toggle-item-visibility:before {
    position: absolute;
    display: block;
    width: 22px;
    top: 50%;
    margin-top: -11px;
    left: 50%;
    margin-left: -11px;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
    font: 14px/1 DXIcons;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    content: '\f001';
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    position: absolute;
    display: block;
    width: 22px;
    top: 50%;
    margin-top: -11px;
    left: 50%;
    margin-left: -11px;
}

.dx-field {
    color: #454545;
    font-weight: normal;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.35715;
}

.dx-field input,
.dx-field textarea {
    font-family: inherit;
    line-height: 1.35715;
}

.dx-field-label {
    color: #454545;
    cursor: default;
}

.dx-field-value.dx-attention {
    color: #ff4548;
    padding-left: 28px;
}

.dx-field-value.dx-attention:before {
    pointer-events: none;
    font-weight: bold;
    background-color: #ff4548;
    color: #fff;
    content: '!';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
}

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-field-value-static {
    width: 60%;
}

.dx-field-label {
    padding: 8px 15px 9px 0;
}

.dx-field {
    min-height: 36px;
    padding: 0;
}

.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
    margin: 0;
}

.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
    float: right;
}

.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
    margin: 7px 0;
}

.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
    margin: 6px 0;
}

.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
    margin: 4px 0;
}

.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
    margin: 5px 0;
}

.dx-field-value.dx-attention {
    padding: 8px 10px 9px;
    position: relative;
    padding-left: 28px;
}

.dx-field-value.dx-attention:before {
    left: 0;
}

.dx-field-value-static {
    padding: 8px 10px 9px;
}

.dx-fieldset {
    margin: 30px 20px;
    padding: 0;
}

.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
    float: left;
}

.dx-fieldset-header {
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 18px;
}

.dx-field {
    margin: 0 0 10px 0;
}

.dx-field:last-of-type {
    margin: 0;
}

.dx-device-mobile .dx-fieldset {
    margin: 20px 15px;
    padding: 0;
}

.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
    float: left;
}

.dx-device-mobile .dx-fieldset-header {
    margin: 0 0 20px 0;
    font-weight: 500;
    font-size: 18px;
}

.dx-device-mobile .dx-field {
    margin: 0 0 10px 0;
}

.dx-device-mobile .dx-field:last-of-type {
    margin: 0;
}

.dx-tabpanel .dx-tabs {
    display: block;
    border-bottom: none;
    background-color: #f7f7f7;
}

.dx-empty-collection.dx-tabpanel .dx-tabs {
    border-top: none;
}

.dx-tabpanel .dx-tab {
    width: 140px;
}

.dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background: none;
}

.dx-tabpanel .dx-tab-selected:before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #fff;
    bottom: -1.4px;
}

.dx-tabpanel .dx-tabs-wrapper {
    display: block;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #0067C5;
}

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-top: 1px solid #0067C5;
    border-right: 1px solid #0067C5;
    border-left: 1px solid #0067C5;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #0067C5;
    bottom: -1.4px;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
    border-bottom: 1.5px solid #f7f7f7;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid $luci-border-component-on-light-color;
}

.dx-fileuploader-wrapper {
    padding: 7px;
}

.dx-fileuploader-content > .dx-fileuploader-upload-button {
    margin-left: 3px;
    margin-right: 3px;
}

.dx-fileuploader-input-wrapper {
    padding: 7px 0 7px;
    border: 3px dashed transparent;
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
    position: relative;
}

.dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
    border: none;
    padding: 0;
}

.dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
    display: none;
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    text-align: center;
}

.dx-fileuploader-dragover .dx-fileuploader-input-container {
    display: block;
    border: 3px dashed $luci-border-component-on-light-color;
    width: 100%;
}

.dx-fileuploader-dragover .dx-fileuploader-input {
    display: block;
    width: 100%;
    padding: 14px 3px;
    margin-bottom: 1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    padding: 14px 9px;
}

.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
    color: #ababab;
}

.dx-fileuploader-input {
    padding: 7px 0;
}

.dx-fileuploader-input-label {
    padding: 8px 9px;
    color: #454545;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dx-fileuploader-files-container {
    padding: 12px 3px 0;
}

.dx-fileuploader-empty .dx-fileuploader-files-container {
    padding: 0;
}

.dx-invalid .dx-fileuploader-files-container {
    padding-top: 50px;
}

.dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
    padding: 0;
}

.dx-fileuploader-file {
    padding-top: 5px;
    line-height: 13px;
}

.dx-fileuploader-file-name {
    padding-bottom: 3.5px;
    color: #454545;
}

.dx-fileuploader-file-size {
    padding-bottom: 3.5px;
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
    color: #ff4548;
}

.dx-invalid-message > .dx-overlay-content {
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
}

.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.dx-timeview {
    height: auto;
    width: auto;
}

.dx-timeview-clock {
    min-height: 199px;
    min-width: 199px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOTFweCIgaGVpZ2h0PSIxOTFweCIgdmlld0JveD0iMCAwIDE5MSAxOTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5MSAxOTEiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNOTUuNSwwQzQyLjgsMCwwLDQyLjgsMCw5NS41UzQyLjgsMTkxLDk1LjUsMTkxUzE5MSwxNDguMiwxOTEsOTUuNVMxNDguMiwwLDk1LjUsMHogTTk1LjUsMTg3LjYKCWMtNTAuODQ4LDAtOTIuMS00MS4yNS05Mi4xLTkyLjFjMC01MC44NDgsNDEuMjUyLTkyLjEsOTIuMS05Mi4xYzUwLjg1LDAsOTIuMSw0MS4yNTIsOTIuMSw5Mi4xCglDMTg3LjYsMTQ2LjM1LDE0Ni4zNSwxODcuNiw5NS41LDE4Ny42eiIvPgo8Zz4KCTxwYXRoIGZpbGw9IiM2MzYzNjMiIGQ9Ik05Mi45LDEwdjguNkg5MXYtNi41Yy0wLjEsMC4xLTAuMiwwLjItMC40LDAuM2MtMC4yLDAuMS0wLjMsMC4yLTAuNCwwLjJjLTAuMSwwLTAuMywwLjEtMC41LDAuMgoJCWMtMC4yLDAuMS0wLjMsMC4xLTAuNSwwLjF2LTEuNmMwLjUtMC4xLDAuOS0wLjMsMS40LTAuNWMwLjUtMC4yLDAuOC0wLjUsMS4yLTAuN2gxLjFWMTB6Ii8+Cgk8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNOTcuMSwxNy4xaDMuNjAydjEuNWgtNS42VjE4YzAtMC40LDAuMS0wLjgsMC4yLTEuMmMwLjEtMC40LDAuMy0wLjYsMC41LTAuOWMwLjItMC4zLDAuNS0wLjUsMC43LTAuNwoJCWMwLjItMC4yLDAuNS0wLjQsMC43LTAuNmMwLjE5OS0wLjIsMC41LTAuMywwLjYtMC41YzAuMTAyLTAuMiwwLjMwMS0wLjMsMC41LTAuNWMwLjItMC4yLDAuMi0wLjMsMC4zMDEtMC41CgkJYzAuMTAxLTAuMiwwLjEwMS0wLjMsMC4xMDEtMC41YzAtMC40LTAuMTAxLTAuNi0wLjMtMC44Yy0wLjItMC4yLTAuNC0wLjMtMC44MDEtMC4zYy0wLjY5OSwwLTEuMzk5LDAuMy0yLjEwMSwwLjl2LTEuNgoJCWMwLjctMC41LDEuNS0wLjcsMi41LTAuN2MwLjM5OSwwLDAuOCwwLjEsMS4xMDEsMC4yYzAuMzAxLDAuMSwwLjYwMSwwLjMsMC44OTksMC41YzAuMywwLjIsMC4zOTksMC41LDAuNSwwLjgKCQljMC4xMDEsMC4zLDAuMiwwLjYsMC4yLDFzLTAuMTAyLDAuNy0wLjIsMWMtMC4wOTksMC4zLTAuMywwLjYtMC41LDAuOGMtMC4yLDAuMi0wLjM5OSwwLjUtMC43LDAuN2MtMC4zLDAuMi0wLjUsMC40LTAuOCwwLjYKCQljLTAuMiwwLjEtMC4zOTksMC4zLTAuNSwwLjRzLTAuMywwLjMtMC41LDAuNHMtMC4yLDAuMy0wLjMsMC40Qzk3LjEsMTcsOTcuMSwxNyw5Ny4xLDE3LjF6Ii8+CjwvZz4KPGc+Cgk8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNMTUsOTUuNGMwLDAuNy0wLjEsMS40LTAuMiwyYy0wLjEsMC42LTAuNCwxLjEtMC43LDEuNUMxMy44LDk5LjMsMTMuNCw5OS42LDEyLjksOTkuOHMtMSwwLjMtMS41LDAuMwoJCWMtMC43LDAtMS4zLTAuMS0xLjgtMC4zdi0xLjVjMC40LDAuMywxLDAuNCwxLjYsMC40YzAuNiwwLDEuMS0wLjIsMS41LTAuN2MwLjQtMC41LDAuNS0xLjEsMC41LTEuOWwwLDAKCQlDMTIuOCw5Ni43LDEyLjMsOTYuOSwxMS41LDk2LjljLTAuMywwLTAuNy0wLjEwMi0xLTAuMmMtMC4zLTAuMTAxLTAuNS0wLjMtMC44LTAuNWMtMC4zLTAuMi0wLjQtMC41LTAuNS0wLjgKCQljLTAuMS0wLjMtMC4yLTAuNy0wLjItMWMwLTAuNCwwLjEtMC44LDAuMi0xLjJjMC4xLTAuNCwwLjMtMC43LDAuNi0wLjljMC4zLTAuMiwwLjYtMC41LDAuOS0wLjZjMC4zLTAuMSwwLjgtMC4yLDEuMi0wLjIKCQljMC41LDAsMC45LDAuMSwxLjIsMC4zYzAuMywwLjIsMC43LDAuNCwwLjksMC44czAuNSwwLjcsMC42LDEuMlMxNSw5NC44LDE1LDk1LjR6IE0xMy4xLDk0LjRjMC0wLjIsMC0wLjQtMC4xLTAuNgoJCWMtMC4xLTAuMi0wLjEtMC40LTAuMi0wLjVjLTAuMS0wLjEtMC4yLTAuMi0wLjQtMC4zYy0wLjItMC4xLTAuMy0wLjEtMC41LTAuMWMtMC4yLDAtMC4zLDAtMC40LDAuMXMtMC4zLDAuMi0wLjMsMC4zCgkJYzAsMC4xLTAuMiwwLjMtMC4yLDAuNGMwLDAuMS0wLjEsMC40LTAuMSwwLjZjMCwwLjIsMCwwLjQsMC4xLDAuNmMwLjEsMC4yLDAuMSwwLjMsMC4yLDAuNGMwLjEsMC4xLDAuMiwwLjIsMC40LDAuMwoJCWMwLjIsMC4xLDAuMywwLjEsMC41LDAuMWMwLjIsMCwwLjMsMCwwLjQtMC4xczAuMi0wLjIsMC4zLTAuM2MwLjEtMC4xLDAuMi0wLjIsMC4yLTAuNEMxMyw5NC43LDEzLjEsOTQuNiwxMy4xLDk0LjR6Ii8+CjwvZz4KPGc+Cgk8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNMTc2LDk5LjdWOTguMWMwLjYsMC40LDEuMiwwLjYwMiwyLDAuNjAyYzAuNSwwLDAuOC0wLjEwMiwxLjEtMC4zMDFjMC4zMDEtMC4xOTksMC40LTAuNSwwLjQtMC44MDEKCQljMC0wLjM5OC0wLjItMC42OTktMC41LTAuODk4Yy0wLjMtMC4yLTAuOC0wLjMwMS0xLjMtMC4zMDFoLTAuODAyVjk1aDAuNzAxYzEuMTAxLDAsMS42MDEtMC40LDEuNjAxLTEuMWMwLTAuNy0wLjQtMS0xLjMwMi0xCgkJYy0wLjYsMC0xLjEsMC4yLTEuNiwwLjV2LTEuNWMwLjYtMC4zLDEuMzAxLTAuNCwyLjEtMC40YzAuOSwwLDEuNSwwLjIsMiwwLjZzMC43MDEsMC45LDAuNzAxLDEuNWMwLDEuMS0wLjYwMSwxLjgtMS43MDEsMi4xbDAsMAoJCWMwLjYwMiwwLjEsMS4xMDIsMC4zLDEuNCwwLjZzMC41LDAuOCwwLjUsMS4zYzAsMC44MDEtMC4zLDEuNC0wLjksMS45Yy0wLjYsMC41LTEuMzk4LDAuNy0yLjM5OCwwLjcKCQlDMTc3LjIsMTAwLjEsMTc2LjUsMTAwLDE3Niw5OS43eiIvPgo8L2c+CjxnPgoJPHBhdGggZmlsbD0iIzYzNjM2MyIgZD0iTTk4LjUsMTc5LjEwMmMwLDAuMzk4LTAuMSwwLjc5OS0wLjIsMS4xOTlDOTguMiwxODAuNyw5OCwxODEsOTcuNywxODEuMnMtMC42MDEsMC41LTAuOSwwLjYwMQoJCWMtMC4zLDAuMS0wLjcsMC4xOTktMS4yLDAuMTk5Yy0wLjUsMC0wLjktMC4xLTEuMy0wLjNjLTAuNC0wLjItMC43LTAuMzk5LTAuOS0wLjhjLTAuMi0wLjQtMC41LTAuNy0wLjYtMS4yCgkJYy0wLjEtMC41LTAuMi0xLTAuMi0xLjYwMWMwLTAuNjk5LDAuMS0xLjM5OSwwLjMtMmMwLjItMC42MDEsMC40LTEuMTAxLDAuOC0xLjVjMC40LTAuMzk5LDAuNy0wLjY5OSwxLjItMWMwLjUtMC4zLDEtMC4zLDEuNi0wLjMKCQljMC42LDAsMS4yLDAuMTAxLDEuNSwwLjE5OXYxLjVjLTAuNC0wLjE5OS0wLjktMC4zOTktMS40LTAuMzk5Yy0wLjMsMC0wLjYsMC4xMDEtMC44LDAuMmMtMC4yLDAuMTAxLTAuNSwwLjMtMC43LDAuNQoJCWMtMC4yLDAuMTk5LTAuMywwLjUtMC40LDAuOGMtMC4xLDAuMzAxLTAuMiwwLjctMC4yLDEuMTAxbDAsMGMwLjQtMC42MDEsMS0wLjgsMS44LTAuOGMwLjMsMCwwLjcsMC4xLDAuOSwwLjE5OQoJCWMwLjIsMC4xMDEsMC41LDAuMzAxLDAuNywwLjVjMC4xOTksMC4yLDAuMzk4LDAuNSwwLjUsMC44MDFDOTguNSwxNzguMiw5OC41LDE3OC43LDk4LjUsMTc5LjEwMnogTTk2LjcsMTc5LjIKCQljMC0wLjg5OS0wLjQtMS4zOTktMS4xLTEuMzk5Yy0wLjIsMC0wLjMsMC0wLjUsMC4xYy0wLjIsMC4xMDEtMC4zLDAuMjAxLTAuNCwwLjMwMWMtMC4xLDAuMTAxLTAuMiwwLjE5OS0wLjIsMC40CgkJYzAsMC4xOTktMC4xLDAuMjk5LTAuMSwwLjVjMCwwLjE5OSwwLDAuMzk4LDAuMSwwLjZzMC4xLDAuMywwLjIsMC41YzAuMSwwLjE5OSwwLjIsMC4xOTksMC40LDAuM2MwLjIsMC4xMDEsMC4zLDAuMTAxLDAuNSwwLjEwMQoJCWMwLjIsMCwwLjMsMCwwLjUtMC4xMDFjMC4yLTAuMTAxLDAuMzAxLTAuMTk5LDAuMzAxLTAuM2MwLTAuMSwwLjE5OS0wLjMwMSwwLjE5OS0wLjM5OUM5Ni42LDE3OS43LDk2LjcsMTc5LjQsOTYuNywxNzkuMnoiLz4KPC9nPgo8Y2lyY2xlIGZpbGw9IiM2MzYzNjMiIGN4PSI5NSIgY3k9Ijk1IiByPSI3Ii8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
    background-size: 191px;
}

.dx-timeview-hourarrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1cHgiIGhlaWdodD0iNTdweCIgdmlld0JveD0iMCAwIDUgNTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUgNTciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNNSw1NGMwLDEuNy0xLjEsMy0yLjUsM1MwLDU1LjcsMCw1NFYzYzAtMS42LDEuMS0zLDIuNS0zUzUsMS40LDUsM1Y1NHoiLz4KPC9zdmc+Cg==);
    background-size: 5px 57px;
}

.dx-timeview-minutearrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1cHgiIGhlaWdodD0iNzlweCIgdmlld0JveD0iMCAwIDUgNzkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUgNzkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNjM2MzYzIiBkPSJNNSw3NmMwLDEuNy0xLjEsMy0yLjUsM1MwLDc3LjcsMCw3NlYzYzAtMS42LDEuMS0zLDIuNS0zUzUsMS40LDUsM1Y3NnoiLz4KPC9zdmc+Cg==);
    background-size: 5px 79px;
}

.dx-timeview-format12 {
    width: 70px;
    margin-left: 5px;
    margin-right: auto;
}

.dx-timeview-format12.dx-rtl,
.dx-rtl .dx-timeview-format12 {
    margin-left: auto;
    margin-right: 5px;
}

.dx-timeview-time-separator {
    margin: 0 5px;
}

.dx-timeview-field {
    min-height: 50px;
}

.dx-timeview-field .dx-numberbox {
    width: 70px;
}

.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
    width: 110px;
}

.dx-scheduler-pseudo-cell:before {
    content: '';
    width: 100px;
    display: table-cell;
}

.dx-scheduler-small .dx-scheduler-pseudo-cell:before {
    width: 50px;
}

.dx-scheduler-fixed-appointments {
    z-index: 100;
    position: absolute;
    left: 100px;
}

.dx-scheduler-small .dx-scheduler-fixed-appointments {
    left: 50px;
}

.dx-scheduler-header {
    position: relative;
    z-index: 1;
    width: 100%;
}

.dx-scheduler-navigator {
    float: left;
    padding-left: 10px;
    white-space: nowrap;
    min-width: 180px;
    max-width: 40%;
}

.dx-device-mobile .dx-scheduler-navigator {
    padding-left: 5px;
}

.dx-scheduler-navigator-caption {
    width: 180px;
    min-width: 108px;
    max-width: 80%;
}

.dx-device-mobile .dx-scheduler-navigator-caption {
    width: 140px;
}

.dx-calendar.dx-scheduler-navigator-calendar {
    width: 100%;
    height: 100%;
}

/* I removed scheduler */

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-form-group-caption {
    font-size: 20px;
}

.dx-form-group-with-caption .dx-form-group-content {
    padding-bottom: 20px;
}

.dx-field-item-label-text {
    color: #454545;
}

.dx-field-item-help-text {
    color: #454545;
}

.dx-field-item-required-mark {
    color: #ee6565;
}

.dx-field-item-optional-mark {
    color: #c1c1c1;
}

.dx-desktop-layout-main-menu {
    background: #0067C5;
}

.dx-desktop-layout-main-menu .dx-nav-item {
    background: #0067C5;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected {
    background: #f7f7f7;
    border-top: 1px solid $luci-border-component-on-light-color;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text {
    color: #454545;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover {
    background: #f7f7f7;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text {
    color: #454545;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover {
    background: #138eff;
}

.dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text {
    color: #ffffff;
}

.dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text {
    color: #ffffff;
}

.dx-desktop-layout-copyright {
    color: #939393;
}

.dx-desktop-layout-toolbar {
    background: #f7f7f7;
    border-bottom-color: $luci-border-component-on-light-color;
}

.dx-splitter {
    border-right-color: $luci-border-component-on-light-color;
}

.dx-filterbuilder .dx-filterbuilder-action-icon {
    margin-bottom: 9px;
}

.dx-filterbuilder .dx-filterbuilder-text,
.dx-filterbuilder .dx-filterbuilder-item-value-text {
    border-radius: 5px;
}

.dx-filterbuilder .dx-filterbuilder-range-separator {
    color: #454545;
}

.dx-filterbuilder-overlay .dx-treeview-item {
    padding: 5px 15px;
}

.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
    padding-left: 15px;
}

.dx-recurrence-editor-container {
    position: relative;
    margin-bottom: 21px;
    padding-top: 17px;
}

.dx-drawer-shader {
    background-color: rgba(0, 0, 0, 0.9);
}

.dx-card {
    border: 1px solid $luci-border-component-on-light-color;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background-color: #fff;
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border-bottom: 1px solid $luci-border-component-on-light-color;
}

.dx-htmleditor-content pre {
    color: rgba(69, 69, 69, 0.8);
}

.dx-htmleditor-content blockquote {
    color: rgba(69, 69, 69, 0.8);
    border-left-color: $luci-border-component-on-light-color;
}

.dx-rtl .dx-htmleditor-content blockquote {
    border-right-color: $luci-border-component-on-light-color;
}

.dx-htmleditor-content .dx-variable > span {
    background: rgba(0, 103, 197, 0.15);
}

.dx-htmleditor-toolbar {
    background-color: transparent;
}

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
    background-color: #e6e6e6;
}

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
    background-color: #599a32;
}

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
    background-color: #004c92;
}

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
    background-color: #ff1216;
}

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
    background-color: transparent;
}

.dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
.dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
    padding-bottom: 5px;
}

.dx-htmleditor-toolbar-separator {
    border-left-color: $luci-border-component-on-light-color;
}

.dx-htmleditor-toolbar-menu-separator {
    border-top-color: $luci-border-component-on-light-color;
}