This example creates a custom color scheme for the Web Document Viewer and End-User Report Designer. The custom color scheme is based on the "light" predefined color scheme.
This example is an ASP.NET MVC application. However, the approach used to customize the color scheme is the same for all Web platforms.
The Color Scheme Customization online demo customizes a color scheme and saves the result. Online demos are available for different platforms:
The demo produces custom styles in two files - devextreme.light.custom.css and reporting.light.custom.css. Copy these files to the application's Content folder.
- The devextreme.light.custom.css file contains changed CSS styles for DevExtreme UI widgets that reporting controls internally use.
- The reporting.light.custom.css file contains changed CSS styles (grouped by categories) that define the common appearance of reporting controls.
Specify the base color scheme with the GetStyleSheets method and link the reporting and DevExtreme CSS files to the Document Viewer and Report Designer pages.
Files to Review
Documentation
Does this example address your development requirements/objectives?
(you will be redirected to DevExpress.com to submit your response)
Example Code
WebReportingCustomColorScheme/Views/Home/Viewer.cshtml
Razor<link rel="stylesheet" href="@Url.Content("~/Content/devextreme.light.custom.css")" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/Content/reporting.light.custom.css")" type="text/css" />
@Html.DevExpress().WebDocumentViewer(settings => {
settings.Name = "WebDocumentViewer1";
}).Bind(new TestReport()).GetHtml()
WebReportingCustomColorScheme/Views/Home/Designer.cshtml
Razor<link rel="stylesheet" href="@Url.Content("~/Content/devextreme.light.custom.css")" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/Content/reporting.light.custom.css")" type="text/css" />
@Html.DevExpress().ReportDesigner(settings => {
settings.Name = "ReportDesigner1";
}).Bind(new TestReport()).GetHtml()
WebReportingCustomColorScheme/Content/devextreme.light.custom.css
CSS/**
* Generated by the DevExpress Reporting Demo
* https://demos.devexpress.com/MVCxReportDemos/WebSpecificFeatures/ColorSchemeCustomization
*/
.dx-colorview-palette-handle {
background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #ececf9 7px, #ececf9 12px, rgba(0, 0, 0, 0.2) 13px);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.dx-colorview-hue-scale-handle {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset -5px 0 0 3px #ececf9, inset 5px 0 0 3px #ececf9, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2);
}
.dx-colorview-alpha-channel-handle {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -5px 0 3px #ececf9, inset 0 5px 0 3px #ececf9, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
border-left: 1px solid #b3b3e6;
border-right: 1px solid #b3b3e6;
}
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
border-bottom: 1px solid #b3b3e6;
}
.dx-datagrid-borders > .dx-datagrid-pager,
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
border-top: 1px solid #b3b3e6;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel {
border-top-width: 0;
border-left: 1px solid #b3b3e6;
border-right: 1px solid #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.dx-datagrid {
color: #333;
background-color: #ececf9;
}
.dx-datagrid .dx-sort-up {
font: 14px/1 DXIcons;
}
.dx-datagrid .dx-sort-up:before {
content: '051';
}
.dx-datagrid .dx-sort-down {
font: 14px/1 DXIcons;
}
.dx-datagrid .dx-sort-down:before {
content: '052';
}
.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
.dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
outline: none;
}
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
outline: 2px solid #8080ff;
outline-offset: -2px;
}
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-headers .dx-header-row > td,
.dx-datagrid .dx-datagrid-headers .dx-header-filter {
outline: none;
}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
outline: 2px solid #8080ff;
outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
outline-offset: -2px;
}
.dx-datagrid .dx-header-filter {
position: relative;
color: #959595;
font: 14px/1 DXIcons;
}
.dx-datagrid .dx-header-filter:before {
content: '050';
}
.dx-datagrid .dx-header-filter-empty {
color: rgba(149, 149, 149, 0.5);
}
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
width: 14px;
height: 14px;
background-position: 0px 0px;
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: #ececf9;
}
.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-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
border-left: 2px solid #b3b3e6;
border-right: 2px solid #b3b3e6;
}
.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-rowsview .dx-header-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-rowsview .dx-header-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-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
outline: 2px solid #8080ff;
outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
outline-color: #fff;
outline-offset: 0;
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
background-color: #ececf9;
}
.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;
height: 100%;
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 {
transform: scaleX(-1);
}
.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
color: #333;
}
.dx-datagrid .dx-error-row td {
color: #fff;
padding: 0;
}
.dx-datagrid .dx-error-row .dx-error-message {
background-color: #e19093;
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: #333;
border-top: 1px solid #b3b3e6;
}
.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 {
outline: none;
}
.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
outline: 2px solid #8080ff;
outline-offset: 3px;
}
.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: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
width: 16px;
height: 16px;
background-position: 0px 0px;
background-size: 16px 16px;
padding: 0px;
font-size: 16px;
text-align: center;
line-height: 16px;
}
.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
width: 16px;
height: 16px;
background-position: 0px 0px;
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;
background-size: 21px 21px;
padding: 0px;
font-size: 21px;
text-align: center;
line-height: 21px;
}
.dx-datagrid-adaptive-more:before {
content: '06c';
}
.dx-datagrid-edit-popup .dx-error-message {
background-color: #e19093;
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-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
border-left: 2px solid #b3b3e6;
border-right: 2px solid #b3b3e6;
}
.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-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-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-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-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 {
transform: scaleX(-1);
}
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*='text-align: left']:before {
transform: scale(1);
}
.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
border-right: none;
border-left: 1px solid #b3b3e6;
}
.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
border-left: none;
border-right: 1px solid #b3b3e6;
}
.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;
}
@keyframes dx-datagrid-highlight-change {
from {
background-color: rgba(51, 51, 51, 0.08);
}
50% {
background-color: rgba(51, 51, 51, 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: #959595;
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: '051';
}
.dx-pivotgrid-fields-container .dx-sort-down {
font: 14px/1 DXIcons;
}
.dx-pivotgrid-fields-container .dx-sort-down:before {
content: '052';
}
.dx-pivotgrid-fields-container .dx-header-filter {
color: #959595;
font: 14px/1 DXIcons;
font-size: 14px;
width: 14px;
}
.dx-pivotgrid-fields-container .dx-header-filter:before {
content: '050';
}
.dx-pivotgrid-fields-container .dx-header-filter-empty {
color: rgba(149, 149, 149, 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 {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(128, 128, 255, 0.5);
}
.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
background-color: #ececf9;
margin-bottom: 4px;
border: 1px solid #b3b3e6;
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(184, 184, 233, 0.2);
}
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
color: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.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 #b3b3e6;
}
.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
border-top-width: 0;
}
.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 #b3b3e6;
}
.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 #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-area {
box-sizing: content-box;
}
.dx-pivotgrid .dx-pivotgrid-area td {
color: #959595;
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: #525252;
}
.dx-pivotgrid .dx-group-connector {
position: absolute;
width: 2px;
top: 50%;
height: 2px;
margin-top: -1px;
background-color: #b3b3e6;
}
.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: #333;
white-space: nowrap;
border-left: 1px solid #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
border-left: 0;
}
.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: 0;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
border-top: 1px solid #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
border-right: 0;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
min-width: 50px;
border-right: 1px solid #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
border-top: 0;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
border-right: 0;
}
.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
border-top: 1px solid #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.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(184, 184, 233, 0.2);
width: 24px;
padding: 0;
min-width: 24px;
}
.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
border-right: 1px solid #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
text-align: center;
border: 1px solid #b3b3e6;
}
.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: 0;
}
.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
border-top: 0;
}
.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(184, 184, 233, 0.2);
}
.dx-pivotgrid .dx-grandtotal {
background-color: #dcdcf4;
}
.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 #b3b3e6;
}
.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 #b3b3e6;
}
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
border-top: 1px solid #b3b3e6;
}
.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 #b3b3e6;
}
.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;
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: 0 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;
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: flex;
flex-grow: 1;
flex-direction: column;
}
.dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
display: flex;
flex-grow: 1;
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: flex;
flex-grow: 1;
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 #b3b3e6;
display: flex;
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(184, 184, 233, 0.2);
display: flex;
}
.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
border-color: #8080ff;
}
.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 #b3b3e6;
border-right: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
border-left: 0;
border-right: 1px solid #b3b3e6;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
border-left: 1px solid #b3b3e6;
border-right: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
border-right: 0;
border-left: 1px solid #b3b3e6;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
border-left: 0;
border-right: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
border-right: 0;
border-left: 1px solid #b3b3e6;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
border-left: 0;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
border-left: 1px solid #b3b3e6;
border-right: 0;
}
.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 {
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: 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 #b3b3e6;
}
.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 #b3b3e6;
}
.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 #b3b3e6;
border-right: 1px solid #b3b3e6;
}
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
border-bottom: 1px solid #b3b3e6;
}
.dx-treelist-borders > .dx-treelist-pager,
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-filter-panel {
border-top: 1px solid #b3b3e6;
}
.dx-treelist-borders > .dx-treelist-filter-panel {
border-top-width: 0;
border-left: 1px solid #b3b3e6;
border-right: 1px solid #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.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: #333;
background-color: #ececf9;
}
.dx-treelist-container .dx-sort-up {
font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-up:before {
content: '051';
}
.dx-treelist-container .dx-sort-down {
font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-down:before {
content: '052';
}
.dx-treelist-container .dx-treelist-headers .dx-header-row > td,
.dx-treelist-container .dx-treelist-headers .dx-header-filter {
outline: none;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
outline: 2px solid #8080ff;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
outline-offset: -2px;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
outline-offset: 2px;
}
.dx-treelist-container .dx-header-filter {
position: relative;
color: #959595;
font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-header-filter:before {
content: '050';
}
.dx-treelist-container .dx-header-filter-empty {
color: rgba(149, 149, 149, 0.5);
}
.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
width: 14px;
height: 14px;
background-position: 0px 0px;
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: #ececf9;
}
.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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
border-left: 2px solid #b3b3e6;
border-right: 2px solid #b3b3e6;
}
.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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container .dx-datagrid-rowsview .dx-header-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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container .dx-datagrid-rowsview .dx-header-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-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
outline: 2px solid #8080ff;
outline-offset: 2px;
}
.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
outline-color: #fff;
outline-offset: 0;
}
.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
background-color: #ececf9;
}
.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;
height: 100%;
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 {
transform: scaleX(-1);
}
.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
color: #333;
}
.dx-treelist-container .dx-error-row td {
color: #fff;
padding: 0;
}
.dx-treelist-container .dx-error-row .dx-error-message {
background-color: #e19093;
white-space: normal;
word-wrap: break-word;
}
.dx-treelist-filter-panel {
color: #333;
border-top: 1px solid #b3b3e6;
}
.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 {
outline: none;
}
.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
outline: 2px solid #8080ff;
}
.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: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-treelist-column-chooser input,
.dx-treelist-column-chooser textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
width: 16px;
height: 16px;
background-position: 0px 0px;
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;
background-size: 21px 21px;
padding: 0px;
font-size: 21px;
text-align: center;
line-height: 21px;
}
.dx-treelist-adaptive-more:before {
content: '06c';
}
.dx-treelist-edit-popup .dx-error-message {
background-color: #e19093;
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 #b3b3e6;
}
.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
border-left: none;
border-right: 1px solid #b3b3e6;
}
.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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-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 #b3b3e6;
border-right: 2px solid #b3b3e6;
}
.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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-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-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-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 {
transform: scaleX(-1);
}
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*='text-align: left']:before {
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;
}
@keyframes dx-treelist-highlight-change {
from {
background-color: rgba(51, 51, 51, 0.08);
}
50% {
background-color: rgba(51, 51, 51, 0.08);
}
}
.dx-treeview-node-loadindicator {
left: auto;
right: 0;
}
.dx-rtl .dx-treeview-node .dx-checkbox {
left: auto;
}
.dx-validationsummary-item {
color: #d9534f;
}
.dx-validationsummary-item-content {
border-bottom: 1px dashed;
display: inline-block;
line-height: normal;
}
.dx-invalid-message > .dx-overlay-content {
color: #fff;
background-color: #d9534f;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
background: #8080ff;
}
.dx-scheduler-win-no-touch .dx-scheduler-appointment {
touch-action: none;
}
.dx-filterbuilder {
background-color: #ececf9;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
color: #333;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
background-color: rgba(217, 83, 79, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
background-color: rgba(217, 83, 79, 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: #d9534f;
color: #FFF;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
background-color: rgba(128, 128, 255, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
background-color: rgba(128, 128, 255, 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: #8080ff;
color: #FFF;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
background-color: rgba(92, 184, 92, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
background-color: rgba(92, 184, 92, 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: #5cb85c;
color: #FFF;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
background-color: rgba(179, 179, 230, 0.5);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
background-color: rgba(179, 179, 230, 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: #b3b3e6;
color: #FFF;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
color: rgba(92, 184, 92, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
color: rgba(92, 184, 92, 0.5);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
color: #5cb85c;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
color: rgba(217, 83, 79, 0.3);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
color: rgba(217, 83, 79, 0.5);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
color: #d9534f;
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
color: #898989;
width: 14px;
height: 14px;
background-position: 0px 0px;
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 {
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 {
float: right;
}
.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-repeat-count {
width: 70px !important;
}
.dx-recurrence-repeat-end-wrapper {
padding: 0 5px;
}
.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 {
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-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
width: 100%;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
display: block;
margin-bottom: 2px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
display: block;
padding-top: 5px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
padding-top: 10px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
padding-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
left: 0;
position: inherit;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
padding-top: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
padding-bottom: 2px;
padding-top: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
margin-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
padding-top: 0;
position: static;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
margin-top: 0;
}
.dx-scheduler-recurrence-rule-item.dx-field-item {
border-top: 1px solid #b3b3e6;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
left: -90px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
left: -88px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
padding-top: 7px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
padding-top: 7px;
padding-bottom: 7px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
padding-top: 10px;
}
.dx-theme-generic-typography {
background-color: #ececf9;
color: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
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: #8080ff;
}
.dx-theme-marker {
font-family: 'dx.generic.light';
}
.dx-theme-accent-as-text-color {
color: #8080ff !important;
}
.dx-theme-text-color {
color: #333 !important;
}
.dx-theme-background-color-as-text-color {
color: #ececf9 !important;
}
.dx-theme-border-color-as-text-color {
color: #b3b3e6 !important;
}
.dx-theme-accent-as-background-color {
background-color: #8080ff !important;
fill: #8080ff !important;
}
.dx-theme-text-color-as-background-color {
background-color: #333 !important;
fill: #333 !important;
}
.dx-theme-background-color {
background-color: #ececf9 !important;
fill: #ececf9 !important;
}
.dx-theme-border-color-as-background-color {
background-color: #b3b3e6 !important;
fill: #b3b3e6 !important;
}
.dx-theme-accent-as-border-color {
border-color: #8080ff !important;
}
.dx-theme-text-color-as-border-color {
border-color: #333 !important;
}
.dx-theme-background-color-as-border-color {
border-color: #ececf9 !important;
}
.dx-theme-border-color {
border-color: #b3b3e6 !important;
}
@font-face {
font-family: 'DXIcons';
src: local('DevExtreme Generic Icons'), local('devextreme_generic_icons'), url(icons/dxicons.woff2) format('woff2'), url(icons/dxicons.woff) format('woff'), url(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: '00b';
}
.dx-icon-airplane {
font: 14px/1 DXIcons;
}
.dx-icon-airplane:before {
content: '000';
}
.dx-icon-bookmark {
font: 14px/1 DXIcons;
}
.dx-icon-bookmark:before {
content: '017';
}
.dx-icon-box {
font: 14px/1 DXIcons;
}
.dx-icon-box:before {
content: '018';
}
.dx-icon-car {
font: 14px/1 DXIcons;
}
.dx-icon-car:before {
content: '01b';
}
.dx-icon-card {
font: 14px/1 DXIcons;
}
.dx-icon-card:before {
content: '019';
}
.dx-icon-cart {
font: 14px/1 DXIcons;
}
.dx-icon-cart:before {
content: '01a';
}
.dx-icon-chart {
font: 14px/1 DXIcons;
}
.dx-icon-chart:before {
content: '01c';
}
.dx-icon-check {
font: 14px/1 DXIcons;
}
.dx-icon-check:before {
content: '005';
}
.dx-icon-clear {
font: 14px/1 DXIcons;
}
.dx-icon-clear:before {
content: '008';
}
.dx-icon-clock {
font: 14px/1 DXIcons;
}
.dx-icon-clock:before {
content: '01d';
}
.dx-icon-close {
font: 14px/1 DXIcons;
}
.dx-icon-close:before {
content: '00a';
}
.dx-icon-coffee {
font: 14px/1 DXIcons;
}
.dx-icon-coffee:before {
content: '02a';
}
.dx-icon-comment {
font: 14px/1 DXIcons;
}
.dx-icon-comment:before {
content: '01e';
}
.dx-icon-doc {
font: 14px/1 DXIcons;
}
.dx-icon-doc:before {
content: '021';
}
.dx-icon-download {
font: 14px/1 DXIcons;
}
.dx-icon-download:before {
content: '022';
}
.dx-icon-dragvertical {
font: 14px/1 DXIcons;
}
.dx-icon-dragvertical:before {
content: '038';
}
.dx-icon-edit {
font: 14px/1 DXIcons;
}
.dx-icon-edit:before {
content: '023';
}
.dx-icon-email {
font: 14px/1 DXIcons;
}
.dx-icon-email:before {
content: '024';
}
.dx-icon-event {
font: 14px/1 DXIcons;
}
.dx-icon-event:before {
content: '026';
}
.dx-icon-favorites {
font: 14px/1 DXIcons;
}
.dx-icon-favorites:before {
content: '025';
}
.dx-icon-find {
font: 14px/1 DXIcons;
}
.dx-icon-find:before {
content: '027';
}
.dx-icon-filter {
font: 14px/1 DXIcons;
}
.dx-icon-filter:before {
content: '050';
}
.dx-icon-folder {
font: 14px/1 DXIcons;
}
.dx-icon-folder:before {
content: '028';
}
.dx-icon-food {
font: 14px/1 DXIcons;
}
.dx-icon-food:before {
content: '029';
}
.dx-icon-gift {
font: 14px/1 DXIcons;
}
.dx-icon-gift:before {
content: '02b';
}
.dx-icon-globe {
font: 14px/1 DXIcons;
}
.dx-icon-globe:before {
content: '02c';
}
.dx-icon-group {
font: 14px/1 DXIcons;
}
.dx-icon-group:before {
content: '02e';
}
.dx-icon-help {
font: 14px/1 DXIcons;
}
.dx-icon-help:before {
content: '02f';
}
.dx-icon-home {
font: 14px/1 DXIcons;
}
.dx-icon-home:before {
content: '030';
}
.dx-icon-image {
font: 14px/1 DXIcons;
}
.dx-icon-image:before {
content: '031';
}
.dx-icon-info {
font: 14px/1 DXIcons;
}
.dx-icon-info:before {
content: '032';
}
.dx-icon-key {
font: 14px/1 DXIcons;
}
.dx-icon-key:before {
content: '033';
}
.dx-icon-like {
font: 14px/1 DXIcons;
}
.dx-icon-like:before {
content: '034';
}
.dx-icon-map {
font: 14px/1 DXIcons;
}
.dx-icon-map:before {
content: '035';
}
.dx-icon-menu {
font: 14px/1 DXIcons;
}
.dx-icon-menu:before {
content: '00c';
}
.dx-icon-message {
font: 14px/1 DXIcons;
}
.dx-icon-message:before {
content: '024';
}
.dx-icon-money {
font: 14px/1 DXIcons;
}
.dx-icon-money:before {
content: '036';
}
.dx-icon-music {
font: 14px/1 DXIcons;
}
.dx-icon-music:before {
content: '037';
}
.dx-icon-overflow {
font: 14px/1 DXIcons;
}
.dx-icon-overflow:before {
content: '00d';
}
.dx-icon-percent {
font: 14px/1 DXIcons;
}
.dx-icon-percent:before {
content: '039';
}
.dx-icon-photo {
font: 14px/1 DXIcons;
}
.dx-icon-photo:before {
content: '03a';
}
.dx-icon-plus {
font: 14px/1 DXIcons;
}
.dx-icon-plus:before {
content: '00b';
}
.dx-icon-preferences {
font: 14px/1 DXIcons;
}
.dx-icon-preferences:before {
content: '03b';
}
.dx-icon-product {
font: 14px/1 DXIcons;
}
.dx-icon-product:before {
content: '03c';
}
.dx-icon-pulldown {
font: 14px/1 DXIcons;
}
.dx-icon-pulldown:before {
content: '062';
}
.dx-icon-refresh {
font: 14px/1 DXIcons;
}
.dx-icon-refresh:before {
content: '03d';
}
.dx-icon-remove {
font: 14px/1 DXIcons;
}
.dx-icon-remove:before {
content: '00a';
}
.dx-icon-revert {
font: 14px/1 DXIcons;
}
.dx-icon-revert:before {
content: '04c';
}
.dx-icon-runner {
font: 14px/1 DXIcons;
}
.dx-icon-runner:before {
content: '040';
}
.dx-icon-save {
font: 14px/1 DXIcons;
}
.dx-icon-save:before {
content: '041';
}
.dx-icon-search {
font: 14px/1 DXIcons;
}
.dx-icon-search:before {
content: '027';
}
.dx-icon-tags {
font: 14px/1 DXIcons;
}
.dx-icon-tags:before {
content: '009';
}
.dx-icon-tel {
font: 14px/1 DXIcons;
}
.dx-icon-tel:before {
content: '003';
}
.dx-icon-tips {
font: 14px/1 DXIcons;
}
.dx-icon-tips:before {
content: '004';
}
.dx-icon-todo {
font: 14px/1 DXIcons;
}
.dx-icon-todo:before {
content: '005';
}
.dx-icon-toolbox {
font: 14px/1 DXIcons;
}
.dx-icon-toolbox:before {
content: '007';
}
.dx-icon-trash {
font: 14px/1 DXIcons;
}
.dx-icon-trash:before {
content: '03e';
}
.dx-icon-user {
font: 14px/1 DXIcons;
}
.dx-icon-user:before {
content: '02d';
}
.dx-icon-upload {
font: 14px/1 DXIcons;
}
.dx-icon-upload:before {
content: '006';
}
.dx-icon-floppy {
font: 14px/1 DXIcons;
}
.dx-icon-floppy:before {
content: '073';
}
.dx-icon-arrowleft {
font: 14px/1 DXIcons;
}
.dx-icon-arrowleft:before {
content: '011';
}
.dx-icon-arrowdown {
font: 14px/1 DXIcons;
}
.dx-icon-arrowdown:before {
content: '015';
}
.dx-icon-arrowright {
font: 14px/1 DXIcons;
}
.dx-icon-arrowright:before {
content: '00e';
}
.dx-icon-arrowup {
font: 14px/1 DXIcons;
}
.dx-icon-arrowup:before {
content: '013';
}
.dx-icon-spinleft {
font: 14px/1 DXIcons;
}
.dx-icon-spinleft:before {
content: '04f';
}
.dx-icon-spinright {
font: 14px/1 DXIcons;
}
.dx-icon-spinright:before {
content: '04e';
}
.dx-icon-spinnext {
font: 14px/1 DXIcons;
}
.dx-icon-spinnext:before {
content: '04e';
}
.dx-rtl .dx-icon-spinnext:before {
content: '04f';
}
.dx-icon-spinprev {
font: 14px/1 DXIcons;
}
.dx-icon-spinprev:before {
content: '04f';
}
.dx-rtl .dx-icon-spinprev:before {
content: '04e';
}
.dx-icon-spindown {
font: 14px/1 DXIcons;
}
.dx-icon-spindown:before {
content: '001';
}
.dx-icon-spinup {
font: 14px/1 DXIcons;
}
.dx-icon-spinup:before {
content: '002';
}
.dx-icon-chevronleft {
font: 14px/1 DXIcons;
}
.dx-icon-chevronleft:before {
content: '012';
}
.dx-icon-chevronright {
font: 14px/1 DXIcons;
}
.dx-icon-chevronright:before {
content: '010';
}
.dx-icon-chevronnext {
font: 14px/1 DXIcons;
}
.dx-icon-chevronnext:before {
content: '010';
}
.dx-rtl .dx-icon-chevronnext:before {
content: '012';
}
.dx-icon-chevronprev {
font: 14px/1 DXIcons;
}
.dx-icon-chevronprev:before {
content: '012';
}
.dx-rtl .dx-icon-chevronprev:before {
content: '010';
}
.dx-icon-chevrondown {
font: 14px/1 DXIcons;
}
.dx-icon-chevrondown:before {
content: '016';
}
.dx-icon-chevronup {
font: 14px/1 DXIcons;
}
.dx-icon-chevronup:before {
content: '014';
}
.dx-icon-chevrondoubleleft {
font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleleft:before {
content: '042';
}
.dx-icon-chevrondoubleright {
font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleright:before {
content: '043';
}
.dx-icon-equal {
font: 14px/1 DXIcons;
}
.dx-icon-equal:before {
content: '044';
}
.dx-icon-notequal {
font: 14px/1 DXIcons;
}
.dx-icon-notequal:before {
content: '045';
}
.dx-icon-less {
font: 14px/1 DXIcons;
}
.dx-icon-less:before {
content: '046';
}
.dx-icon-greater {
font: 14px/1 DXIcons;
}
.dx-icon-greater:before {
content: '047';
}
.dx-icon-lessorequal {
font: 14px/1 DXIcons;
}
.dx-icon-lessorequal:before {
content: '048';
}
.dx-icon-greaterorequal {
font: 14px/1 DXIcons;
}
.dx-icon-greaterorequal:before {
content: '049';
}
.dx-icon-isblank {
font: 14px/1 DXIcons;
}
.dx-icon-isblank:before {
content: '075';
}
.dx-icon-isnotblank {
font: 14px/1 DXIcons;
}
.dx-icon-isnotblank:before {
content: '076';
}
.dx-icon-sortup {
font: 14px/1 DXIcons;
}
.dx-icon-sortup:before {
content: '051';
}
.dx-icon-sortdown {
font: 14px/1 DXIcons;
}
.dx-icon-sortdown:before {
content: '052';
}
.dx-icon-sortuptext {
font: 14px/1 DXIcons;
}
.dx-icon-sortuptext:before {
content: '053';
}
.dx-icon-sortdowntext {
font: 14px/1 DXIcons;
}
.dx-icon-sortdowntext:before {
content: '054';
}
.dx-icon-sorted {
font: 14px/1 DXIcons;
}
.dx-icon-sorted:before {
content: '055';
}
.dx-icon-expand {
font: 14px/1 DXIcons;
}
.dx-icon-expand:before {
content: '04a';
}
.dx-icon-collapse {
font: 14px/1 DXIcons;
}
.dx-icon-collapse:before {
content: '04b';
}
.dx-icon-columnfield {
font: 14px/1 DXIcons;
}
.dx-icon-columnfield:before {
content: '057';
}
.dx-icon-rowfield {
font: 14px/1 DXIcons;
}
.dx-icon-rowfield:before {
content: '058';
}
.dx-icon-datafield {
font: 14px/1 DXIcons;
}
.dx-icon-datafield:before {
content: '056';
}
.dx-icon-fields {
font: 14px/1 DXIcons;
}
.dx-icon-fields:before {
content: '059';
}
.dx-icon-fieldchooser {
font: 14px/1 DXIcons;
}
.dx-icon-fieldchooser:before {
content: '05a';
}
.dx-icon-columnchooser {
font: 14px/1 DXIcons;
}
.dx-icon-columnchooser:before {
content: '04d';
}
.dx-icon-pin {
font: 14px/1 DXIcons;
}
.dx-icon-pin:before {
content: '05b';
}
.dx-icon-unpin {
font: 14px/1 DXIcons;
}
.dx-icon-unpin:before {
content: '05c';
}
.dx-icon-pinleft {
font: 14px/1 DXIcons;
}
.dx-icon-pinleft:before {
content: '05d';
}
.dx-icon-pinright {
font: 14px/1 DXIcons;
}
.dx-icon-pinright:before {
content: '05e';
}
.dx-icon-contains {
font: 14px/1 DXIcons;
}
.dx-icon-contains:before {
content: '063';
}
.dx-icon-startswith {
font: 14px/1 DXIcons;
}
.dx-icon-startswith:before {
content: '064';
}
.dx-icon-endswith {
font: 14px/1 DXIcons;
}
.dx-icon-endswith:before {
content: '065';
}
.dx-icon-doesnotcontain {
font: 14px/1 DXIcons;
}
.dx-icon-doesnotcontain:before {
content: '066';
}
.dx-icon-range {
font: 14px/1 DXIcons;
}
.dx-icon-range:before {
content: '06a';
}
.dx-icon-export {
font: 14px/1 DXIcons;
}
.dx-icon-export:before {
content: '05f';
}
.dx-icon-exportxlsx {
font: 14px/1 DXIcons;
}
.dx-icon-exportxlsx:before {
content: '060';
}
.dx-icon-exportpdf {
font: 14px/1 DXIcons;
}
.dx-icon-exportpdf:before {
content: '061';
}
.dx-icon-exportselected {
font: 14px/1 DXIcons;
}
.dx-icon-exportselected:before {
content: '06d';
}
.dx-icon-warning {
font: 14px/1 DXIcons;
}
.dx-icon-warning:before {
content: '06b';
}
.dx-icon-more {
font: 14px/1 DXIcons;
}
.dx-icon-more:before {
content: '06c';
}
.dx-icon-square {
font: 14px/1 DXIcons;
}
.dx-icon-square:before {
content: '067';
}
.dx-icon-clearsquare {
font: 14px/1 DXIcons;
}
.dx-icon-clearsquare:before {
content: '068';
}
.dx-icon-back {
font: 14px/1 DXIcons;
}
.dx-icon-back:before {
content: '012';
}
.dx-rtl .dx-icon-back:before {
content: '010';
}
.dx-icon-repeat {
font: 14px/1 DXIcons;
}
.dx-icon-repeat:before {
content: '069';
}
.dx-icon-selectall {
font: 14px/1 DXIcons;
}
.dx-icon-selectall:before {
content: '070';
}
.dx-icon-unselectall {
font: 14px/1 DXIcons;
}
.dx-icon-unselectall:before {
content: '071';
}
.dx-icon-print {
font: 14px/1 DXIcons;
}
.dx-icon-print:before {
content: '072';
}
.dx-icon-bold {
font: 14px/1 DXIcons;
}
.dx-icon-bold:before {
content: '077';
}
.dx-icon-italic {
font: 14px/1 DXIcons;
}
.dx-icon-italic:before {
content: '078';
}
.dx-icon-underline {
font: 14px/1 DXIcons;
}
.dx-icon-underline:before {
content: '079';
}
.dx-icon-strike {
font: 14px/1 DXIcons;
}
.dx-icon-strike:before {
content: '07a';
}
.dx-icon-indent {
font: 14px/1 DXIcons;
}
.dx-icon-indent:before {
content: '07b';
}
.dx-icon-fontsize {
font: 14px/1 DXIcons;
}
.dx-icon-fontsize:before {
content: '07c';
}
.dx-icon-shrinkfont {
font: 14px/1 DXIcons;
}
.dx-icon-shrinkfont:before {
content: '07d';
}
.dx-icon-growfont {
font: 14px/1 DXIcons;
}
.dx-icon-growfont:before {
content: '07e';
}
.dx-icon-color {
font: 14px/1 DXIcons;
}
.dx-icon-color:before {
content: '07f';
}
.dx-icon-background {
font: 14px/1 DXIcons;
}
.dx-icon-background:before {
content: '080';
}
.dx-icon-superscript {
font: 14px/1 DXIcons;
}
.dx-icon-superscript:before {
content: '081';
}
.dx-icon-subscript {
font: 14px/1 DXIcons;
}
.dx-icon-subscript:before {
content: '082';
}
.dx-icon-header {
font: 14px/1 DXIcons;
}
.dx-icon-header:before {
content: '083';
}
.dx-icon-blockquote {
font: 14px/1 DXIcons;
}
.dx-icon-blockquote:before {
content: '084';
}
.dx-icon-formula {
font: 14px/1 DXIcons;
}
.dx-icon-formula:before {
content: '056';
}
.dx-icon-codeblock {
font: 14px/1 DXIcons;
}
.dx-icon-codeblock:before {
content: '085';
}
.dx-icon-orderedlist {
font: 14px/1 DXIcons;
}
.dx-icon-orderedlist:before {
content: '086';
}
.dx-icon-bulletlist {
font: 14px/1 DXIcons;
}
.dx-icon-bulletlist:before {
content: '087';
}
.dx-icon-increaseindent {
font: 14px/1 DXIcons;
}
.dx-icon-increaseindent:before {
content: '088';
}
.dx-icon-decreaseindent {
font: 14px/1 DXIcons;
}
.dx-icon-decreaseindent:before {
content: '089';
}
.dx-icon-alignleft {
font: 14px/1 DXIcons;
}
.dx-icon-alignleft:before {
content: '08a';
}
.dx-icon-alignright {
font: 14px/1 DXIcons;
}
.dx-icon-alignright:before {
content: '08b';
}
.dx-icon-aligncenter {
font: 14px/1 DXIcons;
}
.dx-icon-aligncenter:before {
content: '08c';
}
.dx-icon-alignjustify {
font: 14px/1 DXIcons;
}
.dx-icon-alignjustify:before {
content: '08d';
}
.dx-icon-link {
font: 14px/1 DXIcons;
}
.dx-icon-link:before {
content: '08e';
}
.dx-icon-video {
font: 14px/1 DXIcons;
}
.dx-icon-video:before {
content: '08f';
}
.dx-icon-mention {
font: 14px/1 DXIcons;
}
.dx-icon-mention:before {
content: '090';
}
.dx-icon-variable {
font: 14px/1 DXIcons;
}
.dx-icon-variable:before {
content: '091';
}
.dx-icon-clearformat {
font: 14px/1 DXIcons;
}
.dx-icon-clearformat:before {
content: '092';
}
.dx-icon-undo {
font: 14px/1 DXIcons;
}
.dx-icon-undo:before {
content: '04c';
}
.dx-rtl .dx-icon-undo:before {
content: '093';
}
.dx-icon-redo {
font: 14px/1 DXIcons;
}
.dx-icon-redo:before {
content: '093';
}
.dx-rtl .dx-icon-redo:before {
content: '04c';
}
.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
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: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-widget input,
.dx-widget textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-state-disabled.dx-widget,
.dx-state-disabled .dx-widget {
opacity: 0.5;
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: #8080ff;
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: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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 .dx-icon.dx-icon-right {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-button .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-has-icon .dx-button-content {
padding: 8px;
}
.dx-button-has-icon .dx-icon {
color: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-icon .dx-icon.dx-icon-right {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-has-text .dx-button-content {
padding: 7px 18px 8px;
}
.dx-button-has-text .dx-icon {
color: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-has-text .dx-icon.dx-icon-right {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-button-back .dx-button-content {
padding: 8px;
}
.dx-button-back .dx-icon {
color: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-icon.dx-icon-right {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button-back .dx-icon.dx-icon-right,
.dx-rtl.dx-button-back .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-back .dx-button-text {
display: none;
}
.dx-button {
border-radius: 4px;
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: #ececf9;
border-color: #b3b3e6;
color: #333;
}
.dx-button-mode-contained .dx-icon {
color: #333;
}
.dx-button-mode-contained.dx-state-hover {
background-color: #c5c5ed;
border-color: #b3b3e6;
}
.dx-button-mode-contained.dx-state-focused {
background-color: #b2b2e7;
border-color: #b3b3e6;
}
.dx-button-mode-contained.dx-state-active {
background-color: #9e9ee1;
border-color: #b3b3e6;
color: #333;
}
.dx-button-mode-contained.dx-button-danger {
background-color: #d9534f;
border-color: transparent;
color: #fff;
}
.dx-button-mode-contained.dx-button-danger .dx-icon {
color: #fff;
}
.dx-button-mode-contained.dx-button-danger.dx-state-hover {
background-color: #c9302c;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-focused {
background-color: #b52b27;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-active {
background-color: #a02622;
border-color: transparent;
color: #fff;
}
.dx-button-mode-contained.dx-button-success {
background-color: #5cb85c;
border-color: transparent;
color: #fff;
}
.dx-button-mode-contained.dx-button-success .dx-icon {
color: #fff;
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
background-color: #449d44;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused {
background-color: #3d8b3d;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-active {
background-color: #357935;
border-color: transparent;
color: #fff;
}
.dx-button-mode-contained.dx-button-default {
background-color: #8080ff;
border-color: transparent;
color: #fff;
}
.dx-button-mode-contained.dx-button-default .dx-icon {
color: #fff;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover {
background-color: #4d4dff;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-focused {
background-color: #3333ff;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-active {
background-color: #1a1aff;
border-color: transparent;
color: #fff;
}
.dx-button-mode-outlined {
background-color: transparent;
border-color: #b3b3e6;
color: #333;
}
.dx-button-mode-outlined .dx-icon {
color: #333;
}
.dx-button-mode-outlined.dx-state-hover {
background-color: rgba(179, 179, 230, 0.1);
border-color: #b3b3e6;
}
.dx-button-mode-outlined.dx-state-focused {
background-color: rgba(179, 179, 230, 0.2);
border-color: #b3b3e6;
}
.dx-button-mode-outlined.dx-state-active {
background-color: rgba(179, 179, 230, 0.3);
border-color: #b3b3e6;
color: #333;
}
.dx-button-mode-outlined.dx-button-danger {
background-color: transparent;
border-color: #d43f3a;
color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-danger .dx-icon {
color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
background-color: rgba(212, 63, 58, 0.1);
border-color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-focused {
background-color: rgba(212, 63, 58, 0.2);
border-color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
background-color: rgba(212, 63, 58, 0.3);
border-color: #d43f3a;
color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-success {
background-color: transparent;
border-color: #4cae4c;
color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-success .dx-icon {
color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
background-color: rgba(76, 174, 76, 0.1);
border-color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-success.dx-state-focused {
background-color: rgba(76, 174, 76, 0.2);
border-color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
background-color: rgba(76, 174, 76, 0.3);
border-color: #4cae4c;
color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-default {
background-color: transparent;
border-color: #6666ff;
color: #6666ff;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
color: #6666ff;
}
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
background-color: rgba(102, 102, 255, 0.1);
border-color: #6666ff;
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused {
background-color: rgba(102, 102, 255, 0.2);
border-color: #6666ff;
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
background-color: rgba(102, 102, 255, 0.3);
border-color: #6666ff;
color: #6666ff;
}
.dx-button-mode-text {
background-color: transparent;
border-color: transparent;
color: #333;
}
.dx-button-mode-text .dx-icon {
color: #333;
}
.dx-button-mode-text.dx-state-hover {
background-color: rgba(51, 51, 51, 0.1);
border-color: transparent;
}
.dx-button-mode-text.dx-state-focused {
background-color: rgba(51, 51, 51, 0.2);
border-color: transparent;
}
.dx-button-mode-text.dx-state-active {
background-color: rgba(51, 51, 51, 0.3);
border-color: transparent;
color: #333;
}
.dx-button-mode-text.dx-button-danger {
background-color: transparent;
border-color: transparent;
color: #d43f3a;
}
.dx-button-mode-text.dx-button-danger .dx-icon {
color: #d43f3a;
}
.dx-button-mode-text.dx-button-danger.dx-state-hover {
background-color: rgba(212, 63, 58, 0.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-danger.dx-state-focused {
background-color: rgba(212, 63, 58, 0.2);
border-color: transparent;
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
background-color: rgba(212, 63, 58, 0.3);
border-color: transparent;
color: #d43f3a;
}
.dx-button-mode-text.dx-button-success {
background-color: transparent;
border-color: transparent;
color: #4cae4c;
}
.dx-button-mode-text.dx-button-success .dx-icon {
color: #4cae4c;
}
.dx-button-mode-text.dx-button-success.dx-state-hover {
background-color: rgba(76, 174, 76, 0.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-success.dx-state-focused {
background-color: rgba(76, 174, 76, 0.2);
border-color: transparent;
}
.dx-button-mode-text.dx-button-success.dx-state-active {
background-color: rgba(76, 174, 76, 0.3);
border-color: transparent;
color: #4cae4c;
}
.dx-button-mode-text.dx-button-default {
background-color: transparent;
border-color: transparent;
color: #6666ff;
}
.dx-button-mode-text.dx-button-default .dx-icon {
color: #6666ff;
}
.dx-button-mode-text.dx-button-default.dx-state-hover {
background-color: rgba(102, 102, 255, 0.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-default.dx-state-focused {
background-color: rgba(102, 102, 255, 0.2);
border-color: transparent;
}
.dx-button-mode-text.dx-button-default.dx-state-active {
background-color: rgba(102, 102, 255, 0.3);
border-color: transparent;
color: #6666ff;
}
.dx-button-normal.dx-state-hover .dx-button-content,
.dx-button-back.dx-state-hover .dx-button-content {
background-color: transparent;
border-radius: 4px;
}
.dx-texteditor-buttons-container > .dx-button {
margin: 1px 1px;
}
.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
padding-top: 5px;
padding-bottom: 6px;
}
.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
margin-right: 0;
}
.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
margin-left: 0;
}
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
margin-left: 1px;
margin-right: 1px;
}
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
margin-left: 0;
margin-right: 1px;
}
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
margin-left: 0;
margin-right: 1px;
}
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
margin-left: 1px;
margin-right: 0;
}
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
margin-left: 1px;
margin-right: 1px;
}
.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
margin-left: 0;
}
.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
margin-right: 0;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
margin-left: 1px;
margin-right: 0;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
margin-left: 0;
margin-right: 1px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child:last-child {
margin-left: 0;
margin-right: 0;
}
.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 {
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 {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.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 {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.dx-button-mode-text.dx-buttongroup-first-item {
margin-left: 0;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled {
opacity: 1;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content {
opacity: 0.6;
}
.dx-buttongroup-item.dx-button.dx-state-focused {
background-color: rgba(51, 51, 51, 0.04);
}
.dx-buttongroup-item.dx-button.dx-state-hover {
background-color: rgba(51, 51, 51, 0.04);
}
.dx-buttongroup-item.dx-button.dx-item-selected {
background-color: #c5c5ed;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
background-color: #449d44;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
background-color: #4d4dff;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
background-color: #c9302c;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal,
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-normal .dx-icon {
color: #333;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success .dx-icon {
color: #fff;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default .dx-icon {
color: #fff;
}
.dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.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 {
border-radius: 0 4px 4px 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 {
border-radius: 4px 0 0 4px;
}
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
border-radius: 4px;
}
.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;
transition: opacity 0s linear;
}
.dx-scrollable-scroll.dx-state-invisible {
opacity: 0;
transition: opacity 0.5s linear 1s;
}
.dx-scrollable-scroll-content {
width: 100%;
height: 100%;
background-color: rgba(139, 139, 218, 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(139, 139, 218, 0.2);
}
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
background-color: #8b8bda;
}
.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;
transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
transition: box-shadow 0.5s linear 1s, background-color 0.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;
transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
transition: box-shadow 0.5s linear 1s, background-color 0.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 .dx-scrollable-container {
-ms-scrollbar-base-color: #32329f;
-ms-scrollbar-arrow-color: #32329f;
-ms-scrollbar-shadow-color: #ececf9;
-ms-scrollbar-track-color: #ececf9;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal {
height: 19px;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical {
width: 19px;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar {
background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb {
background-color: #32329f;
border-right: 2px solid transparent;
border-left: 1px solid transparent;
background-clip: content-box;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track {
background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner {
background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button {
background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-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 .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat;
background-position: center;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat;
background-position: 3px 5px;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-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: #ececf9;
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: #d6d6f1;
background-color: #ececf9;
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
border: 1px solid #4343ff;
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon {
border: 1px solid #8080ff;
}
.dx-checkbox.dx-state-active .dx-checkbox-icon {
background-color: rgba(40, 40, 126, 0.2);
}
.dx-checkbox-icon {
width: 22px;
height: 22px;
border-radius: 2px;
border: 1px solid #b3b3e6;
background-color: #ececf9;
}
.dx-checkbox-checked .dx-checkbox-icon {
font: 14px/1 DXIcons;
color: #8080ff;
font-size: 16px;
text-align: center;
line-height: 16px;
}
.dx-checkbox-checked .dx-checkbox-icon:before {
content: '005';
}
.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: #8080ff;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.dx-checkbox-indeterminate .dx-checkbox-icon:before {
content: '067';
}
.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(217, 83, 79, 0.4);
}
.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
border-color: #d9534f;
}
.dx-switch {
width: 44px;
height: 24px;
}
.dx-switch.dx-state-readonly .dx-switch-container {
border-color: #d6d6f1;
background-color: #ececf9;
}
.dx-switch.dx-state-active .dx-switch-handle:before {
background-color: #2929ff;
}
.dx-switch.dx-state-active .dx-switch-container {
border-color: #8080ff;
background-color: rgba(40, 40, 126, 0.2);
}
.dx-switch.dx-state-hover .dx-switch-handle:before {
background-color: #8080ff;
}
.dx-switch.dx-state-hover .dx-switch-container {
background-color: transparent;
border-color: #8080ff;
}
.dx-switch.dx-state-focused .dx-switch-container {
border-color: #8080ff;
}
.dx-switch.dx-state-focused .dx-switch-handle:before {
background-color: #8080ff;
}
.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
background-color: #2929ff;
}
.dx-switch-container {
overflow: hidden;
margin: 0 -6px 0 0;
padding: 0 2px;
height: 24px;
border: 1px solid #b3b3e6;
background: #ececf9;
border-radius: 2px;
}
.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;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.dx-switch-off {
padding-left: 2px;
color: #999999;
}
.dx-switch-on {
color: #333;
}
.dx-switch-handle {
position: relative;
float: left;
flex-basis: 14px;
flex-shrink: 0;
width: 14px;
height: 18px;
margin-top: 2px;
box-sizing: border-box;
}
.dx-switch-handle:before {
display: block;
content: ' ';
width: 100%;
height: 100%;
background-color: #cdcdff;
border-radius: 2px;
}
.dx-switch-on-value .dx-switch-handle:before {
background-color: #8080ff;
}
.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 #b3b3e6;
}
.dx-tabs-scrollable {
margin: -1px;
height: calc(100% + 2px);
}
.dx-tabs-scrollable .dx-tabs-wrapper {
border: 1px solid #b3b3e6;
}
.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
border-left: 1px solid #e0e0f5;
border-right: 1px solid #e0e0f5;
}
.dx-tabs-nav-button {
border: none;
background-color: #e0e0f5;
border-radius: 0;
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: #e0e0f5;
color: #333;
}
.dx-tab .dx-icon {
color: #333;
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-icon.dx-icon-right {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-tab .dx-icon.dx-icon-right,
.dx-rtl.dx-tab .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-tab.dx-state-hover {
background-color: #ececf9;
}
.dx-tab.dx-state-active {
background-color: rgba(36, 36, 115, 0.2);
color: #333;
}
.dx-tab.dx-state-focused:after {
content: '';
pointer-events: none;
position: absolute;
top: -1px;
bottom: -1px;
right: -1px;
left: -1px;
border-right: 1px solid #8080ff;
border-left: 1px solid #8080ff;
border-top: 1px solid #8080ff;
border-bottom: 1px solid #8080ff;
z-index: 1;
}
.dx-tab.dx-tab-selected {
background-color: #ececf9;
color: #333;
}
.dx-tab-selected:after {
content: '';
pointer-events: none;
position: absolute;
top: -1px;
bottom: -1px;
right: -1px;
left: -1px;
border-right: 1px solid #b3b3e6;
border-left: 1px solid #b3b3e6;
border-top: none;
border-bottom: none;
z-index: 1;
}
.dx-tab-selected .dx-icon {
color: #333;
}
.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
border-left: 1px solid #e0e0f5;
}
.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
border-left: 1px solid #b3b3e6;
border-right: 1px solid #e0e0f5;
}
.dx-tab-text {
vertical-align: middle;
line-height: 25px;
}
.dx-state-disabled.dx-tabs {
opacity: 1;
}
.dx-state-disabled .dx-tab-content {
opacity: 0.3;
}
.dx-navbar {
padding: 0;
border: none;
}
.dx-nav-item,
.dx-rtl .dx-nav-item {
background: #e0e0f5;
}
.dx-nav-item .dx-tab-text,
.dx-rtl .dx-nav-item .dx-tab-text {
line-height: normal;
color: #333;
}
.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
width: 31px;
height: 31px;
background-position: 0px 0px;
background-size: 31px 31px;
padding: 0px;
font-size: 31px;
text-align: center;
line-height: 31px;
color: #333;
}
.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: #ececf9;
}
.dx-nav-item.dx-tab-selected .dx-tab-text,
.dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text,
.dx-nav-item.dx-tab-selected .dx-icon,
.dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
color: #333;
}
.dx-nav-item.dx-state-active,
.dx-rtl .dx-nav-item.dx-state-active {
border: none;
box-shadow: none;
}
.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
box-shadow: inset 0 0 0 1px #8080ff;
}
.dx-nav-item.dx-state-disabled .dx-icon,
.dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
opacity: 0.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: #ececf9;
border: 1px solid #b3b3e6;
border-radius: 4px;
}
.dx-texteditor.dx-editor-underlined {
background: transparent;
border-bottom: 1px solid #b3b3e6;
border-radius: 0;
}
.dx-texteditor.dx-editor-filled {
background: rgba(51, 51, 51, 0.05);
border: 1px solid transparent;
border-radius: 4px;
}
.dx-texteditor.dx-state-readonly {
border-style: dashed;
}
.dx-texteditor.dx-state-readonly.dx-editor-filled {
border-color: transparent;
background-color: rgba(51, 51, 51, 0.03);
}
.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
background-color: rgba(51, 51, 51, 0.03);
}
.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
background-color: rgba(128, 128, 255, 0.07);
}
.dx-texteditor.dx-state-readonly.dx-editor-underlined {
border-style: none;
border-bottom-style: dashed;
}
.dx-texteditor.dx-state-hover {
border-color: rgba(128, 128, 255, 0.4);
}
.dx-texteditor.dx-state-hover.dx-editor-filled {
border-color: transparent;
background-color: rgba(128, 128, 255, 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: #8080ff;
}
.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-input-container:after {
right: 4px;
}
.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
left: 4px;
right: auto;
}
.dx-show-clear-button .dx-clear-button-area {
width: 34px;
min-width: 34px;
right: 0;
}
.dx-show-clear-button .dx-icon-clear {
color: #999999;
position: absolute;
top: 50%;
margin-top: -17px;
width: 34px;
height: 34px;
background-position: 8px 8px;
background-size: 18px 18px;
padding: 8px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-placeholder {
color: #999999;
}
.dx-placeholder:before {
padding: 7px 9px 8px;
}
.dx-editor-underlined .dx-placeholder:before {
padding-left: 0;
}
.dx-texteditor-input {
margin: 0;
padding: 7px 9px 8px;
background: #ececf9;
color: #333;
font-size: 1em;
border-radius: 4px;
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-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
padding-left: 9px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
padding-left: 0;
padding-right: 9px;
}
.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
left: 9px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
left: 0;
right: 9px;
}
.dx-invalid.dx-texteditor {
border-color: rgba(217, 83, 79, 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: #d9534f;
}
.dx-invalid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after,
.dx-invalid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
pointer-events: none;
font-weight: bold;
background-color: #d9534f;
color: #fff;
content: '!';
position: absolute;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 13px;
}
.dx-invalid.dx-texteditor.dx-editor-filled {
background-color: rgba(217, 83, 79, 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;
background-size: 18px 18px;
padding: 8px;
font-size: 18px;
text-align: center;
line-height: 18px;
font-size: 17px;
color: #999999;
}
.dx-searchbox .dx-icon-search:before {
content: '027';
}
.dx-searchbox .dx-icon-search:before {
position: static;
text-indent: 0;
color: #999999;
}
.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;
min-width: 34px;
padding: 1px;
border-radius: 4px;
}
.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: #333;
font: 14px/1 DXIcons;
width: 32px;
height: 100%;
font-size: 18px;
text-align: center;
line-height: 18px;
border-radius: 3px;
}
.dx-dropdowneditor-icon:before {
content: '001';
}
.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;
min-width: 30px;
}
.dx-dropdowneditor-button-visible .dx-texteditor-input {
padding-right: 0;
}
.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
padding-right: 9px;
padding-left: 0;
}
.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-texteditor-input {
padding-right: 26px;
}
.dx-invalid.dx-rtl .dx-texteditor-input {
padding-right: 9px;
padding-left: 26px;
}
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
background-color: #c5c5ed;
border-color: transparent;
}
.dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
background-color: rgba(128, 128, 255, 0.2);
}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
background-color: #7878d4;
border-color: transparent;
color: #333;
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(128, 128, 255, 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(217, 83, 79, 0.2);
}
.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
background-color: rgba(217, 83, 79, 0.3);
}
.dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
background-color: rgba(217, 83, 79, 0.3);
}
.dx-list-item-chevron {
transform: rotate(0);
border: none;
opacity: 1;
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
margin-left: -5px;
color: #333;
}
.dx-rtl .dx-list-item-chevron {
transform: rotate(0);
}
.dx-list-item-chevron:before {
content: '010';
}
.dx-rtl .dx-list-item-chevron:before {
content: '012';
}
.dx-list-item-icon-container {
width: 28px;
}
.dx-list-item-icon {
width: 18px;
height: 18px;
background-position: 0px 0px;
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-select-all.dx-state-hover .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
border-color: #4343ff;
}
.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-select-all.dx-state-focused .dx-radiobutton-icon:before,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
border: 1px solid #8080ff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
background-color: #dcdcf4;
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
background-color: #c5c5ed;
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
background-color: #dcdcf4;
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
background-color: #8080ff;
color: #fff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
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(128, 128, 255, 0.7);
color: #fff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
background-color: #8080ff;
color: #fff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
color: #fff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
background-color: #8080ff;
color: #fff;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
color: #333;
}
.dx-list-group-header {
font-weight: bold;
padding: 20px 10px 10px 10px;
border-top: 1px solid #b3b3e6;
border-bottom: 2px solid #b3b3e6;
background: rgba(211, 211, 241, 0.05);
color: #333;
}
.dx-list-group:first-of-type .dx-list-group-header {
border-top: none;
}
.dx-list-group-header:before {
border-top-color: #333;
}
.dx-list-group-collapsed .dx-list-group-header:before {
border-bottom-color: #333;
}
.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==);
background-size: 100%;
}
.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
color: #959595;
background: #ececf9;
border-top: 1px solid rgba(128, 128, 255, 0.5);
border-bottom: 1px solid rgba(128, 128, 255, 0.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-list-item,
.dx-list .dx-empty-message {
border-top: 1px solid #b3b3e6;
color: #333;
}
.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: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-next-button .dx-button .dx-icon.dx-icon-right {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-list-item-chevron-container {
width: 16px;
}
.dx-list-border-visible {
border: 1px solid #b3b3e6;
}
.dx-list-border-visible .dx-list-select-all {
border-bottom: 1px solid #b3b3e6;
}
.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;
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 0 -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;
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: '038';
}
.dx-list-slide-menu-button {
bottom: 1px;
}
.dx-list-slide-menu-button-delete {
border: 1px solid transparent;
color: #fff;
background-color: #d9534f;
}
.dx-list-slide-menu-button-menu {
border: 1px solid transparent;
color: #fff;
background-color: #8080ff;
}
.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: #ececf9;
border: 1px solid #b3b3e6;
border-radius: 0;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
background-color: transparent;
opacity: 0.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-select-all.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,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon {
border-color: #4343ff;
}
.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-select-all.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,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon {
border: 1px solid #8080ff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
background-color: #dcdcf4;
color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
background-color: #c5c5ed;
color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
color: #333;
}
.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: #dcdcf4;
color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
background-color: #8080ff;
color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
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(128, 128, 255, 0.7);
color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
background-color: #8080ff;
color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
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: #8080ff;
color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
color: #333;
}
.dx-device-mobile .dx-list-group-header {
font-weight: bold;
padding: 20px 15px 10px 15px;
border-top: 1px solid #b3b3e6;
border-bottom: 2px solid #b3b3e6;
background: rgba(211, 211, 241, 0.05);
color: #333;
}
.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: #333;
}
.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
border-bottom-color: #333;
}
.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==);
background-size: 100%;
}
.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
color: #959595;
background: #ececf9;
border-top: 1px solid rgba(128, 128, 255, 0.5);
border-bottom: 1px solid rgba(128, 128, 255, 0.5);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 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 #b3b3e6;
color: #333;
}
.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: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-next-button .dx-button .dx-icon.dx-icon-right {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-device-mobile .dx-list-item-chevron-container {
width: 21px;
}
.dx-device-mobile .dx-list-border-visible {
border: 1px solid #b3b3e6;
}
.dx-device-mobile .dx-list-border-visible .dx-list-select-all {
border-bottom: 1px solid #b3b3e6;
}
.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;
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 0 -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;
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: '038';
}
.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: #d9534f;
}
.dx-device-mobile .dx-list-slide-menu-button-menu {
border: 1px solid transparent;
color: #fff;
background-color: #8080ff;
}
.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: #ececf9;
border: 1px solid #b3b3e6;
border-radius: 0;
box-shadow: 0 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: 0.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;
border-radius: 4px;
}
.dx-numberbox-spin-up-icon {
font: 14px/1 DXIcons;
color: #333;
}
.dx-numberbox-spin-up-icon:before {
content: '002';
}
.dx-numberbox-spin-down-icon {
font: 14px/1 DXIcons;
color: #333;
}
.dx-numberbox-spin-down-icon:before {
content: '001';
}
.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
font-size: 18px;
text-align: center;
line-height: 18px;
border-radius: 3px;
}
.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-button {
background-color: #ececf9;
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 {
box-shadow: 0 0 0 1px transparent inset;
background-color: #c5c5ed;
}
.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: #7878d4;
color: #333;
}
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
width: 74px;
border-left: none;
}
.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 .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;
border-radius: 3px;
}
.dx-datebox-calendar .dx-dropdowneditor-icon:before {
content: '026';
}
.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: #ececf9;
}
.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;
border-radius: 3px;
}
.dx-datebox-list .dx-dropdowneditor-icon:before {
content: '01d';
}
.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: 0;
}
.dx-datebox input[type='date'] {
line-height: normal;
}
.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
padding-right: 26px;
}
.dx-datebox.dx-auto-width.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-rtl .dx-texteditor-input {
padding-right: 9px;
padding-left: 26px;
}
.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 {
transition: font-size 0.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: #333;
}
.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: #333;
}
.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 {
backface-visibility: hidden;
content: '';
display: block;
width: 100%;
position: absolute;
height: 71px;
}
.dx-dateview-item-selected-frame:before {
top: -71px;
border-bottom: 1px solid #b3b3e6;
background-repeat: no-repeat;
background-image: linear-gradient(0deg, rgba(236, 236, 249, 0) 0%, rgba(236, 236, 249, 0.8) 60%);
}
.dx-dateview-item-selected-frame:after {
top: 40px;
border-top: 1px solid #b3b3e6;
background-repeat: no-repeat;
background-image: linear-gradient(180deg, rgba(236, 236, 249, 0) 0%, rgba(236, 236, 249, 0.8) 60%);
}
.dx-device-tablet .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers,
.dx-dateview-compact .dx-dateview-rollers {
display: flex;
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: #ececf9;
color: #333;
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: #ececf9;
}
.dx-toolbar-menu-section {
border-bottom: 1px solid #b3b3e6;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide .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: #333;
width: 18px;
height: 18px;
background-position: 0px 0px;
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-text-auto-hide .dx-button .dx-icon.dx-icon-right {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-toolbar .dx-tab {
padding: 4px;
}
.dx-tile {
color: #333;
background-color: #ececf9;
border: 1px solid rgba(179, 179, 230, 0.6);
text-align: left;
}
.dx-tile.dx-state-focused,
.dx-tile.dx-state-hover {
background-color: #ececf9;
border-color: rgba(128, 128, 255, 0.4);
}
.dx-tile.dx-state-active {
background-color: rgba(40, 40, 126, 0.2);
color: #333;
border-color: transparent;
}
.dx-overlay-shader {
background-color: rgba(236, 236, 249, 0.8);
}
.dx-overlay-wrapper {
color: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
border: 1px solid #b3b3e6;
}
.dx-toast-content {
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 32px;
padding: 10px;
box-shadow: 0 2px 3px 0 transparent;
border-radius: 6px;
}
.dx-toast-icon {
width: 35px;
height: 35px;
}
.dx-toast-info {
background-color: #8080ff;
}
.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: #f0ad4e;
}
.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: #d9534f;
}
.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: #5cb85c;
}
.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 #b3b3e6;
background: #ececf9;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-radius: 6px;
}
.dx-popup-wrapper > .dx-popup-fullscreen {
border-radius: 0;
}
.dx-popup-title {
position: relative;
padding: 6px 20px;
min-height: 28px;
border-bottom: 1px solid #b3b3e6;
background: transparent;
color: #333;
}
.dx-popup-title.dx-toolbar {
padding: 6px 20px;
overflow: visible;
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;
border-radius: 4px;
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 {
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;
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;
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: #333;
}
.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: 180px;
padding: 20px;
}
.dx-dialog-message {
padding: 0;
}
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
background: #ececf9;
}
.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: #ececf9;
}
.dx-popover-arrow:after {
border: 1px solid #b3b3e6;
}
.dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
padding-right: 15px;
padding-left: 0;
}
.dx-progressbar-container {
height: 6px;
border: 1px solid #b3b3e6;
background-color: #b8b8e8;
border-radius: 2px;
}
.dx-progressbar-range {
position: relative;
border: 1px solid #8080ff;
background-color: #8080ff;
margin-top: -1px;
box-sizing: content-box;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.dx-progressbar-animating-container {
height: 6px;
background-color: #b8b8e8;
background-size: 90% 5px;
border: 1px solid #b3b3e6;
border-radius: 2px;
animation: loader 2s linear infinite;
background-repeat: no-repeat;
background-image: linear-gradient(-90deg, transparent 5%, #8080ff, transparent 95%);
background-repeat: repeat;
}
.dx-state-disabled .dx-progressbar-range {
background-color: rgba(128, 128, 255, 0.6);
}
.dx-state-disabled .dx-progressbar-animating-container {
animation: none;
background-position-x: 45%;
}
.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
animation: loader-rtl 2s linear infinite;
background-repeat: no-repeat;
background-image: linear-gradient(-90deg, transparent 5%, #8080ff, transparent 95%);
background-repeat: repeat;
}
@keyframes loader {
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 #b3b3e6;
background-color: #ececf9;
color: #333;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
border: 1px solid #b3b3e6;
background: #ececf9;
}
.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
box-shadow: none;
}
.dx-slider .dx-state-active.dx-slider-handle {
border: 1px solid #ececf9;
background: #2929ff;
}
.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active) {
border: 1px solid #ececf9;
background: #4d4dff;
}
.dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
border: 1px solid #ececf9;
background: #4d4dff;
}
.dx-slider-wrapper {
height: 28px;
}
.dx-slider-bar {
margin: 14px 7px;
height: 4px;
background: #b3b3e6;
border-radius: 2px;
}
.dx-slider-range {
border: 1px solid transparent;
height: 2px;
box-sizing: content-box;
}
.dx-slider-range.dx-slider-range-visible {
border: 1px solid #8080ff;
background: #8080ff;
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 #ececf9;
background-color: #8080ff;
border-radius: 3px;
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: 0.5;
}
.dx-invalid .dx-slider-handle {
background-color: #d9534f;
}
.dx-invalid .dx-slider-range-visible {
background-color: #d9534f;
border-color: #d9534f;
}
.dx-invalid .dx-slider-bar {
background-color: rgba(217, 83, 79, 0.4);
}
.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: #ececf9;
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(128, 128, 255, 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(128, 128, 255, 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%;
border-radius: 0px;
}
.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: '012';
}
.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: '010';
}
.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 {
border-radius: 50%;
box-sizing: border-box;
border: 1px solid #8080ff;
pointer-events: auto;
margin: 1px 6px;
width: 8px;
height: 8px;
background: #ececf9;
}
.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
width: 12px;
height: 12px;
background: #8080ff;
border: 2px solid rgba(236, 236, 249, 0.8);
margin: -1px 6px;
}
.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
background: #3333ff;
}
.dx-lookup {
height: 36px;
border: 1px solid #b3b3e6;
background: #ececf9;
}
.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: #333;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-lookup-arrow:before {
content: '04e';
}
.dx-rtl .dx-lookup-arrow:before {
content: '04f';
}
.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: 0.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: #999999;
}
.dx-invalid.dx-lookup .dx-lookup-field:after {
right: 38px;
pointer-events: none;
font-weight: bold;
background-color: #d9534f;
color: #fff;
content: '!';
position: absolute;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
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-popup-search .dx-list {
height: calc(100% - 70px);
}
.dx-lookup-search-wrapper {
padding: 20px;
padding-bottom: 14px;
}
.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: #606060;
border-radius: 50%;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
animation: dx-generic-loadindicator-opacity 1s linear infinite;
}
@keyframes dx-generic-loadindicator-opacity {
from {
opacity: 1;
}
to {
opacity: 0.55;
}
}
.dx-loadindicator-icon .dx-loadindicator-segment0 {
transform: rotate(0deg) translate(0, -142%);
animation-delay: 0s;
}
.dx-loadindicator-icon .dx-loadindicator-segment1 {
transform: rotate(45deg) translate(0, -142%);
animation-delay: -0.875s;
}
.dx-loadindicator-icon .dx-loadindicator-segment2 {
transform: rotate(90deg) translate(0, -142%);
animation-delay: -0.75s;
}
.dx-loadindicator-icon .dx-loadindicator-segment3 {
transform: rotate(135deg) translate(0, -142%);
animation-delay: -0.625s;
}
.dx-loadindicator-icon .dx-loadindicator-segment4 {
transform: rotate(180deg) translate(0, -142%);
animation-delay: -0.5s;
}
.dx-loadindicator-icon .dx-loadindicator-segment5 {
transform: rotate(225deg) translate(0, -142%);
animation-delay: -0.375s;
}
.dx-loadindicator-icon .dx-loadindicator-segment6 {
transform: rotate(270deg) translate(0, -142%);
animation-delay: -0.25s;
}
.dx-loadindicator-icon .dx-loadindicator-segment7 {
transform: rotate(315deg) translate(0, -142%);
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 #b3b3e6;
background: #ececf9;
border-radius: 6px;
box-shadow: 0 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 {
border-radius: 8px;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item {
border-top: 0;
}
.dx-selectbox-popup-wrapper .dx-overlay-content {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dx-selectbox-popup-wrapper .dx-list {
background-color: #ececf9;
}
.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-tagbox-single-line .dx-tag-container {
padding-right: 0;
}
.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input {
height: auto;
}
.dx-tag-container.dx-texteditor-input-container {
padding-bottom: 4px;
}
.dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
padding-bottom: 4px;
min-height: 30px;
}
.dx-tag-content {
margin: 4px 0 0 4px;
padding: 3px 25px 4px 6px;
min-width: 40px;
background-color: #b8b8e8;
border-radius: 2px;
color: #333;
}
.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: #6a6ad0;
}
.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: #b8b8e8;
}
.dx-tag.dx-state-focused .dx-tag-content {
background-color: #9d9de0;
color: #333;
}
.dx-tag.dx-state-focused .dx-tag-remove-button:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:after {
background-color: #6a6ad0;
}
.dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
background: #b8b8e8;
}
.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 #b3b3e6;
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-radiobutton-icon {
width: 22px;
height: 22px;
}
.dx-radiobutton-icon:before {
display: block;
width: 20px;
height: 20px;
border: 1px solid #b3b3e6;
background-color: #ececf9;
content: '';
border-radius: 11px;
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: #8080ff;
content: '';
border-radius: 5px;
}
.dx-radiobutton {
line-height: 22px;
}
.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
border-color: #d6d6f1;
background-color: #ececf9;
}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
border-color: rgba(128, 128, 255, 0.4);
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
background-color: rgba(40, 40, 126, 0.2);
}
.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
border: 1px solid #8080ff;
}
.dx-radiobutton.dx-state-disabled {
opacity: 0.5;
}
.dx-invalid .dx-radiobutton-icon:before {
border-color: rgba(217, 83, 79, 0.4);
}
.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
border-color: #d9534f;
}
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
border-color: #d9534f;
}
.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: #d6d6f1;
background-color: #ececf9;
}
.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-accordion {
background-color: #ececf9;
color: #333;
}
.dx-accordion-item {
border: 1px solid transparent;
border-top-color: #b3b3e6;
}
.dx-accordion-item:last-child {
border-bottom: 1px solid #b3b3e6;
}
.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
color: #333;
}
.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
color: #333;
background-color: rgba(40, 40, 126, 0.2);
}
.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
background-color: #dcdcf4;
}
.dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
border-bottom-color: #dcdcf4;
}
.dx-accordion-item-opened {
border-color: #b3b3e6;
}
.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: '014';
}
.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: #dcdcf4;
}
.dx-accordion-item-title {
color: #333;
padding: 9px 12px;
font-size: 18px;
}
.dx-accordion-item-title:before {
font-weight: normal;
color: #333;
content: '016';
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;
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: #333;
}
.dx-rtl .dx-accordion-item-title .dx-icon,
.dx-rtl.dx-accordion-item-title .dx-icon {
margin-left: 9px;
margin-right: 0;
}
.dx-accordion-item-title .dx-icon.dx-icon-right {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-accordion-item-title .dx-icon.dx-icon-right,
.dx-rtl.dx-accordion-item-title .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-state-disabled.dx-accordion-item {
opacity: 0.5;
}
.dx-state-focused.dx-accordion-item {
border-color: #8080ff;
}
.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 {
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;
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-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
margin-left: 13px;
margin-right: 0;
}
.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
margin-right: 13px;
margin-left: 0;
}
.dx-slideoutview-menu-content,
.dx-slideoutview-content {
background-color: #ececf9;
}
.dx-slideoutview-content {
border-color: rgba(179, 179, 230, 0.5);
}
.dx-slideoutview-content {
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;
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-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
margin-left: 13px;
margin-right: 0;
}
.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
margin-right: 13px;
margin-left: 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: '012';
}
.dx-pager .dx-pages .dx-next-button {
font: 14px/1 DXIcons;
}
.dx-pager .dx-pages .dx-next-button:before {
content: '010';
}
.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 {
border-radius: 3px;
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: #333;
border-color: transparent;
background-color: #aaaae4;
}
.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: #333;
}
.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: #ececf9;
box-shadow: 0 0 0 1px #b3b3e6;
}
.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: #b3b3e6;
}
.dx-colorbox-overlay {
padding: 0;
}
.dx-colorbox-overlay.dx-overlay-content {
background-color: #ececf9;
}
.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: #898989;
}
.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;
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: '053';
}
.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;
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: '054';
}
.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: '044';
}
.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;
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: '027';
}
.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: '045';
}
.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: '046';
}
.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: '048';
}
.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: '047';
}
.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: '049';
}
.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: '063';
}
.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: '066';
}
.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: '064';
}
.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: '065';
}
.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: '06a';
}
.dx-datagrid {
line-height: inherit;
}
.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
background-color: #dcdcf4;
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
border-bottom-color: transparent;
}
.dx-datagrid .dx-link {
color: #8080ff;
}
.dx-datagrid .dx-row-lines > td {
border-bottom: 1px solid #b3b3e6;
}
.dx-datagrid .dx-column-lines > td {
border-left: 1px solid #b3b3e6;
border-right: 1px solid #b3b3e6;
}
.dx-datagrid .dx-error-row .dx-closebutton {
float: right;
margin: 9px;
font: 14px/1 DXIcons;
width: 14px;
height: 14px;
background-position: 0px 0px;
background-size: 14px 14px;
padding: 0px;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.dx-datagrid .dx-error-row .dx-closebutton:before {
content: '00a';
}
.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;
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,
.dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-textbox.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-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: 0;
}
.dx-editor-cell .dx-texteditor {
background: #ececf9;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
background: #ececf9;
}
.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: #ececf9;
}
.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: 1em;
}
.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-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
.dx-datagrid-column-chooser-list .dx-empty-message {
color: #999999;
padding: 0 20px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
padding: 0 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: 0 20px 20px 20px;
}
.dx-datagrid-column-chooser .dx-overlay-content {
background-color: #ececf9;
border-radius: 6px;
box-shadow: 0 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: #ececf9;
color: #959595;
font-weight: normal;
border: 1px solid #b3b3e6;
padding: 7px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-drag-header {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
color: #959595;
font-weight: normal;
padding: 7px;
border: 1px solid rgba(128, 128, 255, 0.5);
background-color: #ececf9;
}
.dx-datagrid-columns-separator {
background-color: rgba(128, 128, 255, 0.5);
}
.dx-datagrid-columns-separator-transparent {
background-color: transparent;
}
.dx-datagrid-drop-highlight > td {
background-color: #8080ff;
color: #fff;
}
.dx-datagrid-focus-overlay {
border: 2px solid #8080ff;
}
.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: #dcdcf4;
color: #333;
}
.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: #dcdcf4;
}
.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: #dcdcf4;
color: #333;
}
.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: #959595;
font-weight: normal;
touch-action: pinch-zoom;
border-bottom: 1px solid #b3b3e6;
}
.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 #b3b3e6;
}
.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
color: #333;
}
.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 #8080ff;
}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
background-color: #ececf9;
}
.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: #ececf9;
}
.dx-datagrid-filter-row .dx-highlight-outline::after {
border-color: rgba(92, 184, 92, 0.5);
}
.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
color: #898989;
}
.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 #b3b3e6;
overflow: inherit;
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(92, 184, 92, 0.5);
left: 0;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
background-color: #ececf9;
padding: 7px;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
border: 2px solid #8080ff;
}
.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: 0 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 #b3b3e6;
}
.dx-datagrid-header-panel .dx-toolbar {
margin-bottom: 10px;
}
.dx-datagrid-header-panel .dx-apply-button {
background-color: #5cb85c;
border-color: #4cae4c;
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: #449d44;
border-color: #4cae4c;
}
.dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
background-color: #3d8b3d;
border-color: #4cae4c;
}
.dx-datagrid-header-panel .dx-apply-button.dx-state-active {
background-color: #357935;
border-color: #4cae4c;
color: #fff;
}
.dx-icon-column-chooser {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-icon-column-chooser:before {
content: '04d';
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '00b';
}
.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '04c';
}
.dx-datagrid-save-button .dx-icon-edit-button-save {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '041';
}
.dx-apply-button .dx-icon-apply-filter {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-apply-button .dx-icon-apply-filter:before {
content: '050';
}
.dx-datagrid-export-button .dx-icon-export-to {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '05f';
}
.dx-datagrid-export-button .dx-icon-export-excel-button {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '060';
}
.dx-datagrid-adaptive-more {
width: 21px;
height: 21px;
background-position: 0px 0px;
background-size: 21px 21px;
padding: 0px;
font-size: 21px;
text-align: center;
line-height: 21px;
}
.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-headers + .dx-datagrid-rowsview {
border-top: 1px solid #b3b3e6;
}
.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: 0;
border-bottom: 1px solid #b3b3e6;
}
.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
border-top: 1px solid #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
white-space: normal;
}
.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 #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.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: #e4e4f7;
}
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
border: 1px solid rgba(217, 83, 79, 0.4);
}
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
border: 1px solid #d9534f;
}
.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(92, 184, 92, 0.5);
}
.dx-datagrid-rowsview .dx-row-removed > td {
background-color: rgba(92, 184, 92, 0.5);
border-top: 1px solid rgba(92, 184, 92, 0.5);
border-bottom: 1px solid rgba(92, 184, 92, 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(217, 83, 79, 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 {
border-radius: 4px;
border: 2px solid rgba(92, 184, 92, 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:focus {
outline: none;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
background-color: #8080ff;
color: #fff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input {
border-radius: 0;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-opened,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-closed {
color: #fff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
background-color: #ececf9;
color: #333;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
border-bottom: 1px solid #8080ff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
border-top: 1px solid #8080ff;
border-bottom: 1px solid #8080ff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
background-color: #8080ff;
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-row-focused.dx-group-row .dx-datagrid-summary-item {
color: #fff;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
background-color: #c5c5ed;
color: #333;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
border-right-color: #c5c5ed;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
border-left-color: #b3b3e6;
border-right-color: #b3b3e6;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
background-color: #ececf9;
color: #333;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
border-bottom: 1px solid #c5c5ed;
border-top: 1px solid #c5c5ed;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
border-top: 1px solid #c5c5ed;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
border-bottom: 1px solid #c5c5ed;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
border-left-color: #b3b3e6;
border-right-color: #b3b3e6;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
border-bottom-color: #b3b3e6;
}
.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
padding-right: 0;
}
.dx-datagrid-search-text {
color: #fff;
background-color: #8080ff;
}
.dx-datagrid-nodata {
color: #999999;
font-size: 17px;
}
.dx-datagrid-bottom-load-panel {
border-top: 1px solid #b3b3e6;
}
.dx-datagrid-pager {
border-top: 3px double #b3b3e6;
}
.dx-datagrid-pager.dx-widget {
color: #333;
}
.dx-datagrid-pager .dx-page,
.dx-datagrid-pager .dx-page-size,
.dx-datagrid-pager .dx-navigate-button {
outline: none;
}
.dx-datagrid-pager.dx-state-focused .dx-page:focus,
.dx-datagrid-pager.dx-state-focused .dx-page-size:focus,
.dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus {
outline: 2px solid #8080ff;
outline-offset: -2px;
}
.dx-datagrid-summary-item {
color: rgba(51, 51, 51, 0.7);
}
.dx-datagrid-total-footer {
border-top: 1px solid #b3b3e6;
}
.dx-datagrid-revert-tooltip .dx-overlay-content {
background-color: #ececf9;
min-width: inherit;
}
.dx-datagrid-revert-tooltip .dx-revert-button {
margin: 0 1px;
margin-left: 1px;
background-color: #d9534f;
border-color: #d43f3a;
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: #c9302c;
border-color: #d43f3a;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
background-color: #b52b27;
border-color: #d43f3a;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
background-color: #a02622;
border-color: #d43f3a;
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: #dcdcf4;
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: 0 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: #b3b3e6;
}
.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: #c5c5ed;
}
.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: #b3b3e6;
}
.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: #959595;
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: #959595;
font-weight: normal;
border: 1px solid #b3b3e6;
padding: 7px;
}
.dx-datagrid-group-panel .dx-block-separator {
margin-right: 10px;
color: #959595;
font-weight: normal;
padding: 8px;
background-color: #d3d3f1;
}
.dx-datagrid-group-panel .dx-sort {
color: #898989;
}
.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: #959595;
background-color: #e0e0f5;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
border-top-color: #b3b3e6;
border-bottom-color: #b3b3e6;
}
.dx-datagrid-group-opened {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
color: #959595;
}
.dx-datagrid-group-opened:before {
content: '001';
}
.dx-datagrid-group-closed {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
color: #959595;
}
.dx-datagrid-group-closed:before {
content: '04e';
}
.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
width: 100%;
}
.dx-row.dx-datagrid-group-footer.dx-column-lines {
border-bottom: 1px solid #b3b3e6;
}
.dx-row.dx-datagrid-group-footer > td {
background-color: #ececf9;
border-top: 1px solid #b3b3e6;
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: #e0e0f5;
}
.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: #8080ff;
}
.dx-pivotgrid {
background-color: #ececf9;
}
.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: '04e';
}
.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: #959595;
}
.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
content: '04e';
}
.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: #959595;
}
.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
content: '001';
}
.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: #ececf9;
}
.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: #898989;
}
.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;
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: '053';
}
.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;
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: '054';
}
.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: '044';
}
.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;
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: '027';
}
.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: '045';
}
.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: '046';
}
.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: '048';
}
.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: '047';
}
.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: '049';
}
.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: '063';
}
.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: '066';
}
.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: '064';
}
.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: '065';
}
.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: '06a';
}
.dx-treelist {
line-height: inherit;
}
.dx-treelist .dx-row-alt > td,
.dx-treelist .dx-row-alt > tr > td {
background-color: #dcdcf4;
}
.dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
border-bottom-color: transparent;
}
.dx-treelist .dx-link {
color: #8080ff;
}
.dx-treelist .dx-row-lines > td {
border-bottom: 1px solid #b3b3e6;
}
.dx-treelist .dx-column-lines > td {
border-left: 1px solid #b3b3e6;
border-right: 1px solid #b3b3e6;
}
.dx-treelist .dx-error-row .dx-closebutton {
float: right;
margin: 9px;
font: 14px/1 DXIcons;
width: 14px;
height: 14px;
background-position: 0px 0px;
background-size: 14px 14px;
padding: 0px;
font-size: 14px;
text-align: center;
line-height: 14px;
}
.dx-treelist .dx-error-row .dx-closebutton:before {
content: '00a';
}
.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;
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,
.dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input,
.dx-treelist-rowsview .dx-textbox.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-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: 0;
}
.dx-editor-cell .dx-texteditor {
background: #ececf9;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
background: #ececf9;
}
.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: #ececf9;
}
.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: 1em;
}
.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-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
color: #999999;
padding: 0 20px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
padding: 0 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: 0 20px 20px 20px;
}
.dx-treelist-column-chooser .dx-overlay-content {
background-color: #ececf9;
border-radius: 6px;
box-shadow: 0 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: #ececf9;
color: #959595;
font-weight: normal;
border: 1px solid #b3b3e6;
padding: 7px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.dx-treelist-drag-header {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
color: #959595;
font-weight: normal;
padding: 7px;
border: 1px solid rgba(128, 128, 255, 0.5);
background-color: #ececf9;
}
.dx-treelist-columns-separator {
background-color: rgba(128, 128, 255, 0.5);
}
.dx-treelist-columns-separator-transparent {
background-color: transparent;
}
.dx-treelist-drop-highlight > td {
background-color: #8080ff;
color: #fff;
}
.dx-treelist-focus-overlay {
border: 2px solid #8080ff;
}
.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: #dcdcf4;
color: #333;
}
.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: #dcdcf4;
}
.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: #dcdcf4;
color: #333;
}
.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: #959595;
font-weight: normal;
touch-action: pinch-zoom;
border-bottom: 1px solid #b3b3e6;
}
.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 #b3b3e6;
}
.dx-treelist-filter-row .dx-menu .dx-overlay-content {
color: #333;
}
.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 #8080ff;
}
.dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
background-color: #ececf9;
}
.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: #ececf9;
}
.dx-treelist-filter-row .dx-highlight-outline::after {
border-color: rgba(92, 184, 92, 0.5);
}
.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
color: #898989;
}
.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 #b3b3e6;
overflow: inherit;
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(92, 184, 92, 0.5);
left: 0;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
background-color: #ececf9;
padding: 7px;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
border: 2px solid #8080ff;
}
.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: 0 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 #b3b3e6;
}
.dx-treelist-header-panel .dx-toolbar {
margin-bottom: 10px;
}
.dx-treelist-header-panel .dx-apply-button {
background-color: #5cb85c;
border-color: #4cae4c;
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: #449d44;
border-color: #4cae4c;
}
.dx-treelist-header-panel .dx-apply-button.dx-state-focused {
background-color: #3d8b3d;
border-color: #4cae4c;
}
.dx-treelist-header-panel .dx-apply-button.dx-state-active {
background-color: #357935;
border-color: #4cae4c;
color: #fff;
}
.dx-icon-column-chooser {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-icon-column-chooser:before {
content: '04d';
}
.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '00b';
}
.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '04c';
}
.dx-treelist-save-button .dx-icon-edit-button-save {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '041';
}
.dx-apply-button .dx-icon-apply-filter {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-apply-button .dx-icon-apply-filter:before {
content: '050';
}
.dx-treelist-export-button .dx-icon-export-to {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '05f';
}
.dx-treelist-export-button .dx-icon-export-excel-button {
font: 14px/1 DXIcons;
width: 18px;
height: 18px;
background-position: 0px 0px;
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: '060';
}
.dx-treelist-adaptive-more {
width: 21px;
height: 21px;
background-position: 0px 0px;
background-size: 21px 21px;
padding: 0px;
font-size: 21px;
text-align: center;
line-height: 21px;
}
.dx-treelist-borders .dx-treelist-rowsview,
.dx-treelist-headers + .dx-treelist-rowsview {
border-top: 1px solid #b3b3e6;
}
.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: 0;
border-bottom: 1px solid #b3b3e6;
}
.dx-treelist-rowsview .dx-row.dx-edit-row > td {
border-top: 1px solid #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.dx-treelist-rowsview .dx-row.dx-treelist-edit-form {
white-space: normal;
}
.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 #b3b3e6;
border-bottom: 1px solid #b3b3e6;
}
.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: #e4e4f7;
}
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
border: 1px solid rgba(217, 83, 79, 0.4);
}
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
border: 1px solid #d9534f;
}
.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(92, 184, 92, 0.5);
}
.dx-treelist-rowsview .dx-row-removed > td {
background-color: rgba(92, 184, 92, 0.5);
border-top: 1px solid rgba(92, 184, 92, 0.5);
border-bottom: 1px solid rgba(92, 184, 92, 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(217, 83, 79, 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 {
border-radius: 4px;
border: 2px solid rgba(92, 184, 92, 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:focus {
outline: none;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
background-color: #8080ff;
color: #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input,
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input {
border-radius: 0;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-opened,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-closed {
color: #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
background-color: #ececf9;
color: #333;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
border-bottom: 1px solid #8080ff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
border-top: 1px solid #8080ff;
border-bottom: 1px solid #8080ff;
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row {
background-color: #8080ff;
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-row-focused.dx-group-row .dx-datagrid-summary-item {
color: #fff;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
background-color: #c5c5ed;
color: #333;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
border-right-color: #c5c5ed;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
border-left-color: #b3b3e6;
border-right-color: #b3b3e6;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
background-color: #ececf9;
color: #333;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
border-bottom: 1px solid #c5c5ed;
border-top: 1px solid #c5c5ed;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td {
border-top: 1px solid #c5c5ed;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td {
border-bottom: 1px solid #c5c5ed;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
border-left-color: #b3b3e6;
border-right-color: #b3b3e6;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
border-bottom-color: #b3b3e6;
}
.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
padding-right: 0;
}
.dx-treelist-search-text {
color: #fff;
background-color: #8080ff;
}
.dx-treelist-nodata {
color: #999999;
font-size: 17px;
}
.dx-treelist-bottom-load-panel {
border-top: 1px solid #b3b3e6;
}
.dx-treelist-pager {
border-top: 3px double #b3b3e6;
}
.dx-treelist-pager.dx-widget {
color: #333;
}
.dx-treelist-pager .dx-page,
.dx-treelist-pager .dx-page-size,
.dx-treelist-pager .dx-navigate-button {
outline: none;
}
.dx-treelist-pager.dx-state-focused .dx-page:focus,
.dx-treelist-pager.dx-state-focused .dx-page-size:focus,
.dx-treelist-pager.dx-state-focused .dx-navigate-button:focus {
outline: 2px solid #8080ff;
outline-offset: -2px;
}
.dx-treelist-summary-item {
color: rgba(51, 51, 51, 0.7);
}
.dx-treelist-total-footer {
border-top: 1px solid #b3b3e6;
}
.dx-treelist-revert-tooltip .dx-overlay-content {
background-color: #ececf9;
min-width: inherit;
}
.dx-treelist-revert-tooltip .dx-revert-button {
margin: 0 1px;
margin-left: 1px;
background-color: #d9534f;
border-color: #d43f3a;
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: #c9302c;
border-color: #d43f3a;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
background-color: #b52b27;
border-color: #d43f3a;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
background-color: #a02622;
border-color: #d43f3a;
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: #dcdcf4;
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: 0 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: #b3b3e6;
}
.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: #c5c5ed;
}
.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: #b3b3e6;
}
.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;
width: 14px;
font: 14px/1 DXIcons;
}
.dx-treelist-rowsview .dx-treelist-empty-space:before {
content: '04e';
}
.dx-treelist-rowsview .dx-treelist-empty-space:before {
visibility: hidden;
}
.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
color: #959595;
}
.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: '001';
}
.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: '04e';
}
.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 tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
color: #959595;
}
.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: 0;
}
.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 {
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% - 14px + 7px + 16px);
}
.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: 0;
}
.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: #8080ff;
}
.dx-menu-item {
color: #333;
}
.dx-menu-item.dx-state-hover {
color: #333;
background-color: #dcdcf4;
}
.dx-menu-item.dx-state-focused {
background-color: #8080ff;
color: #fff;
}
.dx-menu-item.dx-menu-item-has-text .dx-icon {
margin-right: -18px;
}
.dx-menu-item-selected {
background-color: #c5c5ed;
color: #333;
}
.dx-menu-item-selected.dx-state-focused {
background-color: rgba(128, 128, 255, 0.7);
color: #fff;
}
.dx-menu-item-expanded {
color: #333;
background-color: #dcdcf4;
}
.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-active,
.dx-menu-item-expanded {
outline: none;
}
.dx-menu-base {
color: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-menu-base input,
.dx-menu-base textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
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;
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 {
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 #b3b3e6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.dx-context-menu-content-delimiter {
background-color: #ececf9;
}
.dx-menu {
color: #333;
}
.dx-menu .dx-menu-item-expanded {
background-color: #ececf9;
}
.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: '001';
}
.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: '04e';
}
.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: #ececf9;
}
.dx-menu-adaptive-mode .dx-treeview {
border: 1px solid #b3b3e6;
border-radius: 4px;
}
.dx-menu-adaptive-mode .dx-treeview,
.dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
box-shadow: 0 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: #ececf9;
}
.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
border-bottom: 1px solid #b3b3e6;
}
.dx-context-menu {
color: #333;
}
.dx-context-menu .dx-submenu {
background-color: #ececf9;
border: 1px solid #b3b3e6;
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: '04e';
}
.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: #b3b3e6;
}
.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: #ececf9;
-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: #aaaae4;
}
.dx-calendar-navigator {
line-height: 1.6;
height: 36px;
display: table;
border-collapse: collapse;
}
.dx-calendar-navigator .dx-button {
height: 100%;
border-radius: 0;
display: table-cell;
border-color: #b3b3e6;
}
.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: 0.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: #b3b3e6;
}
.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: #aaaae4;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
padding: 2px 15px 4px;
color: #8080ff;
}
.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: 0 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: 0;
}
.dx-calendar-navigator-previous-view.dx-button,
.dx-calendar-navigator-previous-month.dx-button {
border-radius: 4px 0 0 4px;
}
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon {
color: #8080ff;
}
.dx-calendar-navigator-next-view,
.dx-calendar-navigator-next-month {
right: 0;
}
.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-next-month.dx-button {
border-radius: 0 4px 4px 0;
}
.dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon {
color: #8080ff;
}
.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 {
box-shadow: inset 0 -1px 0 #b3b3e6;
color: #999999;
}
.dx-calendar-body table {
border-spacing: 0;
}
.dx-calendar-body table th {
color: #999999;
text-align: center;
font-size: 12px;
padding: 1px 0 6px 0;
}
.dx-calendar-cell {
text-align: center;
padding: 1px 8px 2px;
color: #333;
font-size: 15px;
border: 1px double transparent;
width: 39px;
border-radius: 4px;
}
.dx-calendar-cell.dx-calendar-today {
font-weight: bold;
}
.dx-calendar-cell.dx-state-hover {
box-shadow: inset 0 -1px 0 1000px #dcdcf4;
color: #333;
}
.dx-calendar-cell.dx-calendar-other-view,
.dx-calendar-cell.dx-calendar-empty-cell {
color: #b0b0b0;
}
.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: #b0b0b0;
}
.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 {
box-shadow: none;
}
.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
box-shadow: inset 0 -1px 0 1000px rgba(40, 40, 126, 0.2);
}
.dx-calendar-cell.dx-calendar-contoured-date {
box-shadow: inset 0 0 0 1px #8585d7;
}
.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
color: #fff;
box-shadow: inset 0 0 0 1000px #8080ff;
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 0 0 0 1px #8585d7, inset 0 0 0 1000px #8080ff;
}
.dx-invalid.dx-calendar {
border-color: rgba(217, 83, 79, 0.4);
}
.dx-invalid.dx-calendar.dx-state-focused {
border-color: #d9534f;
}
.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 #b3b3e6;
}
.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 #b3b3e6;
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: #333;
}
.dx-treeview-item-with-checkbox .dx-treeview-item {
color: #333;
padding-left: 36px;
}
.dx-treeview-item-with-checkbox .dx-checkbox {
top: 5px;
left: 19px;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
border: 1px solid #8080ff;
}
.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
color: #333;
background-color: #c5c5ed;
}
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
background-color: #8080ff;
color: #fff;
}
.dx-treeview-item {
padding: 5px 6px;
min-height: 32px;
}
.dx-treeview-item .dx-icon {
width: 18px;
height: 18px;
background-position: 0px 0px;
background-size: 18px 18px;
padding: 0px;
font-size: 18px;
text-align: center;
line-height: 18px;
}
.dx-treeview-item.dx-state-hover {
background-color: #dcdcf4;
color: #333;
}
.dx-treeview-toggle-item-visibility {
font: 14px/1 DXIcons;
font-size: 22px;
text-align: center;
line-height: 22px;
color: #333;
width: 21px;
height: 32px;
top: 0;
left: -4px;
}
.dx-treeview-toggle-item-visibility:before {
content: '04e';
}
.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: '001';
}
.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: #333;
font-weight: normal;
font-size: 14px;
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-field input,
.dx-field textarea {
font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
line-height: 1.35715;
}
.dx-field-label {
color: #333;
cursor: default;
}
.dx-field-value.dx-attention {
color: #d9534f;
padding-left: 28px;
}
.dx-field-value.dx-attention:before {
pointer-events: none;
font-weight: bold;
background-color: #d9534f;
color: #fff;
content: '!';
position: absolute;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
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: #e0e0f5;
}
.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 #ececf9;
bottom: -1.4px;
}
.dx-tabpanel .dx-tabs-wrapper {
display: block;
}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
border: 1px solid #8080ff;
}
.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
border-top: 1px solid #8080ff;
border-right: 1px solid #8080ff;
border-left: 1px solid #8080ff;
}
.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 #8080ff;
bottom: -1.4px;
}
.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
border-bottom: 1.5px solid #e0e0f5;
}
.dx-tabpanel .dx-multiview-wrapper {
border: 1px solid #b3b3e6;
}
.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 #b3b3e6;
width: 100%;
}
.dx-fileuploader-dragover .dx-fileuploader-input {
display: block;
width: 100%;
padding: 14px 3px;
margin-bottom: 1px;
box-sizing: content-box;
}
.dx-fileuploader-dragover .dx-fileuploader-input-label {
padding: 14px 9px;
}
.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
color: #999999;
}
.dx-fileuploader-input {
padding: 7px 0;
}
.dx-fileuploader-input-label {
padding: 8px 9px;
color: #333;
overflow: hidden;
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: #333;
}
.dx-fileuploader-file-size {
padding-bottom: 3.5px;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
color: #d9534f;
}
.dx-invalid-message > .dx-overlay-content {
border-radius: 4px;
}
.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
border-radius: 0;
}
.dx-timeview {
height: auto;
width: auto;
}
.dx-timeview-clock {
min-height: 199px;
min-width: 199px;
background: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3c!DOCTYPE%20svg%20PUBLIC%20%22-%2f%2fW3C%2f%2fDTD%20SVG%201.1%2f%2fEN%22%20%22http%3a%2f%2fwww.w3.org%2fGraphics%2fSVG%2f1.1%2fDTD%2fsvg11.dtd%22%3e%0a%3csvg%20version%3d%221.1%22%20id%3d%22Layer_1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20width%3d%22191px%22%20height%3d%22191px%22%20viewBox%3d%220%200%20191%20191%22%20enable-background%3d%22new%200%200%20191%20191%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20fill%3d%22%23636363%22%20d%3d%22M95.5%2c0C42.8%2c0%2c0%2c42.8%2c0%2c95.5S42.8%2c191%2c95.5%2c191S191%2c148.2%2c191%2c95.5S148.2%2c0%2c95.5%2c0z%20M95.5%2c187.6%0a%09c-50.848%2c0-92.1-41.25-92.1-92.1c0-50.848%2c41.252-92.1%2c92.1-92.1c50.85%2c0%2c92.1%2c41.252%2c92.1%2c92.1%0a%09C187.6%2c146.35%2c146.35%2c187.6%2c95.5%2c187.6z%22%2f%3e%0a%3cg%3e%0a%09%3cpath%20fill%3d%22%23636363%22%20d%3d%22M92.9%2c10v8.6H91v-6.5c-0.1%2c0.1-0.2%2c0.2-0.4%2c0.3c-0.2%2c0.1-0.3%2c0.2-0.4%2c0.2c-0.1%2c0-0.3%2c0.1-0.5%2c0.2%0a%09%09c-0.2%2c0.1-0.3%2c0.1-0.5%2c0.1v-1.6c0.5-0.1%2c0.9-0.3%2c1.4-0.5c0.5-0.2%2c0.8-0.5%2c1.2-0.7h1.1V10z%22%2f%3e%0a%09%3cpath%20fill%3d%22%23636363%22%20d%3d%22M97.1%2c17.1h3.602v1.5h-5.6V18c0-0.4%2c0.1-0.8%2c0.2-1.2c0.1-0.4%2c0.3-0.6%2c0.5-0.9c0.2-0.3%2c0.5-0.5%2c0.7-0.7%0a%09%09c0.2-0.2%2c0.5-0.4%2c0.7-0.6c0.199-0.2%2c0.5-0.3%2c0.6-0.5c0.102-0.2%2c0.301-0.3%2c0.5-0.5c0.2-0.2%2c0.2-0.3%2c0.301-0.5%0a%09%09c0.101-0.2%2c0.101-0.3%2c0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2c0-1.399%2c0.3-2.101%2c0.9v-1.6%0a%09%09c0.7-0.5%2c1.5-0.7%2c2.5-0.7c0.399%2c0%2c0.8%2c0.1%2c1.101%2c0.2c0.301%2c0.1%2c0.601%2c0.3%2c0.899%2c0.5c0.3%2c0.2%2c0.399%2c0.5%2c0.5%2c0.8%0a%09%09c0.101%2c0.3%2c0.2%2c0.6%2c0.2%2c1s-0.102%2c0.7-0.2%2c1c-0.099%2c0.3-0.3%2c0.6-0.5%2c0.8c-0.2%2c0.2-0.399%2c0.5-0.7%2c0.7c-0.3%2c0.2-0.5%2c0.4-0.8%2c0.6%0a%09%09c-0.2%2c0.1-0.399%2c0.3-0.5%2c0.4s-0.3%2c0.3-0.5%2c0.4s-0.2%2c0.3-0.3%2c0.4C97.1%2c17%2c97.1%2c17%2c97.1%2c17.1z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20fill%3d%22%23636363%22%20d%3d%22M15%2c95.4c0%2c0.7-0.1%2c1.4-0.2%2c2c-0.1%2c0.6-0.4%2c1.1-0.7%2c1.5C13.8%2c99.3%2c13.4%2c99.6%2c12.9%2c99.8s-1%2c0.3-1.5%2c0.3%0a%09%09c-0.7%2c0-1.3-0.1-1.8-0.3v-1.5c0.4%2c0.3%2c1%2c0.4%2c1.6%2c0.4c0.6%2c0%2c1.1-0.2%2c1.5-0.7c0.4-0.5%2c0.5-1.1%2c0.5-1.9l0%2c0%0a%09%09C12.8%2c96.7%2c12.3%2c96.9%2c11.5%2c96.9c-0.3%2c0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0a%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2c0.1-0.8%2c0.2-1.2c0.1-0.4%2c0.3-0.7%2c0.6-0.9c0.3-0.2%2c0.6-0.5%2c0.9-0.6c0.3-0.1%2c0.8-0.2%2c1.2-0.2%0a%09%09c0.5%2c0%2c0.9%2c0.1%2c1.2%2c0.3c0.3%2c0.2%2c0.7%2c0.4%2c0.9%2c0.8s0.5%2c0.7%2c0.6%2c1.2S15%2c94.8%2c15%2c95.4z%20M13.1%2c94.4c0-0.2%2c0-0.4-0.1-0.6%0a%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2c0-0.3%2c0-0.4%2c0.1s-0.3%2c0.2-0.3%2c0.3%0a%09%09c0%2c0.1-0.2%2c0.3-0.2%2c0.4c0%2c0.1-0.1%2c0.4-0.1%2c0.6c0%2c0.2%2c0%2c0.4%2c0.1%2c0.6c0.1%2c0.2%2c0.1%2c0.3%2c0.2%2c0.4c0.1%2c0.1%2c0.2%2c0.2%2c0.4%2c0.3%0a%09%09c0.2%2c0.1%2c0.3%2c0.1%2c0.5%2c0.1c0.2%2c0%2c0.3%2c0%2c0.4-0.1s0.2-0.2%2c0.3-0.3c0.1-0.1%2c0.2-0.2%2c0.2-0.4C13%2c94.7%2c13.1%2c94.6%2c13.1%2c94.4z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20fill%3d%22%23636363%22%20d%3d%22M176%2c99.7V98.1c0.6%2c0.4%2c1.2%2c0.602%2c2%2c0.602c0.5%2c0%2c0.8-0.102%2c1.1-0.301c0.301-0.199%2c0.4-0.5%2c0.4-0.801%0a%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2c0%2c1.601-0.4%2c1.601-1.1c0-0.7-0.4-1-1.302-1%0a%09%09c-0.6%2c0-1.1%2c0.2-1.6%2c0.5v-1.5c0.6-0.3%2c1.301-0.4%2c2.1-0.4c0.9%2c0%2c1.5%2c0.2%2c2%2c0.6s0.701%2c0.9%2c0.701%2c1.5c0%2c1.1-0.601%2c1.8-1.701%2c2.1l0%2c0%0a%09%09c0.602%2c0.1%2c1.102%2c0.3%2c1.4%2c0.6s0.5%2c0.8%2c0.5%2c1.3c0%2c0.801-0.3%2c1.4-0.9%2c1.9c-0.6%2c0.5-1.398%2c0.7-2.398%2c0.7%0a%09%09C177.2%2c100.1%2c176.5%2c100%2c176%2c99.7z%22%2f%3e%0a%3c%2fg%3e%0a%3cg%3e%0a%09%3cpath%20fill%3d%22%23636363%22%20d%3d%22M98.5%2c179.102c0%2c0.398-0.1%2c0.799-0.2%2c1.199C98.2%2c180.7%2c98%2c181%2c97.7%2c181.2s-0.601%2c0.5-0.9%2c0.601%0a%09%09c-0.3%2c0.1-0.7%2c0.199-1.2%2c0.199c-0.5%2c0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0a%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2c0.1-1.399%2c0.3-2c0.2-0.601%2c0.4-1.101%2c0.8-1.5c0.4-0.399%2c0.7-0.699%2c1.2-1c0.5-0.3%2c1-0.3%2c1.6-0.3%0a%09%09c0.6%2c0%2c1.2%2c0.101%2c1.5%2c0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2c0-0.6%2c0.101-0.8%2c0.2c-0.2%2c0.101-0.5%2c0.3-0.7%2c0.5%0a%09%09c-0.2%2c0.199-0.3%2c0.5-0.4%2c0.8c-0.1%2c0.301-0.2%2c0.7-0.2%2c1.101l0%2c0c0.4-0.601%2c1-0.8%2c1.8-0.8c0.3%2c0%2c0.7%2c0.1%2c0.9%2c0.199%0a%09%09c0.2%2c0.101%2c0.5%2c0.301%2c0.7%2c0.5c0.199%2c0.2%2c0.398%2c0.5%2c0.5%2c0.801C98.5%2c178.2%2c98.5%2c178.7%2c98.5%2c179.102z%20M96.7%2c179.2%0a%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2c0-0.3%2c0-0.5%2c0.1c-0.2%2c0.101-0.3%2c0.201-0.4%2c0.301c-0.1%2c0.101-0.2%2c0.199-0.2%2c0.4%0a%09%09c0%2c0.199-0.1%2c0.299-0.1%2c0.5c0%2c0.199%2c0%2c0.398%2c0.1%2c0.6s0.1%2c0.3%2c0.2%2c0.5c0.1%2c0.199%2c0.2%2c0.199%2c0.4%2c0.3c0.2%2c0.101%2c0.3%2c0.101%2c0.5%2c0.101%0a%09%09c0.2%2c0%2c0.3%2c0%2c0.5-0.101c0.2-0.101%2c0.301-0.199%2c0.301-0.3c0-0.1%2c0.199-0.301%2c0.199-0.399C96.6%2c179.7%2c96.7%2c179.4%2c96.7%2c179.2z%22%2f%3e%0a%3c%2fg%3e%0a%3ccircle%20fill%3d%22%23636363%22%20cx%3d%2295%22%20cy%3d%2295%22%20r%3d%227%22%2f%3e%0a%3c%2fsvg%3e%0a') no-repeat 50% 50%;
background-size: 191px;
}
.dx-timeview-hourarrow {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3c!DOCTYPE%20svg%20PUBLIC%20%22-%2f%2fW3C%2f%2fDTD%20SVG%201.1%2f%2fEN%22%20%22http%3a%2f%2fwww.w3.org%2fGraphics%2fSVG%2f1.1%2fDTD%2fsvg11.dtd%22%3e%0a%3csvg%20version%3d%221.1%22%20id%3d%22Layer_1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20width%3d%225px%22%20height%3d%2257px%22%20viewBox%3d%220%200%205%2057%22%20enable-background%3d%22new%200%200%205%2057%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20fill%3d%22%23636363%22%20d%3d%22M5%2c54c0%2c1.7-1.1%2c3-2.5%2c3S0%2c55.7%2c0%2c54V3c0-1.6%2c1.1-3%2c2.5-3S5%2c1.4%2c5%2c3V54z%22%2f%3e%0a%3c%2fsvg%3e%0a');
background-size: 5px 57px;
}
.dx-timeview-minutearrow {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3c!DOCTYPE%20svg%20PUBLIC%20%22-%2f%2fW3C%2f%2fDTD%20SVG%201.1%2f%2fEN%22%20%22http%3a%2f%2fwww.w3.org%2fGraphics%2fSVG%2f1.1%2fDTD%2fsvg11.dtd%22%3e%0a%3csvg%20version%3d%221.1%22%20id%3d%22Layer_1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20width%3d%225px%22%20height%3d%2279px%22%20viewBox%3d%220%200%205%2079%22%20enable-background%3d%22new%200%200%205%2079%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20fill%3d%22%23636363%22%20d%3d%22M5%2c76c0%2c1.7-1.1%2c3-2.5%2c3S0%2c77.7%2c0%2c76V3c0-1.6%2c1.1-3%2c2.5-3S5%2c1.4%2c5%2c3V76z%22%2f%3e%0a%3c%2fsvg%3e%0a');
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%;
}
.dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
position: absolute;
bottom: -2px;
width: 100%;
height: 2px;
content: '';
right: 0;
}
.dx-scheduler-view-switcher.dx-tabs {
max-width: 52%;
min-width: 72px;
width: auto;
float: right;
height: 100%;
border: none;
}
.dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
display: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
border-bottom: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab {
width: 100px;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
border-bottom: none;
}
.dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
position: absolute;
right: 10px;
}
.dx-scheduler-view-switcher-label {
position: absolute;
}
.dx-scheduler-view-switcher-reduced {
table-layout: auto;
}
.dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
width: auto;
height: 56px;
}
.dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
height: 56px;
}
.dx-scheduler-appointment-content-allday {
display: none;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
color: #8080ff;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
position: absolute;
top: 37px;
right: 0;
width: 100%;
height: 2px;
content: '';
background-color: #cdcdff;
}
.dx-scheduler-date-time-shader-all-day {
margin-left: 100px;
width: 100%;
background-color: rgba(51, 51, 51, 0.04);
position: absolute;
pointer-events: none;
}
.dx-scheduler-date-time-indicator {
background-color: #cdcdff;
position: absolute;
pointer-events: none;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.dx-scheduler-date-time-indicator:before {
font-size: 30px;
color: #cdcdff;
position: absolute;
z-index: 1000;
margin-top: -14px;
margin-left: -12px;
text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0;
}
.dx-scheduler-date-time-shader {
pointer-events: none;
}
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
margin-left: 100px;
height: 1px;
font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
content: '04e';
}
.dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
margin-left: 50px;
}
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
margin-left: 100px;
}
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
width: inherit;
height: inherit;
content: '';
left: inherit;
position: absolute;
margin-left: 100px;
background-color: rgba(51, 51, 51, 0.04);
}
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
margin-left: 0;
}
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
margin-left: 0;
}
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
margin-left: 0;
font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
content: '04f';
}
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
margin-right: -12px;
}
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
margin-left: 0;
}
.dx-scheduler-timeline-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
.dx-scheduler-timeline-month .dx-scheduler-header-panel {
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
display: flex;
flex-flow: column nowrap;
width: 100%;
}
.dx-scheduler-timeline-week .dx-scheduler-header-row,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
.dx-scheduler-timeline-month .dx-scheduler-header-row {
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
flex-grow: 1;
justify-content: center;
align-items: center;
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
display: flex;
flex-flow: row-reverse nowrap;
}
.dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
flex-basis: 0;
}
.dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
border-right: none;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
width: 1px;
top: 0;
font: 14px/1 DXIcons;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
content: '001';
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
margin-left: -14px;
margin-top: -12px;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader {
height: 100%;
position: absolute;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
width: inherit;
height: 100%;
content: '';
left: 0;
position: absolute;
background-color: rgba(51, 51, 51, 0.04);
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
border-bottom: 2px solid #cdcdff;
box-shadow: none;
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
content: none;
}
.dx-scheduler-work-space {
border: 1px solid rgba(179, 179, 230, 0.6);
background-color: #ececf9;
position: relative;
display: inline-block;
overflow: hidden;
height: 100%;
width: 100%;
border-top: none;
float: left;
}
.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 125px;
margin-bottom: -125px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 155px;
margin-bottom: -155px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 185px;
margin-bottom: -185px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 215px;
margin-bottom: -215px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 75px;
margin-bottom: -75px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 105px;
margin-bottom: -105px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 135px;
margin-bottom: -135px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 165px;
margin-bottom: -165px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
border-bottom: 2px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
border-bottom: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-date-table-scrollable .dx-scrollable-content {
overflow: hidden;
position: relative;
}
.dx-scheduler-date-table-cell {
border-top: 1px solid rgba(179, 179, 230, 0.6);
height: 50px;
}
.dx-scheduler-date-table-cell > div,
.dx-scheduler-all-day-table-cell > div {
pointer-events: none;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-header-panel-cell,
.dx-scheduler-time-panel-cell,
.dx-scheduler-group-header {
user-select: none;
-webkit-touch-callout: none;
cursor: default;
}
.dx-scheduler-date-table-current-date {
font-weight: bold;
}
.dx-scheduler-date-table-other-month {
opacity: 0.5;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
border-top: 1px solid #8d8dd9;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
border-top: none;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after {
background-color: #8d8dd9;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 30px;
margin-bottom: -30px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 60px;
margin-bottom: -60px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 75px;
margin-bottom: -75px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 105px;
margin-bottom: -105px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 135px;
margin-bottom: -135px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 165px;
margin-bottom: -165px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 25px;
margin-bottom: -25px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 55px;
margin-bottom: -55px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 85px;
margin-bottom: -85px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 115px;
margin-bottom: -115px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
border-left: none;
border-right: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
margin-top: 1px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
border-top: none;
}
.dx-scheduler-all-day-table-cell {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
border-top: none;
border-left: none;
}
.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
.dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
padding: 0 7px;
}
.dx-scheduler-scrollable-fixed-content {
height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-all-day-title {
display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel {
width: 100%;
margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
margin-left: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table {
width: 100%;
height: 100%;
margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-left: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
border-right: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
border-left: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
height: auto;
vertical-align: top;
text-align: right;
font-size: 16px;
color: #959595;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
padding-right: 6px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
padding: 0 7px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 0 25px 0 7px;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 0 7px 0 25px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
top: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
left: 0;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
height: 75px;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
color: #8080ff;
background-color: rgba(128, 128, 255, 0.15);
font-weight: bold;
}
.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title,
.dx-scheduler-timeline .dx-scheduler-all-day-title {
display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
right: 20px;
}
.dx-scheduler-timeline .dx-scheduler-fixed-appointments {
left: 0;
}
.dx-scheduler-timeline .dx-scheduler-header-row:before,
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
content: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table {
border-spacing: 0;
border-collapse: separate;
margin-left: 0;
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
border-right: none;
}
.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
display: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table {
display: flex;
flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table tbody {
display: flex;
flex-flow: column nowrap;
height: 100%;
min-height: 100px;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
display: flex;
flex-flow: row nowrap;
flex: 1;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
flex: 1 1 auto;
height: inherit;
}
.dx-scheduler-timeline .dx-scheduler-group-table {
border-spacing: 0;
border-collapse: separate;
display: flex;
flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-group-table tbody {
display: flex;
flex-flow: column nowrap;
height: 100%;
}
.dx-scheduler-timeline .dx-scheduler-group-row {
display: flex;
flex-flow: row nowrap;
flex: 1;
}
.dx-scheduler-timeline .dx-scheduler-group-header {
display: flex;
flex-flow: row nowrap;
align-items: center;
flex: 1 1 auto;
padding: 0 10px 0 5px;
height: auto;
width: 100%;
}
.dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
.dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
margin-top: 200%;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content {
overflow: visible;
margin: auto;
flex-grow: 1;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content div {
white-space: normal;
line-height: normal;
}
.dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
font-weight: normal;
text-align: left;
}
.dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
.dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
position: relative;
left: 80px;
width: 80px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-date-table,
.dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-group-table {
height: 100%;
min-height: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
height: auto;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
border-top-color: transparent;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
border-bottom: 1px solid #8d8dd9;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
border-bottom: 1px solid #8d8dd9;
}
.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
display: block;
float: left;
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
content: '';
height: 50px;
position: absolute;
display: block;
margin-top: -50px;
left: 0;
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
border: none;
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
border-left: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
border-right: none;
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header {
border-top: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0;
padding: 0;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
width: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
margin-left: 100px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
margin-right: 100px;
margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
left: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
width: 160px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
margin-left: 160px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
margin-right: 160px;
margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
left: 160px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
width: 180px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
margin-left: 180px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
margin-right: 180px;
margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
left: 180px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
border-right: 1px solid #8d8dd9;
}
.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
top: 0;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 121px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 151px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 181px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
height: 91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
height: 91px;
margin-top: -91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
border-left: none;
}
.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
border-left: none;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
border-left: none;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
border-right: 1px solid #8d8dd9;
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
border-left: 1px solid #8d8dd9;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
border-right: 1px solid #8d8dd9;
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-left: 1px solid #8d8dd9;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-header-panel {
border-spacing: 0;
table-layout: fixed;
margin-top: 10px;
width: 100%;
font-size: 20px;
}
.dx-scheduler-all-day-title-hidden {
display: none;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
display: block;
background-color: transparent;
color: transparent;
border-left: none;
border-right: none;
border-bottom: none;
height: 0;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 41px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 71px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 101px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
height: 11px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 10px;
margin-bottom: -10px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 40px;
margin-bottom: -40px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 70px;
margin-bottom: -70px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 100px;
margin-bottom: -100px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
margin-left: 100px;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
margin-left: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
width: auto;
margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
z-index: 100;
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
content: '';
position: absolute;
left: 0;
width: 100px;
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
width: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
float: none;
margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
float: left;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 100px;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 31px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 61px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 91px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
height: 1px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
width: 100%;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 100px;
padding: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 50px;
}
.dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 100px 0 0;
}
.dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 50px 0 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 156px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 186px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 216px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 146px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 176px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 66px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 96px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
height: 36px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0;
padding: 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
border-left: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
top: 0;
}
.dx-scheduler-header-panel-cell {
position: relative;
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: 1px solid rgba(179, 179, 230, 0.6);
color: #333;
padding: 0;
vertical-align: middle;
height: 40px;
text-align: center;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dx-scheduler-group-row:before,
.dx-scheduler-header-row:before,
.dx-scheduler-all-day-table-row:before {
content: '';
width: 100px;
display: table-cell;
}
.dx-scheduler-small .dx-scheduler-group-row:before,
.dx-scheduler-small .dx-scheduler-header-row:before,
.dx-scheduler-small .dx-scheduler-all-day-table-row:before {
width: 50px;
}
.dx-scheduler-all-day-panel {
width: 100%;
}
.dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
border-bottom: 2px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-all-day-title {
color: #333;
width: 100px;
height: 75px;
position: absolute;
line-height: 75px;
text-align: center;
border-bottom: 2px solid rgba(179, 179, 230, 0.6);
user-select: none;
-webkit-touch-callout: none;
}
.dx-scheduler-small .dx-scheduler-all-day-title {
width: 50px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
height: 25px;
line-height: 25px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
height: 50px;
line-height: 50px;
}
.dx-scheduler-all-day-table {
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.dx-scheduler-all-day-table {
height: 75px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
height: 25px;
}
.dx-scheduler-group-header {
height: 30px;
text-align: center;
}
.dx-scheduler-time-panel {
float: left;
width: 100px;
border-collapse: collapse;
font-size: 20px;
}
.dx-scheduler-small .dx-scheduler-time-panel {
width: 50px;
font-size: 14px;
}
.dx-scheduler-time-panel-cell {
color: #333;
position: relative;
width: 100%;
text-align: right;
vertical-align: top;
height: 50px;
padding-right: 20px;
border-bottom: 1px solid transparent;
}
.dx-scheduler-time-panel-cell > div {
margin-top: -13px;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell {
padding-left: 0;
padding-right: 10px;
}
.dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
margin-top: 0;
}
.dx-scheduler-time-panel-cell:after {
position: absolute;
bottom: -1px;
width: 10%;
height: 1px;
content: '';
right: 0;
background-color: rgba(179, 179, 230, 0.6);
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
color: #8080ff;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
position: absolute;
top: 0;
right: 0;
width: 2px;
height: inherit;
content: '';
background-color: #cdcdff;
}
.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
display: none;
}
.dx-scheduler-date-table {
width: 100%;
border-spacing: 0;
table-layout: fixed;
float: left;
margin-left: -100px;
}
.dx-scheduler-small .dx-scheduler-date-table {
margin-left: -50px;
}
.dx-scheduler-date-table .dx-scheduler-date-table-row:before {
content: '';
width: 100px;
display: table-cell;
}
.dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
width: 50px;
}
.dx-scheduler-date-table-cell {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: 1px solid rgba(179, 179, 230, 0.6);
height: 50px;
}
.dx-scheduler-all-day-table-cell.dx-state-active,
.dx-scheduler-date-table-cell.dx-state-active {
background-color: #8d8dd9;
}
.dx-scheduler-all-day-table-cell.dx-state-hover,
.dx-scheduler-date-table-cell.dx-state-hover {
background-color: #959595;
}
.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
background-color: #ffffff;
}
.dx-scheduler-all-day-table-cell.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-focused {
background-color: #ffffff;
opacity: 1;
}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
box-shadow: inset 0 0 0 1px #8080ff;
}
.dx-scheduler-date-table-droppable-cell {
background-color: #d9d9f3;
}
.dx-scheduler-scrollable-appointments {
position: absolute;
top: 0;
}
.dx-scheduler-appointment {
border-bottom: 1px solid transparent;
background-clip: padding-box;
position: absolute;
cursor: default;
user-select: none;
-webkit-touch-callout: none;
background-color: #8080ff;
color: #fff;
box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
left: 0;
min-width: 4px;
min-height: 4px;
}
.dx-scheduler-appointment.dx-state-active,
.dx-scheduler-appointment.dx-resizable-resizing {
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-focused {
box-shadow: none;
}
.dx-scheduler-appointment.dx-state-focused:before {
pointer-events: none;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.dx-scheduler-appointment.dx-state-focused:before {
background-color: rgba(0, 0, 0, 0.3);
opacity: 0.98;
}
.dx-scheduler-appointment.dx-state-hover {
box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover.dx-resizable {
box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
height: 5px;
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
width: 5px;
}
.dx-scheduler-appointment.dx-draggable-dragging {
box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-appointment.dx-draggable-dragging {
z-index: 1000;
opacity: 0.7;
}
.dx-scheduler-appointment .dx-resizable-handle-left {
left: -1px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
position: absolute;
top: 3px;
right: 5px;
font: 14px/1 DXIcons;
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
content: '00e';
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
right: auto;
left: 3px;
font: 14px/1 DXIcons;
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
content: '011';
}
.dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
display: none;
}
.dx-scheduler-appointment.dx-state-disabled {
cursor: default;
opacity: 0.6;
}
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
padding-right: 40px;
}
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
top: 9px;
}
.dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
top: calc(35% - 3px);
right: 20px;
}
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-scheduler-all-day-appointment {
box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-all-day-appointment {
box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-resizable-resizing {
box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-all-day-appointment.dx-state-focused {
box-shadow: none;
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-all-day-appointment.dx-state-focused:before {
pointer-events: none;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-all-day-appointment.dx-state-focused:before {
background-color: rgba(0, 0, 0, 0.3);
opacity: 0.98;
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-all-day-appointment.dx-state-hover {
box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-all-day-appointment.dx-draggable-dragging {
box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2);
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
position: absolute;
top: 15%;
}
.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
box-shadow: none;
}
.dx-scheduler-group-header-content div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dx-scheduler-appointment-recurrence-icon {
position: absolute;
background-repeat: no-repeat;
top: 3px;
right: 5px;
display: none;
}
.dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
font-size: 18px;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
display: block;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 5px 25px 5px 7px;
}
.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 5px 7px 5px 25px;
}
.dx-scheduler-appointment-content {
padding: 5px 7px;
cursor: pointer;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 0.99;
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
font-size: 12px;
}
.dx-scheduler-appointment-content > * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
display: none;
}
.dx-scheduler-appointment-content-details {
font-size: 11px;
white-space: pre;
overflow: hidden;
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
.dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
display: none;
}
.dx-scheduler-appointment-content-date {
opacity: 0.7;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
margin: 0;
}
.dx-scheduler-appointment-popup .dx-field-item-label-location-left {
padding-right: 20px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
padding-top: 13px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
-webkit-box-align: start;
align-items: start;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
float: none;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
float: left;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
padding-top: 7px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
position: absolute;
left: -90px;
padding-right: 10px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
position: relative;
left: -88px;
top: 13px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
display: inline-block;
}
.dx-scheduler-appointment-popup .dx-field {
min-height: 0;
}
.dx-scheduler-appointment-popup .dx-field-label {
width: auto;
}
.dx-scheduler-appointment-popup .dx-field-value {
padding-left: 0;
padding-right: 0;
}
.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
float: left;
}
.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
float: right;
}
.dx-scheduler-appointment-collector {
background-color: #8080ff;
color: #fff;
}
.dx-scheduler-appointment-collector.dx-button,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover,
.dx-scheduler-appointment-collector.dx-button.dx-state-active,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused {
background-color: #8080ff;
color: #fff;
border: none;
box-shadow: none;
}
.dx-scheduler-appointment-collector.dx-button .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
line-height: inherit;
}
.dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
pointer-events: none;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0.98;
}
.dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
color: #fff;
opacity: 0.99;
}
.dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
margin-top: 10px;
}
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 30px;
margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 60px;
margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 75px;
margin-bottom: -75px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 105px;
margin-bottom: -105px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 135px;
margin-bottom: -135px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 165px;
margin-bottom: -165px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 25px;
margin-bottom: -25px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 55px;
margin-bottom: -55px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 85px;
margin-bottom: -85px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 115px;
margin-bottom: -115px;
}
.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
padding-left: 100px;
width: 100%;
height: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
padding-left: 50px;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
padding-left: 0;
padding-right: 50px;
}
.dx-scheduler-agenda .dx-scheduler-appointment {
position: relative;
box-shadow: none;
}
.dx-scheduler-agenda .dx-scheduler-time-panel {
margin-top: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
padding-top: 0;
padding-bottom: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
vertical-align: top;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
display: none;
}
.dx-scheduler-agenda .dx-scheduler-group-table {
border-spacing: 0;
margin-top: 0;
height: 100%;
float: left;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell,
.dx-scheduler-agenda .dx-scheduler-date-table-cell {
border: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
float: right;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
display: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
border-bottom: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
display: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
border-bottom: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-right: -80px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -40px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -40px;
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 180px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 90px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 180px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-right: 90px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-right: -160px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -160px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 260px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 130px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 260px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-right: 130px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-right: -240px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -120px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -240px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -120px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 340px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 170px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 340px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-right: 170px;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
vertical-align: top;
width: 80px;
border-top: none;
border-left: none;
border-right: none;
font-size: 18px;
font-weight: normal;
padding: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
width: 40px;
font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
font-weight: bold;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content {
width: 80px;
overflow: hidden;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content:before {
content: '';
display: block;
height: 1px;
width: 100%;
border-bottom: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
width: 38px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content div {
white-space: normal;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content {
font-size: 16px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
opacity: 1;
font-weight: bold;
font-size: 13px;
margin-top: 4px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 5px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
padding-right: 0;
padding-left: 5px;
}
.dx-scheduler-agenda-nodata {
text-align: center;
font-size: 20px;
opacity: 0.5;
position: absolute;
top: 45%;
left: 0;
right: 0;
}
.dx-timezone-editor {
overflow: hidden;
}
.dx-timezone-editor .dx-timezone-display-name {
float: left;
width: 75%;
}
.dx-timezone-editor .dx-timezone-iana-id {
float: right;
width: 23%;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 90px;
margin-bottom: 90px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 130px;
margin-bottom: 130px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 170px;
margin-bottom: 170px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 130px;
margin-bottom: 130px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 170px;
margin-bottom: 170px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
padding-bottom: 210px;
margin-bottom: 210px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
display: none;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
margin-left: 0 !important;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
height: 40px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
flex-grow: 1;
flex-basis: 0;
display: flex;
flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
flex-basis: auto;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
border-right: none;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
width: 200px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-right: -200px;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
left: 200px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
right: 200px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
left: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
margin-left: 0;
margin-right: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 201px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
left: 0;
right: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
margin-left: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-right: 0;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
left: 100px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
right: 100px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -250px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
width: 250px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-right: -250px;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
width: 250px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
left: 250px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
right: 250px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
left: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
margin-left: 0;
margin-right: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 251px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
left: 0;
right: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
margin-left: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-right: 0;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
left: 150px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
right: 150px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -300px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
width: 300px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-right: -300px;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
width: 300px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
left: 300px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
right: 300px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-left: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
left: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
margin-left: 0;
margin-right: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 301px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
left: 0;
right: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
margin-left: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
margin: 0 0 0 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-right: 0;
margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
left: 200px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
right: 200px;
left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
width: 200px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
float: left;
height: 100%;
min-height: 100px;
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-top: 1px solid rgba(179, 179, 230, 0.6);
border-spacing: 0;
display: flex;
flex-flow: column nowrap;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
height: 100%;
display: flex;
flex-flow: column nowrap;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row {
display: flex;
flex-flow: row nowrap;
flex: 1;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
display: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
display: flex;
flex-flow: row nowrap;
flex: 1 1 auto;
height: auto;
text-align: center;
border-bottom: 2px solid rgba(179, 179, 230, 0.6);
padding: 0;
overflow: hidden;
width: 100%;
border-right: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
margin-top: 200%;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content {
padding-top: 16px;
overflow: visible;
flex-grow: 1;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
white-space: normal;
line-height: normal;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
font-weight: normal;
text-align: left;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
position: relative;
left: 75px;
width: 75px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
top: 0;
position: relative;
height: 50px !important;
line-height: 50px !important;
border-bottom: none;
border-right: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
display: table-cell;
position: relative;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
content: '';
width: 100px;
display: table-cell;
}
.dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
width: 50px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
height: 50px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
margin-top: 0;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
border-bottom: none;
box-shadow: inset 0 -1px 0 rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
border-bottom: 2px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
display: block;
float: left;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
display: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
left: 101px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
box-shadow: 0 -2px 0 rgba(179, 179, 230, 0.6);
border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
height: 75px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
display: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-group-table {
border-right: none;
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-rtl .dx-scheduler-date-time-shader-all-day {
margin-left: 0;
margin-right: 100px;
}
.dx-rtl .dx-scheduler-navigator {
float: right;
padding-left: 0;
padding-right: 10px;
}
.dx-device-mobile .dx-rtl .dx-scheduler-navigator {
padding-right: 5px;
}
.dx-rtl .dx-scheduler-view-switcher.dx-tabs {
float: left;
}
.dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
left: 10px;
right: auto;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
margin-right: 0;
}
.dx-rtl .dx-scheduler-header-panel {
left: 0;
right: inherit;
}
.dx-rtl .dx-scheduler-all-day-panel table {
margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-group-table,
.dx-rtl .dx-scheduler-time-panel {
float: right;
}
.dx-rtl .dx-scheduler-time-panel-cell {
text-align: left;
padding-left: 20px;
padding-right: 0;
}
.dx-rtl .dx-scheduler-time-panel-cell:after {
right: auto;
left: 0;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
float: right;
margin-left: 0;
margin-right: -100px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
margin-right: -50px;
}
.dx-rtl .dx-scheduler-appointment-recurrence-icon {
left: 20px;
right: auto;
}
.dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
left: 20px;
right: auto;
}
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-left: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
right: 0;
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
margin-right: 0;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
float: right;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-right: 100px;
margin-left: auto;
}
.dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
margin-right: 50px;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
margin-right: 0;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
border-right: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
float: right;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
right: 0;
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
margin-right: 0;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
left: 0;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
padding: 0 5px 0 10px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
text-align: right;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
margin-left: 0;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
margin-right: 50px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
padding-right: 100px;
padding-left: 0;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
padding-right: 50px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
float: right;
}
.dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
float: left;
}
.dx-rtl .dx-timezone-editor .dx-timezone-display-name {
float: right;
}
.dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
float: left;
}
.dx-scheduler-time-panel-cell {
height: 50px;
}
.dx-scheduler-date-table-cell {
height: 50px;
}
.dx-scheduler-all-day-title {
height: 75px;
line-height: 75px;
font-size: 14px;
font-weight: bold;
top: 56px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
height: 25px;
line-height: 25px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
top: 96px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
top: -41px;
height: 40px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
top: 126px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
top: -71px;
height: 70px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
top: 156px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
top: -101px;
height: 100px;
}
.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
top: 106px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
top: 136px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
top: -81px;
height: 80px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
top: 166px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
top: -111px;
height: 110px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
top: 196px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
top: -141px;
height: 140px;
}
.dx-scheduler-all-day-table {
height: 75px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
height: 25px;
}
.dx-scheduler-header-panel {
margin-top: 10px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel {
margin-top: 11px;
}
.dx-scheduler-header-panel-cell {
height: 40px;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
top: 37px;
height: 2px;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
height: 75px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 125px;
margin-bottom: -125px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 155px;
margin-bottom: -155px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 185px;
margin-bottom: -185px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 215px;
margin-bottom: -215px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 75px;
margin-bottom: -75px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 105px;
margin-bottom: -105px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 135px;
margin-bottom: -135px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 165px;
margin-bottom: -165px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 10px;
margin-bottom: -10px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 40px;
margin-bottom: -40px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 70px;
margin-bottom: -70px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 100px;
margin-bottom: -100px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 85px;
margin-bottom: -85px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 115px;
margin-bottom: -115px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 145px;
margin-bottom: -145px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 175px;
margin-bottom: -175px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 35px;
margin-bottom: -35px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 65px;
margin-bottom: -65px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 95px;
margin-bottom: -95px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 125px;
margin-bottom: -125px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
top: 57px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 125px;
margin-bottom: -125px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 155px;
margin-bottom: -155px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 185px;
margin-bottom: -185px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 215px;
margin-bottom: -215px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 75px;
margin-bottom: -75px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 105px;
margin-bottom: -105px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 135px;
margin-bottom: -135px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 165px;
margin-bottom: -165px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
margin-top: 10px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
top: 136px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
top: -81px;
height: 80px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
top: 166px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
top: -111px;
height: 110px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
top: 196px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
top: -141px;
height: 140px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title {
top: 106px;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
border-bottom: none;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
font-size: 13px;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
border-left: 1px solid #6666cd;
border-top: 1px solid #6666cd;
}
.dx-scheduler-header {
background-color: #dcdcf4;
border: 1px solid rgba(179, 179, 230, 0.6);
height: 56px;
}
.dx-scheduler-navigator {
padding: 10px;
}
.dx-scheduler-navigator .dx-button {
margin-top: -1px;
height: 36px;
}
.dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
padding: 6px;
}
.dx-scheduler-navigator-caption {
border-radius: 0;
border-right-width: 0;
border-left-width: 0;
}
.dx-scheduler-navigator-caption.dx-state-focused,
.dx-scheduler-navigator-caption.dx-state-hover,
.dx-scheduler-navigator-caption.dx-state-active {
border-right-width: 1px;
border-left-width: 1px;
}
.dx-scheduler-navigator-previous {
border-radius: 4px 0 0 4px;
}
.dx-rtl .dx-scheduler-navigator-previous {
border-radius: 0 4px 4px 0;
}
.dx-scheduler-navigator-next {
border-radius: 0 4px 4px 0;
}
.dx-rtl .dx-scheduler-navigator-next {
border-radius: 4px 0 0 4px;
}
.dx-scheduler-view-switcher.dx-tabs {
font-size: 14px;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
background: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
background-color: #ececf9;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
background-color: #ececf9;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-top: 1px solid #8080ff;
border-bottom: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
height: 56px;
}
.dx-scheduler-view-switcher.dx-dropdownmenu {
margin-top: 9px;
}
.dx-scheduler-view-switcher-label {
margin-top: 16px;
right: 60px;
}
.dx-rtl .dx-scheduler-view-switcher-label {
left: 60px;
right: auto;
}
.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
border-bottom: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
font-size: 14px;
color: #333;
}
.dx-scheduler-header-panel .dx-scheduler-group-header {
font-size: 18px;
}
.dx-scheduler-header-panel .dx-scheduler-group-header,
.dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header {
font-weight: bold;
color: #333;
padding: 0;
}
.dx-scheduler-all-day-panel {
background-color: #ececf9;
}
.dx-scheduler-work-space {
padding-top: 56px;
margin-top: -56px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
border-top: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
border: none;
}
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
border-left: none;
border-right: none;
}
.dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
border-top: none;
}
.dx-scheduler-date-table-cell {
border-left: 1px solid rgba(179, 179, 230, 0.6);
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-all-day-table-cell.dx-state-active,
.dx-scheduler-date-table-cell.dx-state-active {
background-color: rgba(184, 184, 233, 0.7);
}
.dx-scheduler-all-day-table-cell.dx-state-hover,
.dx-scheduler-date-table-cell.dx-state-hover {
background-color: #dcdcf4;
color: #959595;
}
.dx-scheduler-appointment-popup .dx-popup-title {
background-color: #ececf9;
}
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
margin: 0;
}
.dx-scheduler-appointment-popup .dx-popup-bottom {
border-top: 1px solid #b3b3e6;
}
.dx-scheduler-appointment-popup .dx-toolbar-after {
margin-right: 4px;
}
.dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
margin-left: 4px;
margin-right: 0;
}
.dx-scheduler-appointment-popup .dx-form-validation-summary {
padding: 10px 20px;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
font-size: 16px;
}
.dx-scheduler-header-panel,
.dx-scheduler-time-panel {
font-size: 16px;
}
.dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
border-right: 1px solid #6666cd;
}
.dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
border-left: 1px solid #6666cd;
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child,
.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
border-left: none;
}
.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell {
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th {
border-right: 1px solid rgba(179, 179, 230, 0.6);
border-left: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
border-right: 1px solid #6666cd;
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
border-right: none;
}
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
border-left: 1px solid #6666cd;
border-right: 1px solid rgba(179, 179, 230, 0.6);
}
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child {
border-left: none;
}
.dx-scheduler-appointment-collector {
height: 20px;
}
.dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
line-height: 13.33333333px;
height: 20px;
}
.dx-scheduler-appointment-collector.dx-state-hover:before {
border-radius: 20px;
}
.dx-scheduler-appointment-collector.dx-button.dx-button-default {
border-radius: 20px;
}
.dx-scheduler-appointment {
border-left: 3px solid transparent;
border-right: 2px solid transparent;
}
.dx-scheduler-appointment.dx-state-focused {
color: #fff;
}
.dx-scheduler-appointment.dx-scheduler-appointment-empty {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.dx-scheduler-appointment-content {
padding: 5px 7px;
}
.dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
padding-right: 40px;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 5px 25px 5px 7px;
}
.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
padding: 5px 7px 5px 25px;
}
.dx-scheduler-dropdown-appointment-date {
color: #959595;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 50px;
margin-bottom: -50px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 80px;
margin-bottom: -80px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 110px;
margin-bottom: -110px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 140px;
margin-bottom: -140px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 41px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 71px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 101px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
height: 11px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 10px;
margin-bottom: -10px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 40px;
margin-bottom: -40px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 70px;
margin-bottom: -70px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 100px;
margin-bottom: -100px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 121px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 151px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 181px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
height: 91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
height: 91px;
margin-top: -91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
background-color: #ececf9;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
background-color: #ececf9;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 31px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 61px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 91px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
height: 1px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 156px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 186px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 216px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 146px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 176px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 66px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 96px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
height: 36px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 56px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
height: 26px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
height: auto;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content {
font-size: 16px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
font-size: 13px;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
font-size: 18px;
width: 80px;
}
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 30px;
margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 60px;
margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 30px;
margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 60px;
margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 0;
margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 30px;
margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 60px;
margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
padding-bottom: 90px;
margin-bottom: -90px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content {
width: 80px;
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-right: -80px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -40px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
margin-left: -40px;
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 180px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 90px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 180px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
padding-right: 90px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-right: -160px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -160px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
margin-left: -80px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 260px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 130px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 260px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
padding-right: 130px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-right: -240px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -120px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -240px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
margin-left: -120px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 340px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 170px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-left: 0;
padding-right: 340px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
padding-right: 170px;
}
.dx-scheduler-agenda-nodata {
font-size: 16px;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content .dx-list-item {
border-top-width: 1px;
}
.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
background: #ececf9;
}
.dx-form-group-with-caption > .dx-form-group-content {
border-top: 1px solid #b3b3e6;
}
.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: #333;
}
.dx-field-item-help-text {
color: #333;
}
.dx-field-item-required-mark {
color: #ea4444;
}
.dx-field-item-optional-mark {
color: #afafaf;
}
.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: #333;
}
.dx-filterbuilder-overlay .dx-treeview-item {
padding: 5px 15px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
padding-left: 15px;
}
.dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor-container {
padding-top: 17px;
}
.dx-recurrence-editor-container {
position: relative;
margin-bottom: 21px;
}
.dx-recurrence-repeat-end-container {
margin: 0;
}
.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
line-height: 36px;
}
.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-datebox-until-date {
margin-left: 23px;
}
.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-numberbox-repeat-count {
margin-left: 11px;
}
.dx-drawer-shader {
background-color: rgba(0, 0, 0, 0.5);
}
.dx-card {
border: 1px solid #b3b3e6;
border-radius: 4px;
background-color: #ececf9;
}
.dx-htmleditor {
border-color: #b3b3e6;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
border-bottom: 1px solid #b3b3e6;
}
.dx-htmleditor.dx-invalid {
border-color: rgba(217, 83, 79, 0.4);
}
.dx-htmleditor.dx-invalid.dx-state-focused {
border-color: #d9534f;
}
.dx-htmleditor-content.ql-blank::before {
color: #999999;
}
.dx-htmleditor-content pre {
color: rgba(51, 51, 51, 0.8);
}
.dx-htmleditor-content blockquote {
color: rgba(51, 51, 51, 0.8);
border-left-color: #b3b3e6;
}
.dx-rtl .dx-htmleditor-content blockquote {
border-right-color: #b3b3e6;
}
.dx-htmleditor-content .dx-variable > span {
background: rgba(128, 128, 255, 0.15);
}
.dx-htmleditor-toolbar {
background-color: transparent;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
background-color: #c5c5ed;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
background-color: #449d44;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
background-color: #4d4dff;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
background-color: #c9302c;
}
.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: #b3b3e6;
}
.dx-htmleditor-toolbar-menu-separator {
border-top-color: #b3b3e6;
}
.dx-resize-frame {
border-color: #8080ff;
}
.dx-resize-frame .dx-resizable-handle-corner-top-right,
.dx-resize-frame .dx-resizable-handle-corner-top-left,
.dx-resize-frame .dx-resizable-handle-corner-bottom-right,
.dx-resize-frame .dx-resizable-handle-corner-bottom-left {
background-color: #8080ff;
}
.dx-resize-frame .dx-resizable-handle-top::after,
.dx-resize-frame .dx-resizable-handle-left::after,
.dx-resize-frame .dx-resizable-handle-right::after,
.dx-resize-frame .dx-resizable-handle-bottom::after {
background-color: #8080ff;
}
.dx-mention {
background-color: #b8b8e8;
color: #333;
}
.dx-suggestion-list-wrapper {
height: 100%;
}
.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
border-top-width: 0;
border-bottom-width: 1px;
}
.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
border-top-width: 1px;
border-bottom-width: 0;
}
.dx-suggestion-list-wrapper .dx-popup-content {
height: 100%;
padding: 1px;
}
.dx-suggestion-list-wrapper .dx-list {
height: 100%;
min-height: 33px;
}
.dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
padding: 7px 9px;
}
.dx-suggestion-list-wrapper .dx-list-select-all {
padding: 12px 0 8px;
}
.dx-suggestion-list-wrapper .dx-list-item,
.dx-suggestion-list-wrapper .dx-empty-message {
border-top: 0;
}
.dx-suggestion-list-wrapper .dx-list-item:last-of-type,
.dx-suggestion-list-wrapper .dx-empty-message:last-of-type {
border-bottom: none;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content {
max-width: 48px;
max-height: 48px;
background-color: #8080ff;
color: #fff;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
background-color: #4d4dff;
color: #fff;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
background-color: #3333ff;
color: #fff;
}
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
padding: 15px;
}
.dx-fa-button .dx-fa-button-icon,
.dx-fa-button .dx-fa-button-icon-close {
padding: 6px;
width: 18px;
box-sizing: content-box;
}
.dx-fa-button .dx-fa-button-icon .dx-icon,
.dx-fa-button .dx-fa-button-icon-close .dx-icon {
font-size: 18px;
}
.dx-fa-button .dx-fa-button-icon img,
.dx-fa-button .dx-fa-button-icon-close img {
width: 100%;
height: 100%;
}
.dx-fa-button .dx-overlay-content {
max-width: 30px;
max-height: 30px;
background-color: #ececf9;
color: #333;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dx-fa-button .dx-overlay-content.dx-state-hover {
background-color: #c5c5ed;
color: #333;
}
.dx-fa-button .dx-overlay-content.dx-state-active {
background-color: #b2b2e7;
color: #333;
}
.dx-filemanager {
border-color: #b3b3e6;
}
.dx-filemanager .dx-filemanager-toolbar {
background: #ececf9;
}
.dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar,
.dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
background: #e0e0f5;
}
.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
height: 36px;
background: #b3b3e6;
}
.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
width: 150px;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
background: transparent;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused {
background: rgba(51, 51, 51, 0.1);
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
border-color: transparent;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
background: transparent;
}
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
background: transparent;
border-color: transparent;
}
.dx-filemanager .dx-filemanager-container {
border-top-color: #b3b3e6;
}
.dx-filemanager .dx-filemanager-dirs-panel {
border-right-color: #b3b3e6;
}
.dx-filemanager .dx-filemanager-breadcrumbs {
border-bottom-color: #b3b3e6;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
background: #b3b3e6;
color: #333;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
background: #b3b3e6;
}
.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
background: transparent;
}
.dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
color: #333;
background: #ececf9;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
color: #ececf9;
background: #8080ff;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
border-color: #333;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
color: #b3b3e6;
}
.dx-filemanager .dx-filemanager-files-view {
background: #ececf9;
}
.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail {
font-size: 18px;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-content > i {
margin-bottom: 0;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
background: #ececf9;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
background: #cdcdef;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
color: #333;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
background: #cdcdef;
}
.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
color: #333;
}
.dx-filemanager-file-actions-button .dx-button {
min-width: 32px;
height: 21px;
}
.dx-filemanager-file-actions-button .dx-button .dx-button-content {
padding-top: 10px;
padding-bottom: 10px;
}
.dx-diagram {
border-color: #b3b3e6;
}
.dx-diagram .dx-diagram-toolbar-wrapper:first-child {
border-bottom: 1px solid #b3b3e6;
}
.dx-diagram .dx-diagram-left-panel,
.dx-diagram .dx-diagram-right-panel {
background: #ececf9;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
border-left: none;
border-right: none;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
padding-top: 24px;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
border-top: none;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
border-color: #b3b3e6;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
border-bottom-color: transparent;
}
.dx-diagram .dx-diagram-left-panel {
border-right-color: #b3b3e6;
}
.dx-diagram .dx-diagram-right-panel {
border-left-color: #b3b3e6;
}
.dx-diagram.dx-diagram-fullscreen {
background-color: #ececf9;
}
.dx-diagram-toolbar {
background-color: transparent;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
background-color: #c5c5ed;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
background-color: #449d44;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
background-color: #4d4dff;
}
.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
background-color: #c9302c;
}
.dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
background-color: transparent;
}
.dx-diagram-toolbar .dx-diagram-toolbar-separator {
border-left-color: #b3b3e6;
}
.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
border-top-color: #b3b3e6;
}
.dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor {
width: 90px;
}
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
margin-left: 8px;
margin-right: 7px;
}
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
font-size: 18px;
color: #333;
}
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
border-bottom-width: 3px;
border-bottom-style: solid;
}
.dx-diagram-i-connector-begin-none {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M1%2c15l9-9l1%2c1l-9%2c9L1%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M12%2c10V5H0v12h12v-5h20v-2H12z%20M10%2c15H2V7h8V15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-connector-begin-arrow {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M12%2c12v4L0%2c11l12-5v4h20v2H12z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-connector-end-none {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M21%2c15l9-9l1%2c1l-9%2c9L21%2c15z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23FF0000%22%2f%3e%0a%3cpath%20d%3d%22M0%2c10l0%2c2h20v5h12V5H20v5H0z%20M22%2c7h8v8h-8V7z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-connector-end-arrow {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M0%2c12l0-2h20V6l12%2c5l-12%2c5v-4H0z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-connector-orthogonal {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2c2H2v4h4V2z%20M30%2c16h-4v4h4V16z%22%20fill-rule%3d%22evenodd%22%20clip-rule%3d%22evenodd%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-connector-straight {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2032%2022%22%20style%3d%22enable-background%3anew%200%200%2032%2022%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20d%3d%22M24%2c14v2.2L8%2c2.8V0H0v8h8V5.8l16%2c13.3V22h8v-8H24z%20M6%2c6H2V2h4V6z%20M30%2c20h-4v-4h4V20z%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 26.28px;
height: 18px;
}
.dx-diagram-i-button-fill {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2018%2018%22%20style%3d%22enable-background%3anew%200%200%2018%2018%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpath%20id%3d%22_x32_%22%20d%3d%22M7.6%2c1L6.7%2c1.9l1.9%2c1.9L3%2c9.4L9.5%2c16L16%2c9.4L7.6%2c1z%20M5%2c9l4.5-4.5L14%2c9H5z%22%20fill%3d%22%23333%22%20%2f%3e%0a%3c%2fsvg%3e%0a%0a');
width: 18px;
height: 21px;
}
.dx-diagram-i-button-fullscreen {
background-image: url('data:image/svg+xml;charset=UTF-8,%3c%3fxml%20version%3d%221.0%22%20encoding%3d%22utf-8%22%3f%3e%0a%3csvg%20version%3d%221.1%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww.w3.org%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%0a%09%20viewBox%3d%220%200%2018%2018%22%20style%3d%22enable-background%3anew%200%200%2018%2018%3b%22%20xml%3aspace%3d%22preserve%22%3e%0a%3cpolygon%20points%3d%220%2c6%202%2c6%202%2c2%206%2c2%206%2c0%200%2c0%22%20fill%3d%22%23333%22%2f%3e%0a%3cpolygon%20points%3d%222%2c12%200%2c12%200%2c18%206%2c18%206%2c16%202%2c16%22%20fill%3d%22%23333%22%2f%3e%0a%3cpolygon%20points%3d%2212%2c0%2012%2c2%2016%2c2%2016%2c6%2018%2c6%2018%2c0%22%20fill%3d%22%23333%22%2f%3e%0a%3cpolygon%20points%3d%2216%2c16%2012%2c16%2012%2c18%2018%2c18%2018%2c12%2016%2c12%22%20fill%3d%22%23333%22%2f%3e%0a%3c%2fsvg%3e%0a');
width: 18px;
height: 18px;
}
WebReportingCustomColorScheme/Content/reporting.light.custom.css
CSS/**
* Generated by the DevExpress Reporting Demo
* https://demos.devexpress.com/MVCxReportDemos/WebSpecificFeatures/ColorSchemeCustomization
*/
.dx-designer-viewport .dxd-state-active .dxd-icon-fill {
fill: #ececf9;
}
.dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted:hover .dxd-icon-fill {
fill: #ececf9;
}
.dx-designer-viewport .dxrd-scripts-editor.ace_editor,
.dx-designer-viewport .dx-sql_editor.ace_editor,
.dx-designer-viewport .dx-expressioneditor-textarea.ace_editor,
.dx-designer-viewport .dx-filtereditor-ace.ace_editor {
background-color: #ececf9;
}
.dx-designer-viewport .dxd-state-active .dxd-text-primary {
color: #ececf9;
}
.dx-designer-viewport .dxd-back-primary2 {
background-color: #ececf9;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab {
background-color: #ececf9;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab.dx-tab-selected {
color: #ececf9;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab.dx-tab-selected .dx-icon {
color: #ececf9;
}
.dx-designer-viewport .dxd-state-active .dxd-text-primary,
.dx-designer-viewport .dxd-back-contrast .dxd-text-primary {
color: #ececf9;
}
.dx-designer-viewport .dxd-back-primary2-invariant {
background-color: #ececf9;
}
.dx-designer-viewport .dxrd-scripts-editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-sql_editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-expressioneditor-textarea.ace_editor .ace_gutter,
.dx-designer-viewport .dx-filtereditor-ace.ace_editor .ace_gutter {
background-color: #d9d9f2;
}
.dx-designer-viewport .dxd-back-primary {
background-color: #d9d9f2;
}
.dx-designer-viewport .dxd-back-highlighted:hover:not(.dxd-state-no-hover) {
background-color: #d9d9f2;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab:hover {
background-color: #d9d9f2;
}
.dx-designer-viewport .dxd-back-secondary-invariant {
background-color: #d9d9f2;
}
.dx-designer-viewport .dxd-border-primary {
border-color: #b3b3e6;
}
.dx-designer-viewport .dxd-back-secondary {
background-color: #b3b3e6;
}
.dx-designer-viewport .dxrd-scripts-editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-sql_editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-expressioneditor-textarea.ace_editor .ace_gutter,
.dx-designer-viewport .dx-filtereditor-ace.ace_editor .ace_gutter {
border-color: #b3b3e6;
}
.dx-designer-viewport .dxd-scrollbar-color {
scrollbar-face-color: #b3b3e6;
-ms-scrollbar-face-color: #b3b3e6;
}
.dx-designer-viewport .dxd-scrollbar-color::-webkit-scrollbar-corner {
background-color: #b3b3e6;
}
.dx-designer-viewport .dxd-scrollbar-color::-webkit-scrollbar {
background-color: #b3b3e6;
}
.dx-designer-viewport .dxrd-scripts-editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-sql_editor.ace_editor .ace_gutter,
.dx-designer-viewport .dx-expressioneditor-textarea.ace_editor .ace_gutter,
.dx-designer-viewport .dx-filtereditor-ace.ace_editor .ace_gutter {
border-color: #b3b3e6;
}
.dx-designer-viewport .dxd-back-primary-invariant {
background-color: #b3b3e6;
}
.dx-designer-viewport .dxd-border-secondary {
border-color: #9f9fdf;
}
.dx-designer-viewport .dxd-back-highlighted.dxd-state-normal:hover:not(.dxd-state-no-hover) {
background-color: #9f9fdf;
}
.dx-designer-viewport .dxd-back-highlighted.dxd-state-selected,
.dx-designer-viewport .dxd-back-highlighted.dxd-state-selected:hover {
background-color: #9f9fdf;
}
.dx-designer-viewport .dxd-back-contrast .dxd-icon-fill {
fill: #8c8cd9;
}
.dx-designer-viewport .dxd-back-highlighted.dxd-state-active {
background-color: #8c8cd9;
}
.dx-designer-viewport .dxd-scrollbar-color {
scrollbar-track-color: #8c8cd9;
-ms-scrollbar-track-color: #8c8cd9;
}
.dx-designer-viewport .dxd-scrollbar-color::-webkit-scrollbar-thumb {
background-color: #8c8cd9;
}
.dx-designer-viewport .dxd-qb-relationship-line-color {
stroke: #8c8cd9;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab {
border-color: #8c8cd9;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab.dx-tab-selected,
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-tab.dx-tab-selected:hover {
background-color: #8c8cd9;
}
.dx-designer-viewport .dxd-back-contrast .dxd-border-primary {
border-color: #8c8cd9;
}
.dx-designer-viewport .dxd-back-secondary-invariant .dxd-border-primary {
border-color: #8c8cd9;
}
.dx-designer-viewport .dxd-back-contrast {
background-color: #4040bf;
}
.dx-designer-viewport .dxd-back-highlighted.dxd-state-active:hover:not(.dxd-state-no-hover) {
background-color: #4040bf;
}
.dx-designer-viewport .dxd-scrollbar-color {
scrollbar-arrow-color: #4040bf;
-ms-scrollbar-arrow-color: #4040bf;
}
.dx-designer-viewport .dxd-icon-fill {
fill: #4040bf;
}
.dx-designer-viewport .dxrd-navigation-panel-wrapper .dx-icon {
color: #333399;
}
.dx-designer-viewport .dxd-text-info {
color: #333399;
}
.dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted:hover,
.dx-designer-viewport .dxd-back-contrast .dxd-back-highlighted.dxd-state-active {
background-color: #333399;
}
.dx-designer-viewport .dxd-border-accented {
border-color: #8080ff;
}
.dx-designer-viewport .dxd-text-accented {
color: #8080ff;
}
.dx-designer-viewport .dxd-back-accented {
background-color: #8080ff;
}
.dx-designer-viewport .dxdd-connector.dxd-state-selected .dxd-qb-relationship-line-color {
stroke: #8080ff;
}
.dx-designer-viewport .dxd-icon-accented .dxd-icon-fill {
fill: #8080ff;
}