/*! * DevExtreme * Version: 17.1.5 * Build date: Aug 1, 2017 * * Copyright (c) 2012 - 2017 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ .dx-colorview-palette-handle { background: -webkit-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); background: -webkit-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); background: -moz-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); background: -ms-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); background: -o-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); 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); -webkit-box-shadow: inset -5px 0px 0px 3px #FFF , inset 5px 0px 0px 3px #FFF , inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2) , inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset -5px 0px 0px 3px #FFF , inset 5px 0px 0px 3px #FFF , inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2) , inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset -5px 0px 0px 3px #FFF , inset 5px 0px 0px 3px #FFF , inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2) , inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2); } .dx-colorview-alpha-channel-handle { border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -5px 0px 3px #FFF , inset 0px 5px 0px 3px #FFF , inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2) , inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -5px 0px 3px #FFF , inset 0px 5px 0px 3px #FFF , inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2) , inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -5px 0px 3px #FFF , inset 0px 5px 0px 3px #FFF , inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2) , inset 0px 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 #CBCBCB; border-right: 1px solid #CBCBCB; } .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-bottom: 1px solid #CBCBCB; } .dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-headers { border-top: 1px solid #CBCBCB; } .dx-datagrid { color: rgba(0, 0, 0, 0.87); background-color: white; } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up:before { content: "\f051"; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down:before { content: "\f052"; } .dx-datagrid .dx-header-filter { position: relative; color: #7E7E7E; font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050"; } .dx-datagrid .dx-header-filter-empty { color: rgba(126, 126, 126, 0.5); } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: white; } .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-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; } .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-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-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form { background-color: white; } .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content { color: rgba(0, 0, 0, 0.87); } .dx-datagrid .dx-error-row td { color: white; padding: 0; } .dx-datagrid .dx-error-row .dx-error-message { background-color: #f28f8f; white-space: normal; word-wrap: break-word; } .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: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; } .dx-datagrid-column-chooser a { color: #00BCD4; text-decoration: underline; } .dx-datagrid-column-chooser img { border-style: none; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-adaptive-more:before { content: "\f06c"; } .dx-datagrid-edit-popup .dx-error-message { background-color: #f28f8f; white-space: normal; word-wrap: break-word; color: white; margin-bottom: 20px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #CBCBCB; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-datagrid-form-buttons-container { float: left; } .dx-rtl .dx-datagrid-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .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: #767676; } .dx-pivotgrid-fields-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-up:before { content: "\f051"; } .dx-pivotgrid-fields-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-down:before { content: "\f052"; } .dx-pivotgrid-fields-container .dx-header-filter { color: #7E7E7E; font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-header-filter:before { content: "\f050"; } .dx-pivotgrid-fields-container .dx-header-filter-empty { color: rgba(126, 126, 126, 0.5); } .dx-pivotgrid-fields-container .dx-area-field { cursor: pointer; } .dx-pivotgrid-fields-container.dx-drag { opacity: 0.8; } .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box { -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid rgba(96, 96, 96, 0.5); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 4px; border: 1px solid #CCCCCC; 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: #F7F7F7; } .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-area-field.dx-area-box { margin-bottom: 0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #CCCCCC; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td { border-top-width: 0px; } .dx-pivotgrid .dx-expand-icon-container { margin-left: -3px; margin-right: 2px; } .dx-pivotgrid .dx-area-row-cell, .dx-pivotgrid .dx-area-description-cell { border-right: 1px solid #CCCCCC; } .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 #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-area { box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: #767676; 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: #b9b9b9; } .dx-pivotgrid .dx-group-connector { position: absolute; width: 2px; top: 50%; height: 2px; margin-top: -1px; background-color: #CCCCCC; } .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: #1B1B1B; white-space: nowrap; border-left: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0px; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0px; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0px; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0px; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child { border-right: 0px; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .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: #F7F7F7; width: 24px; padding: 0; min-width: 24px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0px; } .dx-pivotgrid .dx-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: #F7F7F7; } .dx-pivotgrid .dx-grandtotal { background-color: #EBEBEB; } .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 #CCCCCC; } .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 #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-top: 1px solid #CCCCCC; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-bottom: 1px solid #CCCCCC; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; margin-left: 5px; } .dx-pivotgrid .dx-menu-item .dx-icon { width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgrid .dx-popup-content { padding: 10px; } .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td { padding: 0px 2px; } .dx-pivotgridfieldchooser .dx-area-fields { overflow: hidden; } .dx-pivotgridfieldchooser .dx-treeview .dx-treeview-item .dx-icon { margin-bottom: 1px; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #CCCCCC; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: #F7F7F7; } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #606060; } .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 #CCCCCC; border-right: 0px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td { border-left: 0px; border-right: 1px solid #CCCCCC; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #CCCCCC; border-right: 0px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td { border-right: 0px; border-left: 1px solid #CCCCCC; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0px; border-right: 0px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0px; border-left: 1px solid #CCCCCC; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #CCCCCC; border-right: 0px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl.dx-pivotgrid .dx-expand-icon-container { margin-left: 2px; margin-right: -3px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl.dx-pivotgrid .dx-icon-sorted { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col { float: right; } .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 #CCCCCC; } .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 #CCCCCC; } .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 #CBCBCB; border-right: 1px solid #CBCBCB; } .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-bottom: 1px solid #CBCBCB; } .dx-treelist-borders > .dx-treelist-pager, .dx-treelist-borders > .dx-treelist-headers { border-top: 1px solid #CBCBCB; } .dx-treelist-container { color: rgba(0, 0, 0, 0.87); background-color: white; } .dx-treelist-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-up:before { content: "\f051"; } .dx-treelist-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-down:before { content: "\f052"; } .dx-treelist-container .dx-header-filter { position: relative; color: #7E7E7E; font: 14px/1 DXIcons; } .dx-treelist-container .dx-header-filter:before { content: "\f050"; } .dx-treelist-container .dx-header-filter-empty { color: rgba(126, 126, 126, 0.5); } .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed { background-color: white; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form { background-color: white; } .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content { color: rgba(0, 0, 0, 0.87); } .dx-treelist-container .dx-error-row td { color: white; padding: 0; } .dx-treelist-container .dx-error-row .dx-error-message { background-color: #f28f8f; white-space: normal; word-wrap: break-word; } .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: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; } .dx-treelist-column-chooser a { color: #00BCD4; text-decoration: underline; } .dx-treelist-column-chooser img { border-style: none; } .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-adaptive-more:before { content: "\f06c"; } .dx-treelist-edit-popup .dx-error-message { background-color: #f28f8f; white-space: normal; word-wrap: break-word; color: white; margin-bottom: 20px; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #CBCBCB; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-treelist-form-buttons-container { float: left; } .dx-rtl .dx-treelist-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-validationsummary-item { color: #EA4444; } .dx-validationsummary-item-content { border-bottom: 1px dashed; display: inline-block; line-height: normal; } .dx-invalid-message > .dx-overlay-content { color: #fff; background-color: #EA4444; } .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 { 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-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .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-work-space { border: 1px solid #d3d3d3; background-color: white; position: relative; display: inline-block; overflow: hidden; height: 100%; width: 100%; border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title { border-top: 1px solid #d3d3d3; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-left: 1px solid #d3d3d3; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td { border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; } .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.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.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.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.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.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.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .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-work-space.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.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.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.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.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).dx-scheduler-work-space:not(.dx-scheduler-work-space-month).dx-scheduler-work-space:not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom: 2px solid #d3d3d3; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel { border-bottom: 1px solid #d3d3d3; } .dx-scheduler-date-table-scrollable .dx-scrollable-content { overflow: hidden; position: relative; } .dx-scheduler-date-table-cell { border-top: 1px solid #d3d3d3; } .dx-scheduler-date-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 { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; 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-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #868686; } .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day.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-all-day[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-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.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.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-all-day[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-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-work-space-day.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-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.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-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.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-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 .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 #d3d3d3; border-top: 1px solid #d3d3d3; } .dx-scheduler-work-space-day .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 { border-top: 1px solid #d3d3d3; } .dx-scheduler-work-space-month .dx-scrollable .dx-scrollable-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-all-day-table-cell, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: auto; vertical-align: top; text-align: right; font-size: 16px; color: #868686; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-state-focused { background-position: 10% 10%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell > div, .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-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-recurrence-icon, .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { right: 20px; } .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, .dx-scheduler-timeline .dx-scheduler-date-table-cell { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table-cell { height: auto; border-right: none; } .dx-scheduler-timeline .dx-scheduler-group-table { border-spacing: 0; border-collapse: separate; border-top: 1px solid #d3d3d3; } .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-scheduler-fixed-appointments { left: 0; } .dx-scheduler-timeline .dx-scheduler-group-header { padding: 0 10px 0 5px; height: auto; } .dx-scheduler-timeline .dx-scheduler-group-header .dx-scheduler-group-header-content { overflow: hidden; } .dx-scheduler-timeline .dx-scheduler-group-header .dx-scheduler-group-header-content div { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); white-space: normal; line-height: normal; } .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%; } .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; border-top: 1px solid transparent; } .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: none; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: 1px solid #868686; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { border-bottom: 1px solid #868686; } .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 #d3d3d3; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header { border: none; border-top: 1px solid #d3d3d3; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-right: 1px solid #d3d3d3; } .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-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .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-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-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-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-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 { 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 { 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 { 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 { height: 91px; } .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 { 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 { height: 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 { 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:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: none; } .dx-scheduler-header-panel { border-collapse: collapse; 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)[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)[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)[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) .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) .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) .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)[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)[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)[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)[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)[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)[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).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).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).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).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).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).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).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).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).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).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).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).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) .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) .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) .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 #d3d3d3; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { content: ""; position: absolute; left: 0; width: 100px; border-right: 1px solid #d3d3d3; } .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-date-table-cell { height: 50px; } .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 #d3d3d3; } .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-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-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-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-day[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-day[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-day[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-day .dx-scheduler-header-scrollable { height: 76px; } .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: 56px; } .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: 86px; } .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: 116px; } .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: 26px; } .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-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 { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; color: rgba(0, 0, 0, 0.87); padding: 0; vertical-align: middle; height: 40px; text-align: center; font-weight: normal; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; 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 #d3d3d3; } .dx-scheduler-all-day-title { color: rgba(0, 0, 0, 0.87); width: 100px; height: 75px; position: absolute; line-height: 75px; text-align: center; border-bottom: 2px solid #d3d3d3; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .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-all-day-table { border-collapse: collapse; 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; margin-top: -50px; font-size: 20px; } .dx-scheduler-small .dx-scheduler-time-panel { width: 50px; font-size: 14px; } .dx-scheduler-time-panel tbody:after { content: ''; height: 50px; display: table-cell; } .dx-scheduler-time-panel-odd-row-count .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell { border-bottom: none; } .dx-scheduler-time-panel-odd-row-count tbody:after { content: none; } .dx-scheduler-time-panel-cell { color: rgba(0, 0, 0, 0.87); border-bottom: 1px solid #d3d3d3; position: relative; width: 100%; text-align: center; height: 100px; padding-left: 10px; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-left: 0; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 35px; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 50%; height: 1px; content: ''; left: 0; background-color: white; } .dx-scheduler-date-table { width: 100%; border-collapse: collapse; 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 #d3d3d3; border-right: 1px solid #d3d3d3; height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #868686; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: #d3d3d3; } .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: #a9d9e2; } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: #a9d9e2; 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 #65bccd; } .dx-scheduler-date-table-droppable-cell { background-color: #f5f5f5; } .dx-scheduler-scrollable-appointments { position: absolute; } .dx-scheduler-appointment { border-top: 1px solid transparent; border-left: 1px solid transparent; background-clip: padding-box; position: absolute; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #65bccd; color: #FFF; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); left: 0; } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing { -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; 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); } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px 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 { -webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; opacity: .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: "\f00e"; } .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: "\f011"; } .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: .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: 5px 20px 5px 7px; } .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: 20px; right: 5px; } .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 2px 0px 0px 0px 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 { -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0px 0px 0px 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 { -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px 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 { -webkit-box-shadow: none; -moz-box-shadow: none; 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); } .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 { -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0px 0px 0px 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 { -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px 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 { -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0px 0px 0px 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 { -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px 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 { -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2); } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 35%; } .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; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; top: 3px; right: 7px; 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; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 12px; } .dx-scheduler-appointment-content > * { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; 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: .7; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip { text-align: left; width: 250px; } .dx-scheduler-appointment-tooltip .dx-button-content { font-size: 13.33333333px; } .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon { font-size: 16px; } .dx-scheduler-appointment-tooltip-date, .dx-scheduler-appointment-tooltip-title { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip-title { font-size: 16px; font-weight: bold; width: 100%; } .dx-scheduler-appointment-tooltip-buttons { margin-top: 10px; } .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 { padding-left: 20px; padding-right: 20px; } .dx-scheduler-appointment-popup .dx-layout-manager-one-col .dx-field-item { padding-left: 20px; padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item { position: relative; padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label { vertical-align: top; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top { padding-left: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right { padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label { float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value .dx-recurrence-numberbox-repeat-count, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label .dx-recurrence-numberbox-repeat-count { float: left; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-value { display: inline-block; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label { padding: 3px 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before { display: block; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before { content: ""; position: absolute; top: 50px; bottom: 0; width: 100%; display: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align:before { top: 70px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor { padding-left: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor { padding-left: 20px; } .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:not(.dx-switch):not(.dx-numberbox):not(.dx-datebox) { 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-numberbox.dx-recurrence-numberbox-interval, .dx-numberbox.dx-recurrence-numberbox-day-of-month, .dx-selectbox.dx-recurrence-selectbox-month-of-year, .dx-numberbox.dx-recurrence-numberbox-repeat-count, .dx-datebox.dx-recurrence-datebox-until-date, .dx-switch.dx-recurrence-switch-repeat-end { float: left; position: relative !important; } .dx-numberbox.dx-recurrence-numberbox-interval.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-selectbox.dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-datebox.dx-recurrence-datebox-until-date.dx-rtl, .dx-switch.dx-recurrence-switch-repeat-end.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-datebox.dx-recurrence-datebox-until-date { width: inherit !important; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 0 5px; vertical-align: top; } .dx-recurrence-repeat-end-label { float: left; width: 50px; white-space: nowrap; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item:first-child { padding-bottom: 10px; } .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label { float: right; } .dx-scheduler-dropdown-appointments { background-color: #65bccd; color: #FFF; } .dx-scheduler-dropdown-appointments.dx-button, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused { background-color: #65bccd; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-dropdown-appointments.dx-button .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-scheduler-dropdown-appointments-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-scheduler-dropdown-appointments-content { color: #FFF; } .dx-scheduler-dropdown-appointments.dx-button .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-button-content { line-height: inherit; } .dx-scheduler-dropdown-appointment { border-left: 3px solid #65bccd; } .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; } .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 .dx-scheduler-agenda-date, .dx-scheduler-agenda .dx-scheduler-time-panel-cell .dx-scheduler-agenda-week-day { display: block; } .dx-scheduler-agenda .dx-scheduler-time-panel tbody:after { display: none; } .dx-scheduler-agenda .dx-scheduler-group-table { border-spacing: 0; border-collapse: collapse; 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 #d3d3d3; } .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 #d3d3d3; } .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; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; 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 { font-size: 20px; opacity: 0.5; text-align: center; 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-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-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: 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 #d3d3d3; } .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-date-table { float: right; margin-left: 0; margin-right: -100px; } .dx-scheduler-small .dx-rtl .dx-scheduler-date-table { margin-right: -50px; } .dx-rtl .dx-scheduler-appointment-tooltip { text-align: right; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 7px; right: auto; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment-reduced .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 #d3d3d3; border-left: none; } .dx-rtl .dx-scheduler-dropdown-appointment { border-left: none; border-right: 3px solid #65bccd; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { border-left: 1px solid #d3d3d3; border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { right: 0; border-left: 1px solid #d3d3d3; 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 #d3d3d3; 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 #d3d3d3; border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-left: 1px solid #d3d3d3; 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-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-left, .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-top { padding-left: 10px; padding-right: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-label.dx-field-item-label-location-right { padding-left: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor { padding-right: 20px; } .dx-rtl .dx-scheduler-recurrence-rule-item .dx-field-item-content-location-left .dx-recurrence-editor { padding-right: 20px; } .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-theme-android5-typography { color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; background-color: #FAFAFA; } .dx-theme-android5-typography a { color: #00BCD4; text-decoration: underline; } .dx-theme-android5-typography img { border-style: none; } .dx-theme-android5-typography h1, .dx-theme-android5-typography .dx-font-xl { font-weight: 400; font-size: 34px; line-height: 52px; } .dx-theme-android5-typography h2, .dx-theme-android5-typography .dx-font-l { font-weight: 600; font-size: 20px; line-height: 44px; } .dx-theme-android5-typography h3, .dx-theme-android5-typography .dx-font-m { font-weight: 400; font-size: 16px; line-height: 32px; } .dx-theme-android5-typography h4, .dx-theme-android5-typography .dx-font-s { font-weight: 400; font-size: 14px; line-height: 32px; } .dx-theme-android5-typography h5 { font-weight: 400; font-size: 12px; line-height: 32px; } .dx-theme-android5-typography h6, .dx-theme-android5-typography small, .dx-theme-android5-typography .dx-font-xs { font-weight: 400; font-size: 12px; line-height: 32px; } .dx-theme-android5-typography h1, .dx-theme-android5-typography .dx-font-xl, .dx-theme-android5-typography h2, .dx-theme-android5-typography .dx-font-l, .dx-theme-android5-typography h3, .dx-theme-android5-typography .dx-font-m, .dx-theme-android5-typography h4, .dx-theme-android5-typography .dx-font-s, .dx-theme-android5-typography h5, .dx-theme-android5-typography h6, .dx-theme-android5-typography small, .dx-theme-android5-typography .dx-font-xs { color: rgba(0, 0, 0, 0.87); } .dx-theme-marker { font-family: "dx.android5.light"; } .dx-inkripple { position: absolute; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } .dx-inkripple-wave { position: absolute; background-color: rgba(0, 0, 0, 0.16); border-radius: 50%; opacity: 0; transform: scale(0); pointer-events: none; } .dx-inkripple-showing { transition: transform 0.1s linear; opacity: 1; transform: scale(1); } .dx-inkripple-hiding { transition: transform 0.1s linear, opacity 0.1s linear; transform: scale(1.01); opacity: 0; } .dx-content-background { background-color: #FAFAFA; } @font-face { font-family: 'DXIcons'; src: 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: "\f00b"; } .dx-icon-airplane { font: 14px/1 DXIcons; } .dx-icon-airplane:before { content: "\f000"; } .dx-icon-bookmark { font: 14px/1 DXIcons; } .dx-icon-bookmark:before { content: "\f017"; } .dx-icon-box { font: 14px/1 DXIcons; } .dx-icon-box:before { content: "\f018"; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car:before { content: "\f01b"; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card:before { content: "\f019"; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart:before { content: "\f01a"; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart:before { content: "\f01c"; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check:before { content: "\f005"; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear:before { content: "\f008"; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock:before { content: "\f01d"; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close:before { content: "\f00a"; } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee:before { content: "\f02a"; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment:before { content: "\f01e"; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc:before { content: "\f021"; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download:before { content: "\f022"; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical:before { content: "\f038"; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit:before { content: "\f023"; } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email:before { content: "\f024"; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event:before { content: "\f026"; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites:before { content: "\f025"; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find:before { content: "\f027"; } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter:before { content: "\f050"; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder:before { content: "\f028"; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food:before { content: "\f029"; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift:before { content: "\f02b"; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe:before { content: "\f02c"; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group:before { content: "\f02e"; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help:before { content: "\f02f"; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home:before { content: "\f030"; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image:before { content: "\f031"; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info:before { content: "\f032"; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key:before { content: "\f033"; } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like:before { content: "\f034"; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map:before { content: "\f035"; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu:before { content: "\f00c"; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message:before { content: "\f024"; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money:before { content: "\f036"; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music:before { content: "\f037"; } .dx-icon-overflow { font: 14px/1 DXIcons; } .dx-icon-overflow:before { content: "\f00d"; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent:before { content: "\f039"; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo:before { content: "\f03a"; } .dx-icon-plus { font: 14px/1 DXIcons; } .dx-icon-plus:before { content: "\f00b"; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences:before { content: "\f03b"; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product:before { content: "\f03c"; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown:before { content: "\f062"; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh:before { content: "\f03d"; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { content: "\f00a"; } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert:before { content: "\f04c"; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner:before { content: "\f040"; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save:before { content: "\f041"; } .dx-icon-search { font: 14px/1 DXIcons; } .dx-icon-search:before { content: "\f027"; } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags:before { content: "\f009"; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel:before { content: "\f003"; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips:before { content: "\f004"; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo:before { content: "\f005"; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox:before { content: "\f007"; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash:before { content: "\f03e"; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user:before { content: "\f02d"; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload:before { content: "\f006"; } .dx-icon-floppy { font: 14px/1 DXIcons; } .dx-icon-floppy:before { content: "\f073"; } .dx-icon-arrowleft { font: 14px/1 DXIcons; } .dx-icon-arrowleft:before { content: "\f011"; } .dx-icon-arrowdown { font: 14px/1 DXIcons; } .dx-icon-arrowdown:before { content: "\f015"; } .dx-icon-arrowright { font: 14px/1 DXIcons; } .dx-icon-arrowright:before { content: "\f00e"; } .dx-icon-arrowup { font: 14px/1 DXIcons; } .dx-icon-arrowup:before { content: "\f013"; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft:before { content: "\f04f"; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright:before { content: "\f04e"; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext:before { content: "\f04e"; } .dx-rtl .dx-icon-spinnext:before { content: "\f04f"; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev:before { content: "\f04f"; } .dx-rtl .dx-icon-spinprev:before { content: "\f04e"; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown:before { content: "\f001"; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup:before { content: "\f002"; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft:before { content: "\f012"; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright:before { content: "\f010"; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext:before { content: "\f010"; } .dx-rtl .dx-icon-chevronnext:before { content: "\f012"; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev:before { content: "\f012"; } .dx-rtl .dx-icon-chevronprev:before { content: "\f010"; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown:before { content: "\f016"; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup:before { content: "\f014"; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft:before { content: "\f042"; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright:before { content: "\f043"; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044"; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045"; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046"; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047"; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048"; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049"; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051"; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052"; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053"; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054"; } .dx-icon-sorted { font: 14px/1 DXIcons; } .dx-icon-sorted:before { content: "\f055"; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a"; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b"; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057"; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058"; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f056"; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059"; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a"; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d"; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b"; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c"; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d"; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e"; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063"; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064"; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065"; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066"; } .dx-icon-range { font: 14px/1 DXIcons; } .dx-icon-range:before { content: "\f06a"; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f"; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060"; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061"; } .dx-icon-exportselected { font: 14px/1 DXIcons; } .dx-icon-exportselected:before { content: "\f06d"; } .dx-icon-warning { font: 14px/1 DXIcons; } .dx-icon-warning:before { content: "\f06b"; } .dx-icon-more { font: 14px/1 DXIcons; } .dx-icon-more:before { content: "\f06c"; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067"; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068"; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012"; } .dx-rtl .dx-icon-back:before { content: "\f010"; } .dx-icon-repeat { font: 14px/1 DXIcons; } .dx-icon-repeat:before { content: "\f069"; } .dx-icon-selectall { font: 14px/1 DXIcons; } .dx-icon-selectall:before { content: "\f070"; } .dx-icon-unselectall { font: 14px/1 DXIcons; } .dx-icon-unselectall:before { content: "\f071"; } .dx-icon-print { font: 14px/1 DXIcons; } .dx-icon-print:before { content: "\f072"; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f011"; } .dx-rtl .dx-icon-back:before { content: "\f00e"; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { content: "\f03e"; } .dx-widget { color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; } .dx-widget a { color: #00BCD4; text-decoration: underline; } .dx-widget img { border-style: none; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { opacity: 0.5; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; zoom: 1; cursor: default; } .dx-state-disabled.dx-widget .dx-widget, .dx-state-disabled .dx-widget .dx-widget { opacity: 1; } .dx-badge { border-radius: 7px; background-color: #00838F; color: #FFF; line-height: 15px; } .dx-button-disabled { color: #000000; background-color: rgba(153, 153, 153, 0.4); opacity: 0.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-disabled.dx-button, .dx-state-disabled .dx-button { color: #000000; background-color: rgba(153, 153, 153, 0.4); opacity: 0.5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-button { color: #000000; background-color: #FAFAFA; min-width: 88px; min-height: 36px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-button:before { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .dx-button.dx-state-hover, .dx-button.dx-state-focused { background-color: #ebebeb; } .dx-button.dx-state-active { -webkit-box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .dx-button .dx-icon { width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; margin-right: 8px; margin-left: 0; } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 8px; margin-right: 0; } .dx-button .dx-inkripple { overflow: hidden; } .dx-button .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-button-content { position: relative; line-height: 0; min-height: 36px; padding: 11px 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-button-text { position: relative; text-transform: uppercase; font-size: 14px; line-height: 14px; } .dx-button-back .dx-button-text { display: none; } .dx-button-default { color: #FFF; background-color: #2196f3; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); } .dx-button-default.dx-state-hover, .dx-button-default.dx-state-focused { background-color: #1E88E5; } .dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.54); } .dx-button-danger { color: #FFF; background-color: #ff5252; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); } .dx-button-danger.dx-state-hover, .dx-button-danger.dx-state-focused { background-color: #dd191d; } .dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.54); } .dx-button-success { color: #FFF; background-color: #0f9d58; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); } .dx-button-success.dx-state-hover, .dx-button-success.dx-state-focused { background-color: #0a8f08; } .dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.54); } .dx-button-has-icon.dx-button-has-text .dx-button-content { padding-top: 8px; padding-bottom: 7px; } .dx-button-has-icon:not(.dx-button-has-text), .dx-button.dx-button-back { color: #646464; min-width: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-button-has-icon:not(.dx-button-has-text) .dx-button-content, .dx-button.dx-button-back .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-button-has-icon:not(.dx-button-has-text).dx-button-success, .dx-button.dx-button-back.dx-button-success { color: #0f9d58; } .dx-button-has-icon:not(.dx-button-has-text).dx-button-success .dx-inkripple-wave, .dx-button.dx-button-back.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-button-has-icon:not(.dx-button-has-text).dx-button-danger, .dx-button.dx-button-back.dx-button-danger { color: #ff5252; } .dx-button-has-icon:not(.dx-button-has-text).dx-button-danger .dx-inkripple-wave, .dx-button.dx-button-back.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-button-has-icon:not(.dx-button-has-text).dx-button-default, .dx-button.dx-button-back.dx-button-default { color: #2196f3; } .dx-button-has-icon:not(.dx-button-has-text).dx-button-default .dx-inkripple-wave, .dx-button.dx-button-back.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-button-has-icon:not(.dx-button-has-text) .dx-button-content, .dx-button.dx-button-back .dx-button-content { overflow: visible; padding-top: 6px; padding-bottom: 5px; } .dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple, .dx-button.dx-button-back .dx-inkripple { overflow: visible; } .dx-button-has-icon:not(.dx-button-has-text) .dx-icon, .dx-button.dx-button-back .dx-icon { width: 25px; height: 25px; background-position: 0px 0px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; background-size: 25px 25px; padding: 0px; font-size: 25px; text-align: center; line-height: 25px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon:not(.dx-button-has-text) .dx-icon, .dx-rtl .dx-button.dx-button-back .dx-icon, .dx-rtl.dx-button-has-icon:not(.dx-button-has-text) .dx-icon, .dx-rtl.dx-button.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-scrollable-scroll { background-color: rgba(71, 74, 79, 0.5); } .dx-scrollbar-vertical .dx-scrollable-scroll { margin: 0 3px; width: 3px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { margin: 3px 0; height: 3px; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-color: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); position: static; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-refreshing .dx-icon-pulldown { opacity: 0.3; } .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown { color: #00BCD4; } .dx-scrollview-pull-down-image { 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-scrollview-pull-down-text { color: rgba(0, 0, 0, 0.87); font-weight: bold; font-size: 16px; line-height: 16px; } .dx-scrollview-scrollbottom-indicator { margin-left: -1px; } .dx-scrollview-pull-down-indicator { margin-top: -20px; } .dx-checkbox { line-height: 0; } .dx-checkbox .dx-checkbox-container { z-index: 0; } .dx-checkbox .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.06); } .dx-checkbox-container { position: relative; overflow: visible; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-checkbox-text { position: relative; overflow: hidden; margin-left: -18px; padding-left: 23px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin-right: -18px; padding-right: 23px; } .dx-checkbox-icon { width: 18px; height: 18px; border: 2px solid rgba(0, 0, 0, 0.54); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: transparent; -webkit-transition: background-color .14s linear, border-color .14s linear; -moz-transition: background-color .14s linear, border-color .14s linear; -o-transition: background-color .14s linear, border-color .14s linear; transition: background-color .14s linear, border-color .14s linear; } .dx-checkbox-checked .dx-checkbox-icon { border-color: #00BCD4; background-color: #00BCD4; } .dx-checkbox-checked .dx-checkbox-icon:after { content: ""; display: block; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: checkbox-icon-extension 140ms ease-out forwards; -moz-animation: checkbox-icon-extension 140ms ease-out forwards; -o-animation: checkbox-icon-extension 140ms ease-out forwards; animation: checkbox-icon-extension 140ms ease-out forwards; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 35%; height: 70%; top: -1px; left: 4px; } .dx-checkbox-checked .dx-inkripple-wave { background-color: rgba(0, 188, 212, 0.08); } .dx-checkbox-indeterminate .dx-checkbox-icon { border-color: #00BCD4; -webkit-box-shadow: inset 0px 0px 0px 2px #00BCD4; -moz-box-shadow: inset 0px 0px 0px 2px #00BCD4; box-shadow: inset 0px 0px 0px 2px #00BCD4; } .dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon:before, .dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon:before { background-color: rgba(0, 188, 212, 0.12); } .dx-state-disabled.dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox .dx-checkbox-icon { border-color: rgba(0, 0, 0, 0.26); } .dx-state-disabled.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon, .dx-state-disabled .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); } .dx-state-disabled.dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon, .dx-state-disabled .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon { -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.26); -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.26); box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.26); } .dx-invalid .dx-checkbox-container .dx-checkbox-icon { border: 1px rgba(234, 68, 68, 0.4) solid; } .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #EA4444; } @-webkit-keyframes checkbox-icon-extension { 0% { top: 9px; left: 6px; width: 0; height: 0; } 100% { top: -1px; left: 4px; width: 35%; height: 70%; } } @-webkit-keyframes checkbox-icon-extension { 0% { top: 9px; left: 6px; width: 0; height: 0; } 100% { top: -1px; left: 4px; width: 35%; height: 70%; } } @-moz-keyframes checkbox-icon-extension { 0% { top: 9px; left: 6px; width: 0; height: 0; } 100% { top: -1px; left: 4px; width: 35%; height: 70%; } } @-ms-keyframes checkbox-icon-extension { 0% { top: 9px; left: 6px; width: 0; height: 0; } 100% { top: -1px; left: 4px; width: 35%; height: 70%; } } @keyframes checkbox-icon-extension { 0% { top: 9px; left: 6px; width: 0; height: 0; } 100% { top: -1px; left: 4px; width: 35%; height: 70%; } } .dx-switch { width: 36px; height: 20px; line-height: 20px; } .dx-switch-wrapper { position: relative; } .dx-switch-container { height: 20px; margin-top: -3px; overflow: visible; } .dx-switch-container:after, .dx-switch-container :after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; } .dx-switch-container:before { position: absolute; content: ''; width: 100%; height: 14px; -webkit-border-radius: 500px; -moz-border-radius: 500px; -ms-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; background-color: rgba(0, 0, 0, 0.26); margin: 3px 0; } .dx-switch-inner { width: 100%; height: 100%; } .dx-switch-on, .dx-switch-off { float: left; margin-left: -10px; padding: 4px 0; width: 50%; height: 20px; color: rgba(0, 0, 0, 0); text-align: center; line-height: 100%; } .dx-switch-on { background: transparent; width: 100%; } .dx-switch-off { display: none; padding-bottom: 10px; background-color: transparent; } .dx-switch-handle { position: relative; float: left; margin-left: -10px; width: 20px; height: 20px; background-color: #FAFAFA; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-switch-handle:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-switch-handle .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.06); } .dx-switch-on-value .dx-switch-handle { border: none; background-color: #00BCD4; } .dx-switch-on-value .dx-inkripple-wave { background-color: rgba(0, 188, 212, 0.12); } .dx-switch-on-value .dx-switch-container:before { background-color: rgba(0, 188, 212, 0.5); } .dx-state-disabled .dx-switch-container:before { background-color: rgba(0, 0, 0, 0.12); } .dx-state-disabled.dx-switch-on-value .dx-switch-handle { background-color: rgba(0, 0, 0, 0.12); } .dx-state-disabled .dx-switch-handle:after { background-color: #BDBDBD; } .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; margin-right: -10px; margin-left: 0px; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; margin-right: -10px; margin-left: 0; } .dx-rtl .dx-switch .dx-switch-handle:before, .dx-switch.dx-rtl .dx-switch-handle:before { left: 16px; } .dx-rtl .dx-switch.dx-switch-on-value .dx-switch-handle:before, .dx-switch.dx-rtl.dx-switch-on-value .dx-switch-handle:before { left: 14px; } .dx-tabs { padding: 0; background-color: #00BCD4; position: relative; } .dx-tabs .dx-icon { color: #ffffff; } .dx-tabs .dx-inkripple { overflow: hidden; } .dx-tabs .dx-tabs-item-badge { vertical-align: middle; } .dx-tabs .dx-tabs-nav-button { position: absolute; } .dx-tabs .dx-tabs-nav-button .dx-button-content { padding: 0; line-height: 0; overflow: hidden; } .dx-tabs-nav-button { background-color: #00BCD4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button .dx-icon { margin: auto; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-tabs-nav-button.dx-button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-tabs-nav-button.dx-state-hover { background-color: transparent; } .dx-tab { min-width: 80px; height: 100%; background-color: #00BCD4; } .dx-tab .dx-inkripple-wave { background-color: rgba(255, 255, 141, 0.54); } .dx-tab .dx-icon { display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 2px; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-tab .dx-tab-text { display: inline-block; vertical-align: middle; } .dx-tabs-nav-button-left { left: 0; } .dx-tabs-nav-button-right { right: 0; } .dx-state-active.dx-tab .dx-tab-text { color: #FFF; } .dx-state-active.dx-tabs-nav-button { background-color: rgba(255, 255, 141, 0.54); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tab-content { line-height: 44px; padding: 0 12px 4px; } .dx-tab-text { color: rgba(255, 255, 255, 0.6); text-transform: uppercase; font-size: 14px; line-height: 16px; } .dx-tab-selected { -webkit-box-shadow: inset 0px -3px 0px #FFFF8D; -moz-box-shadow: inset 0px -3px 0px #FFFF8D; box-shadow: inset 0px -3px 0px #FFFF8D; } .dx-tab-selected .dx-tab-text { color: #FFF; } .dx-state-disabled .dx-tab, .dx-state-disabled.dx-tab { opacity: .5; } .dx-navbar .dx-inkripple { overflow: hidden; } .dx-navbar .dx-tab-selected { -webkit-box-shadow: inset 0px 3px 0px #FFFF8D; -moz-box-shadow: inset 0px 3px 0px #FFFF8D; box-shadow: inset 0px 3px 0px #FFFF8D; } .dx-navbar .dx-state-active.dx-tab:before { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); } .dx-navbar .dx-tab-content { padding: 15px 12px 17px; } .dx-navbar .dx-tab-content .dx-icon { width: 32px; height: 32px; background-position: 0px 0px; -webkit-background-size: 32px 32px; -moz-background-size: 32px 32px; background-size: 32px 32px; padding: 0px; font-size: 32px; text-align: center; line-height: 32px; } .dx-device-phone .dx-navbar .dx-tab-text { font-size: 10px; } .dx-texteditor.dx-invalid .dx-texteditor-input { padding-right: 30px; } .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 30px; } .dx-texteditor.dx-invalid .dx-texteditor-container:after { right: 0; } .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-container:after { left: 0; right: auto; } .dx-texteditor .dx-icon { color: #646464; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 64px; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 64px; } .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 34px; } .dx-rtl .dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 34px; right: auto; } .dx-texteditor.dx-invalid .dx-texteditor-container { border-bottom: 1px solid rgba(234, 68, 68, 0.4); } .dx-texteditor.dx-invalid .dx-texteditor-container:after { pointer-events: none; font-weight: bold; background-color: #EA4444; color: #FAFAFA; content: '!'; position: absolute; top: 6px; width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; text-align: center; line-height: 20px; } .dx-texteditor.dx-invalid.dx-state-focused .dx-texteditor-container:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #EA4444; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); transition: transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); } .dx-placeholder { color: rgba(0, 0, 0, 0.26); } .dx-placeholder:before { padding: 8px 0 7px; font-size: 14px; line-height: 16px; } .dx-texteditor-input { padding: 8px 0 7px; background: transparent; color: rgba(0, 0, 0, 0.87); font-size: 14px; } .dx-texteditor-input:-moz-ui-invalid:not(output) { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-texteditor-container { position: relative; margin: 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); overflow: visible; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .dx-texteditor-container:before { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; width: 100%; -webkit-transform: scale(0, 2); -moz-transform: scale(0, 2); -ms-transform: scale(0, 2); -o-transform: scale(0, 2); transform: scale(0, 2); } .dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-clear-button-area { width: 27px; } .dx-clear-button-area .dx-icon-clear { top: 6px; right: 0; color: #979797; width: 20px; height: 20px; background-position: 0px 0px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 0px; font-size: 20px; text-align: center; line-height: 20px; } .dx-state-focused.dx-texteditor .dx-texteditor-container:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #00BCD4; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); transition: transform 0.3s cubic-bezier(0.2, 0, 0.03, 1); } .dx-state-disabled .dx-texteditor-container { border-bottom: 1px dashed rgba(0, 0, 0, 0.12); } .dx-state-disabled .dx-texteditor-input { color: rgba(102, 102, 102, 0.87); } .dx-texteditor.dx-state-readonly .dx-texteditor-input { color: rgba(102, 102, 102, 0.87); } .dx-rtl .dx-texteditor .dx-texteditor-input, .dx-rtl.dx-texteditor .dx-texteditor-input { padding-right: 0; } .dx-rtl .dx-texteditor .dx-placeholder, .dx-rtl.dx-texteditor .dx-placeholder, .dx-rtl .dx-texteditor .dx-placeholder:before, .dx-rtl.dx-texteditor .dx-placeholder:before { right: 0; left: auto; } .dx-rtl .dx-texteditor .dx-clear-button-area .dx-icon-clear, .dx-rtl.dx-texteditor .dx-clear-button-area .dx-icon-clear { left: 0; right: auto; } .dx-searchbox { background-color: transparent; } .dx-searchbox .dx-texteditor-input { padding-left: 26px; } .dx-searchbox .dx-icon-search { position: absolute; font: 14px/1 DXIcons; width: 20px; height: 20px; background-position: 0px 0px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 0px; font-size: 20px; text-align: center; line-height: 20px; width: 26px; height: 32px; } .dx-searchbox .dx-icon-search:before { content: "\f027"; } .dx-searchbox .dx-icon-search:before { padding: 6px; padding-left: 0; vertical-align: middle; position: static; text-indent: 0; } .dx-rtl .dx-searchbox .dx-icon-search:before, .dx-rtl.dx-searchbox .dx-icon-search:before { padding-left: 6px; padding-right: 0; } .dx-rtl .dx-searchbox .dx-icon-search, .dx-rtl.dx-searchbox .dx-icon-search { left: auto; right: 0; } .dx-searchbox .dx-placeholder { padding-left: 32px; } .dx-searchbox.dx-texteditor-empty .dx-placeholder:before { display: block; } .dx-rtl .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-searchbox .dx-texteditor-input, .dx-rtl .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-searchbox .dx-placeholder:before { padding-left: 0; padding-right: 32px; } .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 30px; } .dx-dropdowneditor.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input { padding-left: 30px; padding-right: 0; } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-disabled .dx-dropdowneditor-icon { opacity: 1; } .dx-dropdowneditor.dx-show-clear-button .dx-texteditor-input { padding-right: 64px; } .dx-dropdowneditor.dx-show-clear-button.dx-rtl .dx-texteditor-input { padding-left: 64px; padding-right: 0; } .dx-invalid.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 50px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 94px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input { padding-left: 50px; padding-right: 0; } .dx-invalid.dx-dropdowneditor-button-visible.dx-rtl.dx-show-clear-button .dx-texteditor-input { padding-left: 94px; padding-right: 0; } .dx-dropdowneditor-button { width: 30px; z-index: 1; overflow: hidden; } .dx-dropdowneditor-button .dx-button-content { padding: 0; text-align: right; min-height: initial; } .dx-dropdowneditor-input-wrapper { overflow: initial; } .dx-dropdowneditor-icon { font: 14px/1 DXIcons; font-size: 11.5px; text-align: center; line-height: 11.5px; color: #646464; } .dx-dropdowneditor-icon:before { content: "\f001"; } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 11.5px; top: 50%; margin-top: -5.75px; left: 50%; margin-left: -5.75px; } .dx-dropdowneditor-icon:before { font-size: 21px; color: #646464; margin-left: -3.75px; } .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 33px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 67px; } .dx-rtl .dx-dropdowneditor.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-dropdowneditor.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-left: 64px; padding-right: 0; } .dx-rtl .dx-dropdowneditor .dx-dropdowneditor-icon, .dx-rtl.dx-dropdowneditor .dx-dropdowneditor-icon { background-position: 0% 50%; } .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { left: 30px; right: auto; } .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { left: 64px; right: auto; } .dx-list .dx-empty-message { text-align: center; } .dx-list .dx-scrollable-container { padding-top: 8px; padding-bottom: 8px; } .dx-list .dx-scrollview-content { overflow: hidden; } .dx-list-group-header { padding: 1em 16px; font-weight: 400; font-size: 12px; line-height: 32px; color: rgba(0, 0, 0, 0.87); font-weight: bold; color: rgba(0, 0, 0, 0.54); } .dx-list-group-header:before { border-top-color: rgba(0, 0, 0, 0.54); margin-top: 16px; } .dx-list-group-collapsed .dx-list-group-header:before { border-bottom-color: rgba(0, 0, 0, 0.54); } .dx-list-group-collapsed .dx-list-group-header:before { margin-top: 12px; } .dx-list-item .dx-icon { color: #646464; } .dx-list-item:last-child, .dx-list-item:only-child { border-bottom: 0; } .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAABUklEQVRYw+2YT2qEMBSHRUQK9QOnINgynSqFLtoOgpvuPcQcoFvv4dm8Tw6QrmR0Jok6jW/T8tuGfOTl/Q90sL2CvwYhJKOho0eh6OloyAg9QQipUWiLFPU8yg2IaK3Xj9US3QihWQQY1KyGEDtMZDddvAJCthowKFsIYX8zQqPZL4D84hXW11z/hfag2A1RXiDKAVnptIsdehp62qMiM6T1CmkNEEKvCI0+57QzpPYOqa8hyjtEXUA2MNbIYP7i3BH7/iPEEC0DpNsE0k0hveHIiZSSnJyMJ1448Ek10ZFnSkoOPHI03NBPIWppbbDW0Tu7f7kg76sgr/MQk7m+2VFQUJADcE9CQkoKJCQkwANvfFBR8TVvLpGPF3FhkWCUSCsiCVIq1UsULZHyK9RIiLREQs2dUJsq0nALjQ5CQ5DQOCc0mIqN2ELLArG1x/8qaqwfXyyLUMGoWs8AAAAASUVORK5CYII=); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-list-item.dx-state-focused, .dx-list-item.dx-state-hover, .dx-list-item.dx-state-active, .dx-list-item .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.06); } .dx-list-item-separator-hidden .dx-list-item { border-bottom: none; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-selected { background-color: rgba(0, 0, 0, 0.06); } .dx-list-item-chevron { border-color: rgba(0, 0, 0, 0.87); } .dx-list-border-visible { border: 1px solid rgba(0, 0, 0, 0.12); } .dx-list-item, .dx-list .dx-empty-message { color: rgba(0, 0, 0, 0.87); line-height: 24px; } .dx-list-item-content, .dx-list .dx-empty-message { padding: 16px; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 56px; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container .dx-button { padding-left: 8px; padding-right: 8px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 36px; } .dx-list-item-before-bag .dx-list-toggle-delete-switch { border: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-button-content:before { content: none; } .dx-list-item-before-bag .dx-icon-toggle-delete { width: 21px; height: 21px; } .dx-list-item-before-bag .dx-list-select-checkbox { margin-left: 16px; } .dx-list-item-before-bag .dx-list-select-radiobutton { margin-left: 16px; } .dx-list-select-all { padding: 1em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .dx-list-select-all-checkbox { margin-top: 4px; margin-bottom: -3px; margin-left: 16px; float: left; } .dx-list-select-all-label { padding: 0 11px; vertical-align: middle; } .dx-list-select-all, .dx-list-item { position: relative; } .dx-list-select-all .dx-inkripple, .dx-list-item .dx-inkripple { overflow: hidden; } .dx-list-static-delete-button-container { width: 57px; } .dx-list-static-delete-button-container .dx-list-static-delete-button { margin: 0 8px; padding: 0; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 46px; } .dx-list-item-after-bag .dx-list-reorder-handle { width: 35px; height: 35px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAArklEQVRo3u3asQqAIBSFYXu3hgIjClrcL/eZelpbEiIkmkqv/3AWJ79Fj1xdjNFZjgMIECBAgAB/AqpILt19zRJwVZHNKnBWkf3MYg3oL7iUyQpwzOBSfO3A/gGXMnwCVJHwYjO1JOSAu6UABFgh0PYhQ9kGCBAgVY2qRpMBSFWjqnEPAgRIVaOqcdEDBEhVK6GqFTV8YXzGALTtEXYTnxDsfSPhNQEQIECAAAvPAW7NffK6E6xLAAAAAElFTkSuQmCC); } .dx-list-item-ghost-reordering { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.5); } .dx-list-slide-menu-button { color: rgba(0, 0, 0, 0.87); } .dx-list-slide-menu-button-delete { background-color: #ff5252; } .dx-list-slide-menu-button-menu { background-color: #FAFAFA; } .dx-list-group { border-bottom: 2px solid rgba(0, 0, 0, 0.12); border-bottom-width: 1px; } .dx-list-group .dx-list-item:last-child { border-bottom: none; } .dx-list-group:last-child { border-bottom: none; } .dx-list-switchable-delete-button { margin-right: 16px; } .dx-list-context-menucontent { background-color: #FAFAFA; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.15); -moz-box-shadow: 0 3px 4px rgba(0,0,0,.15); box-shadow: 0 3px 4px rgba(0,0,0,.15); } .dx-list-context-menucontent .dx-scrollable-container { border: none; } .dx-list-context-menucontent .dx-list-item-content { color: #00BCD4; } .dx-state-disabled.dx-list { opacity: 1; } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { color: rgba(0, 0, 0, 0.26); } .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 { margin-right: 16px; margin-left: 1px; } .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: 16px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { margin-right: 16px; margin-left: 1px; float: right; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-right: 0px; margin-left: 16px; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper .dx-overlay-content { max-height: 50%; } .dx-dropdownlist-popup-wrapper .dx-popup-content { padding: 0; height: 100%; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 12px 0; text-indent: 16px; } .dx-dropdownlist-popup-wrapper .dx-scrollable-content { margin: 0; padding: 0; } .dx-numberbox-spin-container { padding: 4px 0; width: 25px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-up-icon:before { content: "\f002"; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon:before { margin-left: -11.5px; } .dx-rtl .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon:before, .dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon:before { margin-left: 0; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-down-icon:before { content: "\f001"; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 11.5px; text-align: center; line-height: 11.5px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 11.5px; top: 50%; margin-top: -5.75px; left: 50%; margin-left: -5.75px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { font-size: 21px; color: #646464; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 50px; } .dx-numberbox-spin.dx-invalid .dx-texteditor-input { padding-right: 55px; } .dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 55px; } .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after { right: 25px; } .dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-container:after { left: 25px; right: auto; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 89px; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 89px; } .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 59px; } .dx-rtl .dx-numberbox-spin.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 59px; right: auto; } .dx-numberbox-spin .dx-show-clear-button .dx-texteditor-input { padding-right: 59px; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input { padding-right: 80px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 80px; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after { right: 50px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-container:after { left: 50px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input { padding-right: 114px; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 114px; } .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { right: 84px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-container:after { left: 84px; right: auto; } .dx-numberbox-spin-touch-friendly .dx-show-clear-button .dx-texteditor-input { padding-right: 84px; } .dx-state-active.dx-numberbox-spin-button { opacity: .6; } .dx-rtl .dx-numberbox-spin.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-numberbox-spin.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-left: 84px; } .dx-rtl .dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 59px; } .dx-rtl .dx-numberbox-spin .dx-texteditor-input, .dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-right: 0; } .dx-datebox .dx-texteditor-input { font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; } .dx-datebox .dx-texteditor-input::-webkit-clear-button, .dx-datebox .dx-texteditor-input::-webkit-inner-spin-button, .dx-datebox .dx-texteditor-input::-webkit-calendar-picker-indicator { display: none; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 50px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 94px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input { padding-left: 50px; padding-right: 0; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-show-clear-button .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-rtl.dx-show-clear-button .dx-texteditor-input { padding-left: 94px; padding-right: 0; } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-container:before, .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-container:after { content: none; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f026"; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 30px; margin-bottom: 30px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-top: 82px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 23px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin: -14px 40px 30px 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 23px; margin-right: 30px; } .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input { min-height: 31px; } .dx-dateview { color: inherit; } .dx-dateview-wrapper .dx-popup-content { text-align: center; } .dx-dateview-rollers { width: 100%; } .dx-dateviewroller { text-align: center; min-width: 10%\9; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 73px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateview-item { height: 36px; line-height: 36px; text-align: center; } .dx-dateview-item-selected-frame { position: absolute; top: 73px; width: 80%; margin: 0 10%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 73px; } .dx-dateview-item-selected-frame:before { top: -73px; background-repeat: no-repeat; background-image: -webkit-linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -moz-linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -ms-linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -o-linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: linear-gradient(0deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); } .dx-dateview-item-selected-frame:after { top: 36px; background-repeat: no-repeat; background-image: -webkit-linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -moz-linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -ms-linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: -o-linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); background-image: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #FAFAFA 60%); } .dx-dateview-item-selected-border { display: block; border-top: solid 2px #00BCD4; border-bottom: solid 2px #00BCD4; height: 38px; width: 80%; margin: 0 10%; } .dx-dateview-button-down, .dx-dateview-button-up { display: none !important; } .dx-toolbar { height: 56px; background: #00BCD4; color: #FFF; } .dx-toolbar .dx-icon { color: #ffffff; } .dx-toolbar-background { background-color: #00BCD4; } .dx-toolbar-item, .dx-toolbar-menu-container { padding: 0; } .dx-toolbar-button .dx-button { min-width: 0; position: relative; overflow: hidden; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-toolbar-button .dx-button .dx-icon { width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-toolbar-button .dx-button-content, .dx-toolbar-button .dx-button-has-icon .dx-button-content { padding: 17px 16px 18px; } .dx-toolbar-button .dx-button-text { line-height: 21px; color: #FFF; } .dx-toolbar-label { color: #FFF; font-weight: normal; font-size: 18px; padding: 16px 16px 15px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide { padding: 5px 10px; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-hover { background-color: transparent; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content { padding-left: 0; padding-right: 0; } .dx-toolbar-hidden-button .dx-button-text { text-transform: none; } .dx-toolbar-text-auto-hide .dx-button .dx-icon { margin: 0; } .dx-tileview { line-height: normal; } .dx-overlay-wrapper { -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -o-transition: background-color .4s ease; transition: background-color .4s ease; color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; } .dx-overlay-wrapper a { color: #00BCD4; text-decoration: underline; } .dx-overlay-wrapper img { border-style: none; } .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.26); } .dx-overlay-content .dx-button { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-overlay-content .dx-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-overlay-content .dx-button.dx-button-success { color: #0f9d58; } .dx-overlay-content .dx-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-overlay-content .dx-button.dx-button-danger { color: #ff5252; } .dx-overlay-content .dx-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-overlay-content .dx-button.dx-button-default { color: #2196f3; } .dx-overlay-content .dx-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-overlay-content .dx-button.dx-state-hover, .dx-overlay-content .dx-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-overlay-content .dx-button.dx-button-success.dx-state-hover, .dx-overlay-content .dx-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-overlay-content .dx-button.dx-button-danger.dx-state-hover, .dx-overlay-content .dx-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-overlay-content .dx-button.dx-button-default.dx-state-hover, .dx-overlay-content .dx-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-toast-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-toast-wrapper .dx-overlay-content { padding: 16px 24px 12px 24px; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-device-tablet .dx-toast-wrapper .dx-overlay-content, .dx-device-desktop .dx-toast-wrapper .dx-overlay-content { min-width: 288px; max-width: 568px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-device-phone .dx-toast-wrapper .dx-overlay-content { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-toast-icon { display: none; } .dx-toast-message { padding-left: 0; line-height: 20px; } .dx-rtl .dx-toast-message { padding-right: 0; } .dx-popup-wrapper > .dx-overlay-content { background: #FAFAFA; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17); box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3), 0 14px 12px 0 rgba(0, 0, 0, 0.17); } .dx-popup-title { padding: 0; } .dx-popup-normal .dx-popup-title { background: none; height: 64px; padding: 8px 24px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-popup-normal .dx-popup-title, .dx-popup-normal .dx-popup-title .dx-toolbar-label, .dx-popup-normal .dx-popup-title .dx-toolbar-button .dx-button-text, .dx-popup-normal .dx-popup-title .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-popup-normal .dx-popup-title.dx-toolbar .dx-button-content { padding: 8px 8px 7px; } .dx-popup-normal .dx-popup-title .dx-button-content { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-popup-normal .dx-popup-title .dx-toolbar-label { padding-left: 0; font-weight: bold; font-size: 20px; } .dx-popup-bottom { height: 52px; padding-right: 4px; padding-left: 20px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-popup-bottom .dx-button { min-width: 64px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-popup-bottom .dx-button-content { padding: 8px 8px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-popup-bottom .dx-button-text { color: #00BCD4; } .dx-popup-bottom .dx-toolbar-label { color: rgba(0, 0, 0, 0.87); } .dx-popup-bottom .dx-toolbar-item { padding: 8px 4px; } .dx-popup-content, .dx-popup-content.dx-dialog-content { padding: 24px; } .dx-popup-title + .dx-popup-content { padding-top: 0; } .dx-dialog .dx-button-text { color: #00BCD4; } .dx-dialog-message { padding: 0; } .dx-rtl .dx-popup-normal .dx-popup-title { padding: 8px 24px 0; } .dx-rtl .dx-popup-normal .dx-popup-title .dx-toolbar-label { padding-right: 0; } .dx-rtl .dx-popup-bottom { padding-right: 20px; padding-left: 4px; } .dx-rtl .dx-popup-bottom .dx-button { float: left; } .dx-rtl .dx-dialog .dx-popup-bottom .dx-toolbar-center { float: left; } .dx-popover-arrow:after { background: #FAFAFA; } .dx-popover-wrapper .dx-popup-content { padding-right: 24px; padding-left: 24px; padding-bottom: 24px; } .dx-popover-wrapper .dx-overlay-content { -webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19); } .dx-progressbar-container { height: 4px; background-color: rgba(0, 188, 212, 0.26); } .dx-progressbar-range { position: relative; background-color: #00BCD4; } .dx-progressbar-animating-container { position: relative; height: 4px; background-color: rgba(0, 188, 212, 0.26); overflow: hidden; } .dx-progressbar-animating-segment { position: absolute; bottom: 0px; left: -10px; display: inline-block; width: 15%; height: 4px; background-color: #00BCD4; opacity: 1; -webkit-animation: loader 1.5s infinite; -moz-animation: loader 1.5s infinite; -o-animation: loader 1.5s infinite; animation: loader 1.5s infinite; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -moz-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -o-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; } .dx-progressbar-animating-segment-1 { opacity: 0; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } .dx-progressbar-animating-segment-2 { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; } .dx-state-disabled .dx-progressbar-container, .dx-state-disabled .dx-progressbar-animating-container { background-color: rgba(173, 173, 173, 0.26); } .dx-state-disabled .dx-progressbar-range { background-color: #adadad; } .dx-state-disabled .dx-progressbar-animating-segment { display: none; } .dx-rtl .dx-progressbar .dx-progressbar-animating-segment, .dx-rtl.dx-progressbar .dx-progressbar-animating-segment { left: auto; right: -10px; -webkit-animation-name: loader-rtl; -moz-animation-name: loader-rtl; -o-animation-name: loader-rtl; animation-name: loader-rtl; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -moz-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -o-animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); animation-timing-function: cubic-bezier(0.3, 1, 0.15, 0.8); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; } .dx-rtl .dx-progressbar .dx-progressbar-animating-segment-1, .dx-rtl.dx-progressbar .dx-progressbar-animating-segment-1 { opacity: 0; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; -o-animation-delay: 0.75s; animation-delay: 0.75s; } .dx-rtl .dx-progressbar .dx-progressbar-animating-segment-2, .dx-rtl.dx-progressbar .dx-progressbar-animating-segment-2 { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes loader { 0% { left: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { left: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @-moz-keyframes loader { 0% { left: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { left: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @keyframes loader { 0% { left: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { left: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @-ms-keyframes loader { 0% { left: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { left: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @-webkit-keyframes loader-rtl { 0% { right: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { right: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @-moz-keyframes loader-rtl { 0% { right: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { right: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @keyframes loader-rtl { 0% { right: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { right: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } @-ms-keyframes loader-rtl { 0% { right: -15%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 15% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100% { right: 105%; -webkit-transform: scale(0.1, 1); -moz-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); -o-transform: scale(0.1, 1); transform: scale(0.1, 1); opacity: 0.1; } } .dx-tooltip-wrapper { height: 0; } .dx-tooltip-wrapper .dx-popover-arrow:after { content: none; } .dx-tooltip-wrapper .dx-overlay-content { padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: rgba(97, 97, 97, 0.9); border: 1px solid transparent; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { padding: 0; } .dx-slider-wrapper { height: 32px; } .dx-slider-bar, .dx-slider-range { margin-top: 15px; height: 2px; } .dx-slider-bar { margin-right: 18px; margin-left: 18px; background: rgba(0, 0, 0, 0.26); } .dx-slider-range { top: -15px; } .dx-slider-range.dx-slider-range-visible { background: #00BCD4; } .dx-slider-handle { margin-top: -15px; margin-right: -16px; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-slider-handle:after { position: absolute; top: 50%; left: 50%; display: block; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; background: #00BCD4; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content { line-height: normal; } .dx-slider-handle .dx-inkripple-wave { background-color: rgba(0, 188, 212, 0.26); } .dx-slider-label-position-bottom .dx-slider-label { bottom: -18px; } .dx-slider-label-position-top .dx-slider-label { top: -15px; } .dx-state-disabled.dx-slider, .dx-state-disabled .dx-slider { opacity: 1; } .dx-state-disabled.dx-slider .dx-slider-handle, .dx-state-disabled .dx-slider .dx-slider-handle { opacity: 1; } .dx-state-disabled .dx-slider-range.dx-slider-range-visible { background: rgba(0, 0, 0, 0.26); } .dx-state-disabled .dx-slider-handle { width: 12px; height: 12px; margin-top: -5px; margin-right: -5px; border-radius: 50%; border: 2px solid white; } .dx-state-disabled .dx-slider-handle:after { margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; background: grey; } .dx-state-disabled .dx-slider-handle .dx-overlay-content { margin-top: -12px; margin-left: -11px; } .dx-state-active.dx-slider-handle:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .dx-rtl .dx-slider-handle { margin-left: -16px; } .dx-rtl.dx-state-disabled .dx-slider-handle { margin-left: -5px; margin-right: 0; } .dx-rtl.dx-state-disabled .dx-overlay-content { margin-left: -13px; } .dx-rangeslider-start-handle { margin-left: -14px; } .dx-state-disabled .dx-rangeslider-start-handle { margin-left: -5px; } .dx-rtl .dx-rangeslider-start-handle { margin-right: -14px; } .dx-rtl.dx-state-disabled .dx-rangeslider-start-handle { margin-right: -5px; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { margin: -25px 12px 0; width: 38px; height: 56px; background-repeat: no-repeat; } .dx-gallery-nav-button-prev { font: 14px/1 DXIcons; } .dx-gallery-nav-button-prev:before { content: "\f012"; } .dx-gallery-nav-button-next { font: 14px/1 DXIcons; } .dx-gallery-nav-button-next:before { content: "\f010"; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { font-size: 36px; text-align: center; line-height: 36px; -webkit-border-radius: 20%; -moz-border-radius: 20%; -ms-border-radius: 20%; -o-border-radius: 20%; border-radius: 20%; color: #ffffff; background-color: rgba(100, 100, 100, 0.7); } .dx-gallery-nav-button-prev:before, .dx-gallery-nav-button-next:before { position: absolute; display: block; width: 36px; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; } .dx-gallery-nav-button-prev.dx-state-active, .dx-gallery-nav-button-next.dx-state-active { background-color: rgba(0, 188, 212, 0.6); } .dx-gallery-indicator { text-align: center; } .dx-gallery-indicator-item { margin: 1px 6px; width: 8px; height: 8px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid #00bcd4; } .dx-gallery-indicator-item-selected { border: solid 1px rgba(255, 255, 255, 0.8); background: #00bcd4; margin: 0px 6px 1px 6px; } .dx-state-disabled .dx-gallery, .dx-state-disabled.dx-gallery { opacity: .45; } .dx-lookup { height: 48px; color: rgba(0, 0, 0, 0.87); } .dx-lookup.dx-state-active { background: rgba(0, 0, 0, 0.06); } .dx-lookup.dx-state-active .dx-lookup-field { color: rgba(0, 0, 0, 0.87); } .dx-lookup.dx-state-disabled { opacity: .75; } .dx-lookup.dx-state-disabled .dx-lookup-field:before { opacity: .5; } .dx-lookup .dx-inkripple { overflow: hidden; } .dx-lookup .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-lookup-empty .dx-lookup-field { color: rgba(0, 0, 0, 0.26); } .dx-lookup-field { line-height: 48px; padding: 0 24px 0 0; text-align: left; height: 100%; } .dx-rtl .dx-lookup-field, .dx-rtl.dx-lookup-field { padding-right: 0; padding-left: 24px; text-align: right; } .dx-rtl .dx-lookup-field:before, .dx-rtl.dx-lookup-field:before { right: auto; left: -3px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .dx-lookup-arrow { font: 14px/1 DXIcons; font-size: 20px; text-align: center; line-height: 20px; width: 30px; font-size: 16px; right: 2px; } .dx-lookup-arrow:before { content: "\f010"; } .dx-rtl .dx-lookup-arrow:before { content: "\f012"; } .dx-lookup-arrow:before { position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-lookup-arrow:before { color: #646464; margin-left: 0; } .dx-rtl .dx-lookup-arrow:before, .dx-rtl.dx-lookup-arrow:before { right: 50%; } .dx-lookup-popup-wrapper .dx-popup-title { height: 47px; } .dx-lookup-popup-wrapper .dx-popup-content { top: 20px; padding: 0; } .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content { top: 47px; } .dx-lookup-popup-wrapper .dx-list-item-content { padding-right: 24px; padding-left: 24px; } .dx-lookup-popup-wrapper .dx-rtl .dx-popup-content { padding-right: 24px; } .dx-lookup-popup-search .dx-list { height: calc(100% - 48px); } .dx-lookup-popup-search .dx-list .dx-scrollable-container { border: none; } .dx-lookup-search-wrapper { width: auto; padding-left: 24px; padding-right: 24px; } .dx-invalid.dx-lookup .dx-lookup-field-wrapper:after { right: 33px; pointer-events: none; font-weight: bold; background-color: #EA4444; color: #FAFAFA; content: '!'; position: absolute; top: 6px; width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; text-align: center; line-height: 20px; top: 14px; } .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field-wrapper:after { left: 33px; right: auto; } .dx-lookup-validation-message { background-color: #EA4444; color: white; font-size: 14px; line-height: 14px; padding: 13px 24px; margin: 0 0 10px -24px; } .dx-popup-title + .dx-popup-content .dx-lookup-validation-message { margin-top: 10px; } .dx-rtl .dx-lookup-validation-message { margin-right: -24px; margin-left: 0; } .dx-popup-content.dx-lookup-invalid { top: 0; } .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message { display: inline-block; } .dx-popup-content.dx-lookup-invalid .dx-list { top: 50px; } .dx-popup-title + .dx-popup-content.dx-lookup-invalid .dx-list { top: 60px; } .dx-lookup-popup-search .dx-popup-content.dx-lookup-invalid .dx-list { top: 108px; } .dx-actionsheet-popup-wrapper .dx-popup-title { height: 56px; padding: 0 16px; } .dx-actionsheet-popup-wrapper .dx-popup-title .dx-toolbar-before, .dx-actionsheet-popup-wrapper .dx-popup-title .dx-toolbar-after { padding: 0; } .dx-actionsheet-popup-wrapper .dx-popup-title .dx-toolbar-label { font-size: 16px; font-weight: normal; color: rgba(0, 0, 0, 0.54); } .dx-actionsheet-popup-wrapper .dx-popup-title .dx-button-text { text-transform: none; } .dx-actionsheet-popup-wrapper .dx-popup-content { padding: 8px 0 0; } .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button-content { padding: 0 16px; } .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button-text { text-transform: none; padding-right: 0; padding-left: 0; } .dx-actionsheet-popup-wrapper .dx-overlay-content { background: #FAFAFA; padding-bottom: 8px; } .dx-actionsheet-popup-wrapper .dx-popup-title + .dx-popup-content { padding-top: 0; } .dx-actionsheet-popover-wrapper .dx-popup-title .dx-toolbar-before { width: 100%; } .dx-actionsheet-popover-wrapper .dx-popup-content { margin-right: -24px; margin-left: -24px; } .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button-content { padding: 0 19px; } .dx-actionsheet-item .dx-button-content, .dx-actionsheet-cancel .dx-button-content { text-align: left; height: 48px; font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-rtl .dx-actionsheet-popup-wrapper .dx-popup-title { padding: 0 16px; } .dx-rtl .dx-actionsheet-item .dx-button-content, .dx-rtl .dx-actionsheet-cancel .dx-button-content { text-align: right; } .dx-loadindicator-content { height: 100%; width: 100%; -webkit-animation: content-rotation 1568ms linear infinite; -moz-animation: content-rotation 1568ms linear infinite; -o-animation: content-rotation 1568ms linear infinite; animation: content-rotation 1568ms linear infinite; } .dx-loadindicator-image { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAD0ElEQVRo3uWZW0gVURSG1zFLuymmdLGyU5S/PZQElRWVBQWFPUh2oYTqoQeFIIKK6CHEgoKKekiiyG5UUBBFRNEFCYuC7GJIGgaa0MXM7GJmajq9jMdZa2afM3POnPEh1ovudfv2nNl77VmbNOoTjMIzaFGWWkw15iQGcDjq6TVoOKMGeOQJwAs1QJMnAF/UAJ2eAPxQA2jeSH8DtKoB/ngCUKMGaPQEoFQNUO4JQLYa4IAH6a+C1ADJeILuKCZvw0kMDgbQK8loNu3gsSBHckFEONKnCw1AKDDR5ztKn44u5v0VI5wBxKBCLh7EOAA4K7y3GbV2AAhz0COCrLOdfpKY/1sMcg5gnkWV7WdwSnjmcb1dgNH4IQKtspXeL4raQ2lhF4CwVQC8gs8GwHHm04PZ4QPEokog5IZMPw4dzOOi2cY+AGGxAHgOHwh7LLeZ7SAQSthYOyZEBkC4ItKsACEOb0zpKxELQira2eh+q5jOANLQykI+BYGwSCzSbmSBQDjKRpuQEDkAYZeY6zKLRVqir5vfbLTQOqJTgDjUsrCPQSCkGOrFBySCQDjE7KpV9cMpACFHPIMlIBA2Bf5fAwJhJH4xqxxVPOcAhJssdDkIBB8eQIOGW7oNP03cV0cLB2CSeLsXg0DIwB+0YaJewlvZS5npLgChmAGUBUZ36n/tY/rTwWKFBzAEDSzFfBAI8RgIAiGJ1Y1fSHUfgLCaAdxluiKmKwoeKVwAEstxbmA8Ed8M43+Npx83AZaKKjcroEkQZ8hd0QCQ+/81pt3BP74w1n2A3WLvnyZe0Y+hinBkAH60sQSXTBZbxA+0wF2A6yx8F9ItfqJ3zOYlBrgHIGtBqaXVZmFV6BZAPOpY4A74Le1ixTJtRrI7AMViZseUTypfWB53A2CKKEO/MUYJECMOsd2YGTnAbTGrg0EX60ph/cTqIO8EIE8E/ImUoAA+U691YyQAw0QF1LA3ZL1YLjw+mQ+m9gFkx6RFP/v1yXCLN0L2Ww+FC5BhalzuFhYpqEA9JovRbOHViYzwAMpEoM8YyvTjUaM/5OnC857wvBMOwHrTtw9rMgCGrbcF85guy+Sb6xQgQVQ3De8Rb9DPED3FNv1zpVduCO8GDHEGcMQ0hwKDdiG+m/QdWGuwyDT1V4qdAGSKFouGOv3waV8uiwjt+vHdBoDP4uJig8P0hAz8FTGuIwlJiAkGkGbx2e22NCJTDVDiSa/4nBqgqr/vjL56AtCkBuj2BOB7f1/Z9Pz3l1ZBru1a+vvi8rUnAJVqgBOeAJxXA/hRHfX09fz6/h9bJ5OOJGDlngAAAABJRU5ErkJggg==); } .dx-loadindicator-image .dx-loadindicator-content { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .dx-loadindicator-icon { position: absolute; height: 100%; width: 100%; -webkit-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .dx-loadindicator-segment { height: 100%; width: 100%; position: absolute; } .dx-loadindicator-segment-inner { position: relative; height: 100%; border-color: #00BCD4; border-width: 0.12em; border-style: solid; border-bottom-color: transparent; -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-loadindicator-segment2, .dx-loadindicator-segment0 { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; } .dx-loadindicator-segment2 .dx-loadindicator-segment-inner, .dx-loadindicator-segment0 .dx-loadindicator-segment-inner { width: 200%; } .dx-loadindicator-segment2 .dx-loadindicator-segment-inner { border-right-color: transparent; -webkit-transform: rotate(-129deg); -moz-transform: rotate(-129deg); -ms-transform: rotate(-129deg); -o-transform: rotate(-129deg); transform: rotate(-129deg); -webkit-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .dx-loadindicator-segment0 .dx-loadindicator-segment-inner { left: -100%; border-left-color: transparent; -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg); transform: rotate(129deg); -webkit-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .dx-loadindicator-segment1 { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-loadindicator-segment1 .dx-loadindicator-segment-inner { width: 1000%; left: -450%; } @-webkit-keyframes content-rotation { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes content-rotation { to { -moz-transform: rotate(360deg); } } @-ms-keyframes content-rotation { to { -mos-transform: rotate(360deg); } } @keyframes content-rotation { to { transform: rotate(360deg); } } @-webkit-keyframes icon-rotation { 12.5% { -webkit-transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); } } @-moz-keyframes icon-rotation { 12.5% { -moz-transform: rotate(135deg); } 25% { -moz-transform: rotate(270deg); } 37.5% { -moz-transform: rotate(405deg); } 50% { -moz-transform: rotate(540deg); } 62.5% { -moz-transform: rotate(675deg); } 75% { -moz-transform: rotate(810deg); } 87.5% { -moz-transform: rotate(945deg); } to { -moz-transform: rotate(1080deg); } } @-ms-keyframes icon-rotation { 12.5% { -ms-transform: rotate(135deg); } 25% { -ms-transform: rotate(270deg); } 37.5% { -ms-transform: rotate(405deg); } 50% { -ms-transform: rotate(540deg); } 62.5% { -ms-transform: rotate(675deg); } 75% { -ms-transform: rotate(810deg); } 87.5% { -ms-transform: rotate(945deg); } to { -ms-transform: rotate(1080deg); } } @keyframes icon-rotation { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @-webkit-keyframes left-segment-rotation { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @-moz-keyframes left-segment-rotation { from { -moz-transform: rotate(130deg); } 50% { -moz-transform: rotate(-5deg); } to { -moz-transform: rotate(130deg); } } @-ms-keyframes left-segment-rotation { from { -ms-transform: rotate(130deg); } 50% { -ms-transform: rotate(-5deg); } to { -ms-transform: rotate(130deg); } } @keyframes left-segment-rotation { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @-webkit-keyframes right-segment-rotation { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @-moz-keyframes right-segment-rotation { from { -moz-transform: rotate(-130deg); } 50% { -moz-transform: rotate(5deg); } to { -moz-transform: rotate(-130deg); } } @-ms-keyframes right-segment-rotation { from { -ms-transform: rotate(-130deg); } 50% { -ms-transform: rotate(5deg); } to { -ms-transform: rotate(-130deg); } } @keyframes right-segment-rotation { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } .dx-loadpanel-content { background: #FAFAFA; -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, .54); -moz-box-shadow: 0 10px 32px rgba(0, 0, 0, .54); box-shadow: 0 10px 32px rgba(0, 0, 0, .54); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-autocomplete.dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-autocomplete-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-autocomplete-popup-wrapper .dx-scrollable-content { margin: 0; } .dx-autocomplete-popup-wrapper .dx-list-item { border: none; } .dx-autocomplete-popup-wrapper .dx-list { background-color: #FAFAFA; } .dx-invalid.dx-autocomplete.dx-dropdowneditor .dx-texteditor-container:after { right: 0px; } .dx-rtl .dx-autocomplete.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-autocomplete.dx-show-clear-button .dx-texteditor-input { padding-left: 34px; padding-right: 0; } .dx-rtl .dx-autocomplete.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after, .dx-rtl.dx-autocomplete.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { left: 0px; right: auto; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); } .dx-dropdownmenu-popup-wrapper .dx-popup-content { padding: 0; } .dx-dropdownmenu-popup-wrapper .dx-scrollable-content { margin: 0; padding: 0; } .dx-dropdownmenu-popup-wrapper .dx-list .dx-scrollable-wrapper { padding-top: 8px; padding-bottom: 8px; } .dx-dropdownmenu-popup-wrapper .dx-list .dx-scrollable-container { padding-top: 0; padding-bottom: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-bottom: none; } .dx-dropdownmenu-popup-wrapper .dx-list-item-content { padding: 11px 16px 13px; } .dx-dropdownmenu-popup-wrapper.dx-popover-flipped-vertical .dx-overlay-content { -webkit-transform-origin: 100% 100% 0; -moz-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; -o-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; } .dx-dropdownmenu-popup-wrapper.dx-popover-flipped-horizontal .dx-overlay-content { -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; } .dx-dropdownmenu-popup-wrapper.dx-popover-flipped-vertical.dx-popover-flipped-horizontal .dx-overlay-content { -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; transform-origin: 0 100% 0; } .dx-selectbox .dx-texteditor-buttons-container .dx-dropdowneditor-button { pointer-events: none; } .dx-selectbox .dx-dropdowneditor-input-wrapper { overflow: hidden; display: block; } .dx-selectbox .dx-dropdowneditor-input-wrapper .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-selectbox-container { overflow: hidden; } .dx-selectbox-popup-wrapper .dx-list { background-color: #FAFAFA; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-rtl .dx-selectbox .dx-dropdowneditor-button, .dx-rtl.dx-selectbox .dx-dropdowneditor-button { right: initial; left: 0px; border-right: 10px solid transparent; border-left: none; } .dx-rtl .dx-selectbox.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-selectbox.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-left: 8px 0 7px; } .dx-tagbox { line-height: 10px; } .dx-tagbox .dx-texteditor-container, .dx-tagbox.dx-state-focused .dx-texteditor-container { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .dx-tagbox.dx-show-clear-button .dx-texteditor-input { padding-right: 0; } .dx-tagbox.dx-show-clear-button .dx-tag-container { padding-right: 34px; } .dx-tagbox.dx-show-clear-button .dx-icon-clear { position: absolute; top: 50%; margin-top: -10px; right: auto; } .dx-dropdowneditor-button-visible .dx-tag-container { padding-right: 20px; } .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-tag-container { padding-right: 54px; } .dx-tag-container { padding: 0; } .dx-tagbox-single-line.dx-tagbox-only-select .dx-texteditor-input { padding-right: 0; } .dx-tagbox-single-line .dx-texteditor-container:before { bottom: 8px; } .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-tag-container { padding-right: 20px; } .dx-tagbox-single-line.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-tag-container { padding-right: 54px; } .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-tag-container { width: calc(100% - 20px); } .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-tag-container .dx-texteditor-buttons-container:before { position: absolute; content: ""; height: 1px; width: 21px; background-color: rgba(0, 0, 0, 0.12); top: 39px; } .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-tag-container .dx-dropdowneditor-button { width: 21px; height: 25px; top: 12px; } .dx-tagbox-single-line.dx-dropdowneditor-button-visible .dx-tag-container .dx-dropdowneditor-button .dx-dropdowneditor-icon:before { margin-left: -10.25px; } .dx-tag-content { padding: 8px 20px 7px 5px; margin: 3px 3px 0 0; min-width: 50px; border-radius: 2px; background-color: #00BCD4; color: #fff; font-size: 0.9em; } .dx-tag-remove-button { padding: 8px 5px; width: 21px; height: 25px; } .dx-tag-remove-button:before { right: 9px; margin-top: -5px; width: 2px; height: 10px; background: #fff; } .dx-tag-remove-button:after { right: 5px; margin-top: -1px; width: 10px; height: 2px; background: #fff; } .dx-tag-remove-button:active:before, .dx-tag-remove-button:active:after { background: #cccccc; } .dx-tag.dx-state-focused .dx-tag-content { background-color: #008fa1; } .dx-rtl .dx-tagbox .dx-tag-content, .dx-rtl.dx-tagbox .dx-tag-content { margin-right: 0; margin-left: 4px; padding-right: 5px; padding-left: 20px; } .dx-rtl .dx-tagbox.dx-show-clear-button .dx-tag-container, .dx-rtl.dx-tagbox.dx-show-clear-button .dx-tag-container { padding-right: 0; padding-left: 34px; } .dx-rtl .dx-tagbox.dx-show-clear-button .dx-icon-clear, .dx-rtl.dx-tagbox.dx-show-clear-button .dx-icon-clear { left: auto; right: auto; } .dx-rtl .dx-tagbox.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-tagbox.dx-show-clear-button .dx-texteditor-input { padding-left: 0; padding-right: 0; } .dx-rtl .dx-tagbox.dx-dropdowneditor-button-visible .dx-tag-container, .dx-rtl.dx-tagbox.dx-dropdowneditor-button-visible .dx-tag-container { padding-right: 0; padding-left: 20px; } .dx-rtl .dx-tagbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-tag-container, .dx-rtl.dx-tagbox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-tag-container { padding-right: 0; padding-left: 54px; } .dx-rtl .dx-tagbox.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-tagbox.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-tagbox.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-tagbox.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl .dx-tagbox.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-tagbox.dx-show-clear-button.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-left: 0; padding-right: 0; } .dx-rtl .dx-tagbox .dx-tag-remove-button:before, .dx-rtl.dx-tagbox .dx-tag-remove-button:before { left: 9px; right: auto; } .dx-rtl .dx-tagbox .dx-tag-remove-button:after, .dx-rtl.dx-tagbox .dx-tag-remove-button:after { left: 5px; right: auto; } .dx-radiobutton .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.12); } .dx-radiobutton-checked .dx-inkripple-wave { background-color: rgba(0, 188, 212, 0.12); } .dx-radiobutton-icon { border: 2px solid rgba(0, 0, 0, 0.54); width: 20px; height: 20px; position: relative; -webkit-transition: border-color .14s; -moz-transition: border-color .14s; -o-transition: border-color .14s; transition: border-color .14s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-radiobutton-icon-dot { position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background-color: #00BCD4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: transform .14s; -moz-transition: transform .14s; -o-transition: transform .14s; transition: transform .14s; } .dx-radiobutton-checked .dx-radiobutton-icon { border-color: #00BCD4; } .dx-radiobutton-checked .dx-radiobutton-icon-dot { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .dx-state-disabled .dx-radiobutton-icon { border-color: rgba(0, 0, 0, 0.26); } .dx-state-disabled .dx-radiobutton-checked .dx-radiobutton-icon:after { background-color: rgba(0, 0, 0, 0.26); } .dx-invalid .dx-radiobutton-icon { border-color: rgba(234, 68, 68, 0.4); } .dx-invalid .dx-state-focused .dx-radiobutton-icon { border-color: #EA4444; } .dx-radiobutton { line-height: 20px; padding-top: 9px; padding-bottom: 8px; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 10px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 10px; } .dx-pivottabs { height: 48px; background: #00BCD4; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { padding: 10px 15px; height: 100%; font-size: 16px; color: #FFF; } .dx-pivottabs-tab-selected { -webkit-box-shadow: inset 0 -2px #FFFF8D; -moz-box-shadow: inset 0 -2px #FFFF8D; box-shadow: inset 0 -2px #FFFF8D; } .dx-pivottabs-tab-content { text-transform: capitalize; } .dx-pivot-itemcontainer { top: 48px; line-height: normal; } .dx-accordion { color: rgba(0, 0, 0, 0.54); } .dx-accordion-item > .dx-accordion-item-title { border-collapse: collapse; border: 1px solid transparent; } .dx-accordion-item .dx-icon { width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-accordion-item.dx-state-active > .dx-accordion-item-title { color: #00BCD4; } .dx-accordion-item.dx-state-focused > .dx-accordion-item-title { background-color: rgba(0, 0, 0, 0.06); } .dx-accordion-item:first-child > .dx-accordion-title { border-top-color: transparent; } .dx-accordion-item:last-child > .dx-accordion-body { border-bottom-color: transparent; } .dx-accordion-item-opened > .dx-accordion-item-title { border-top: 1px solid rgba(0, 0, 0, 0.12); color: #00BCD4; } .dx-accordion-item-opened > .dx-accordion-item-title:before { content: "\f014"; } .dx-accordion-item-opened > .dx-accordion-item-body { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .dx-accordion-item-opened + .dx-accordion-item-opened > .dx-accordion-item-title { border-top: none; } .dx-accordion-item-title { padding: 12px 16px; } .dx-accordion-item-title:before { font-weight: normal; content: "\f016"; font-family: DXIcons; font-size: 17px; margin-left: 10.5px; margin-right: 0; line-height: 21px; } .dx-accordion-item-title .dx-icon { margin-right: 10.5px; margin-left: 0; display: inline-block; } .dx-rtl .dx-accordion-item-title .dx-icon, .dx-rtl.dx-accordion-item-title .dx-icon { margin-left: 10.5px; margin-right: 0; } .dx-accordion-item-body { padding: 8px 16px 20px; } .dx-rtl .dx-accordion-item-title:before { margin-right: 10.5px; margin-left: 0; } .dx-slideoutview-wrapper:before { content: ""; display: block; height: 56px; background: #00a5bb; } .dx-slideoutview-menu-content { background: #ededed; top: 56px; bottom: 0; height: auto; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-background-clip: content-box; -webkit-background-clip: content-box; background-clip: content-box; background-color: #FAFAFA; margin-left: -1px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .dx-slideout-menu .dx-list-item .dx-icon { width: 24px; height: 24px; background-position: 0px 0px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; padding: 0px; font-size: 24px; text-align: center; line-height: 24px; margin-right: 12px; margin-left: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 12px; margin-right: 0; } .dx-pager.dx-light-mode .dx-page-sizes { min-width: 27px; } .dx-pager.dx-light-mode .dx-page-index { min-width: 1px; } .dx-pager .dx-pages .dx-navigate-button { height: 23px; padding: 9px 13px; } .dx-pager .dx-pages .dx-prev-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-prev-button:before { content: "\f012"; } .dx-pager .dx-pages .dx-next-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-next-button:before { content: "\f010"; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { font-size: 21px; text-align: center; line-height: 21px; } .dx-pager .dx-pages .dx-prev-button:before, .dx-pager .dx-pages .dx-next-button:before { position: absolute; display: block; width: 21px; top: 50%; margin-top: -10.5px; left: 50%; margin-left: -10.5px; } .dx-pager.dx-light-mode .dx-navigate-button { padding: 13px; } .dx-pager.dx-light-mode .dx-light-pages .dx-page-index .dx-texteditor-container { margin: 5px 0 0 0; } .dx-pager.dx-light-mode .dx-light-pages .dx-page-index .dx-texteditor-container .dx-texteditor-input { padding-top: 9px; padding-bottom: 5px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { background-color: rgba(0, 0, 0, 0.06); } .dx-colorview-container { overflow: visible; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 42px; width: 116px; } .dx-colorview-container-row { overflow: visible; float: right; } .dx-colorview-container label .dx-texteditor { margin-top: -6px; } .dx-colorview-palette-cell, .dx-colorview-hue-scale-wrapper, .dx-colorview-alpha-channel-border, .dx-colorview-color-preview-container { padding: 1px; margin: 1px; margin-top: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); background-color: #FAFAFA; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-colorbox.dx-dropdowneditor-active .dx-texteditor-container:before, .dx-colorbox.dx-dropdowneditor-active .dx-texteditor-container:after { content: none; } .dx-colorbox .dx-placeholder { left: 30px; } .dx-colorbox-input-container:after { left: 1px; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToRI3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHgYNfckUDF5gAAAAASUVORK5CYII=) no-repeat 0 0; } .dx-colorbox-input-container .dx-colorbox-input { padding-left: 30px; } .dx-colorbox-color-result-preview { border-color: rgba(0, 0, 0, 0.12); left: 0; } .dx-colorbox-overlay .dx-popup-bottom { padding: 0; height: 52px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview { left: auto; right: 0; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after { left: auto; right: 1px; } .dx-rtl .dx-colorbox .dx-placeholder, .dx-rtl.dx-colorbox .dx-placeholder { left: auto; right: 30px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container .dx-colorbox-input, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container .dx-colorbox-input { padding-right: 30px; } .dx-datagrid-checkbox-size.dx-focused .dx-checkbox-icon { border-color: transparent; } .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc, .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before, .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc, .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before, .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-none, .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-none { min-width: 16px; height: 16px; } .dx-datagrid .dx-menu-base .dx-menu-item .dx-icon, .dx-datagrid-container .dx-menu-base .dx-menu-item .dx-icon, .dx-datagrid.dx-menu-base .dx-menu-item .dx-icon, .dx-datagrid-container.dx-menu-base .dx-menu-item .dx-icon { color: #898989; } .dx-datagrid .dx-icon-filter-operation-equals, .dx-datagrid-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals:before, .dx-datagrid-container .dx-icon-filter-operation-equals:before { content: "\f044"; } .dx-datagrid .dx-icon-filter-operation-default, .dx-datagrid-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-default:before, .dx-datagrid-container .dx-icon-filter-operation-default:before { content: "\f027"; } .dx-datagrid .dx-icon-filter-operation-not-equals, .dx-datagrid-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals:before, .dx-datagrid-container .dx-icon-filter-operation-not-equals:before { content: "\f045"; } .dx-datagrid .dx-icon-filter-operation-less, .dx-datagrid-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less:before, .dx-datagrid-container .dx-icon-filter-operation-less:before { content: "\f046"; } .dx-datagrid .dx-icon-filter-operation-less-equal, .dx-datagrid-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal:before, .dx-datagrid-container .dx-icon-filter-operation-less-equal:before { content: "\f048"; } .dx-datagrid .dx-icon-filter-operation-greater, .dx-datagrid-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater:before, .dx-datagrid-container .dx-icon-filter-operation-greater:before { content: "\f047"; } .dx-datagrid .dx-icon-filter-operation-greater-equal, .dx-datagrid-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal:before, .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before { content: "\f049"; } .dx-datagrid .dx-icon-filter-operation-contains, .dx-datagrid-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains:before, .dx-datagrid-container .dx-icon-filter-operation-contains:before { content: "\f063"; } .dx-datagrid .dx-icon-filter-operation-not-contains, .dx-datagrid-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains:before, .dx-datagrid-container .dx-icon-filter-operation-not-contains:before { content: "\f066"; } .dx-datagrid .dx-icon-filter-operation-starts-with, .dx-datagrid-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with:before, .dx-datagrid-container .dx-icon-filter-operation-starts-with:before { content: "\f064"; } .dx-datagrid .dx-icon-filter-operation-ends-with, .dx-datagrid-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with:before, .dx-datagrid-container .dx-icon-filter-operation-ends-with:before { content: "\f065"; } .dx-datagrid .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between, .dx-datagrid-container .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NImJnA8B8DJsxkwCeBFYJ1YIG4JQDIKi2jVgV8BwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center center; background-size: 14px 5px; } .dx-datagrid .dx-menu-base .dx-menu-item .dx-menu-item-content { padding: 8px 0px 0px 9px; } .dx-datagrid .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { margin-right: 9px; min-width: 16px; height: 16px; } .dx-datagrid .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content { padding-top: 3px; } .dx-datagrid .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon-filter-operation-default { margin-top: 1px; } .dx-datagrid .dx-row-alt > td { background-color: #E5E5E5; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: #E5E5E5; } .dx-datagrid .dx-row-lines > td { border-bottom: 1px solid #CBCBCB; } .dx-datagrid .dx-column-lines > td { border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; } .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-container { border-bottom-width: 0px; } .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-container::before { border-left-width: 0px; } .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-container::after { border-right-width: 0px; } .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: transparent; } .dx-datagrid .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 25px; } .dx-datagrid .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 50px; } .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before { padding-left: 26px; } .dx-rtl .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before { padding-right: 26px; } .dx-datagrid .dx-error-row .dx-closebutton { float: right; margin: 8px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-datagrid .dx-error-row .dx-error-message { padding: 7px; padding-right: 35px; } .dx-datagrid-edit-popup .dx-error-message { padding: 7px; } .dx-datagrid-filter-range-overlay .dx-overlay-content { border: 1px solid #CBCBCB; overflow: inherit; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); left: 0px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after { border: 2px solid #b8e0ee; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container { margin: 0px; border-bottom: none; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container .dx-placeholder::before { padding: 7px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container .dx-texteditor-input { background-color: white; padding: 7px; } .dx-datagrid-export-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message, .dx-datagrid-column-chooser-list .dx-empty-message { bottom: 37.5%; text-align: left; padding: 0 24px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content { padding-right: 24px; padding-left: 24px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content { padding-right: 9px; padding-left: 9px; padding-bottom: 0px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-list-item-content { padding-top: 11px; padding-bottom: 11px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { background-color: #E0E0E0; border: 1px solid #CBCBCB; padding: 7px; -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content { color: #7E7E7E; } .dx-editor-cell .dx-numberbox-spin-up-icon, .dx-editor-cell .dx-numberbox-spin-down-icon, .dx-editor-cell .dx-dropdowneditor-icon { background-position: right 10px top 50%; } .dx-datagrid-drag-header { -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); padding: 7px; line-height: normal; border: 1px solid #7FCDEA; background-color: #B8E0EE; color: rgba(0, 0, 0, 0.87); } .dx-datagrid-columns-separator { background-color: #33B5E5; } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-focus-overlay { border: 2px solid #b8e0ee; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) { background-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-datagrid-group-space { border-right-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row:not(.dx-row-lines) > td { border-bottom: 1px solid #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row > td.dx-pointer-events-none { background-color: transparent; border-bottom: none; } .dx-datagrid-headers { color: #7E7E7E; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-headers .dx-placeholder::before { padding: 7px; } .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td { background-color: #E0E0E0; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #CBCBCB; } .dx-datagrid-headers .dx-datagrid-drop-highlight.dx-row > td { background-color: #d9f5f9; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: rgba(0, 0, 0, 0.87); } .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 #b8e0ee; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #FAFAFA; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-datagrid-filter-row .dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); } .dx-datagrid-header-panel { border-bottom: 1px solid #CBCBCB; } .dx-datagrid-header-panel .dx-toolbar { background: white; height: 48px; } .dx-datagrid-header-panel .dx-icon { color: #646464; } .dx-datagrid-header-panel .dx-icon-clear { color: #979797; } .dx-datagrid-header-panel .dx-toolbar-button:not(.dx-state-disabled) .dx-apply-button:not(.dx-state-hover) { background-color: #30c285; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button { margin-bottom: 6px; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-button-content { padding: 6px; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon { width: 25px; height: 25px; background-position: 0px 0px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; background-size: 25px 25px; padding: 0px; font-size: 25px; text-align: center; line-height: 25px; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button.dx-apply-button.dx-state-hover { background-color: rgba(18, 166, 95, 0.5); } .dx-datagrid-header-panel .dx-link { padding: 7px 0px 7px 10px; } .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f060"; } .dx-datagrid-search-panel { margin-bottom: 10px; margin-left: 20px; margin-top: 2px; } .dx-datagrid-search-panel .dx-texteditor-container { margin: 0; } .dx-datagrid-rowsview .dx-texteditor-input { padding: 7px; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-texteditor-container::before { display: none; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after { border: 1px solid rgba(234, 68, 68, 0.4); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #EA4444; } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 14px 17px 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); } .dx-datagrid-rowsview .dx-item-modified { outline: 2px solid rgba(21, 194, 111, 0.5); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text { padding-top: 11px; padding-bottom: 11px; padding-left: 7px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid { outline: 1px solid #EA4444; } .dx-datagrid-rowsview .dx-row-removed > td { background-color: rgba(21, 194, 111, 0.5); border-top: 1px solid rgba(21, 194, 111, 0.5); border-bottom: 1px solid rgba(21, 194, 111, 0.5); } .dx-datagrid-rowsview .dx-selection > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td { background-color: #d9f5f9; } .dx-datagrid-rowsview .dx-selection > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space { border-right-color: #d9f5f9; } .dx-datagrid-rowsview .dx-selection > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused { background-color: white; } .dx-datagrid-rowsview .dx-selection:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td { border-bottom: 1px solid #d9f5f9; } .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row > td.dx-pointer-events-none { border-bottom-color: transparent; } .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 #CBCBCB; border-bottom: 1px solid #CBCBCB; } .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: #FAFAFA; } .dx-datagrid-search-text { background-color: #b8e0ee; } .dx-datagrid-nodata { color: #A8A8A8; font-size: 17px; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { padding-left: 27px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #CBCBCB; } .dx-datagrid-pager { border-top: 3px double #CBCBCB; } .dx-datagrid-pager.dx-widget { color: rgba(0, 0, 0, 0.87); } .dx-datagrid-total-footer { border-top: 1px solid #CBCBCB; } .dx-datagrid-revert-tooltip .dx-overlay-content { min-width: 30px; padding: 0; background-color: transparent; } .dx-datagrid-revert-tooltip .dx-revert-button { min-height: 30px; background-color: #EA4444; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover, .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #dd191d; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active { background-color: #dd191d; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon .dx-icon { color: #fff; width: 20px; height: 20px; background-position: 0px 0px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 0px; font-size: 20px; text-align: center; line-height: 20px; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content { min-height: 30px; padding-top: 5px; padding-right: 5px; padding-left: 5px; } .dx-datagrid-edit-popup .dx-form { padding: 0; } .dx-rtl .dx-datagrid-search-panel { margin-left: 0; margin-right: 20px; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #f0f0f0; } .dx-rtl .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input { padding-right: 7px; } .dx-rtl .dx-editor-cell .dx-numberbox-spin-up-icon, .dx-rtl .dx-editor-cell .dx-numberbox-spin-down-icon, .dx-rtl .dx-editor-cell .dx-dropdowneditor-icon { background-position: left 10px top 50%; } .dx-rtl .dx-datagrid-rowsview .dx-selection > 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 { border-left-color: #d9f5f9; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content { padding: 8px 9px 6px 10px; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0px; } .dx-datagrid-group-panel { margin-bottom: 10px; font-size: 14px; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: #7E7E7E; padding: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { color: #7E7E7E; background-color: #E0E0E0; border: 1px solid #CBCBCB; padding: 7px; } .dx-datagrid-group-panel .dx-block-separator { padding: 8px; background-color: #d9f5f9; } .dx-datagrid-header-panel .dx-toolbar-label { padding: 0; } .dx-datagrid-rowsview .dx-row.dx-group-row { color: #33b5e5; background-color: #FAFAFA; font-weight: bold; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #CBCBCB; border-bottom-color: #CBCBCB; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0px 0px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid-group-opened:before { content: "\f016"; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0px 0px; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid-group-closed:before { content: "\f010"; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { color: #3a3a3a; width: 100%; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #CBCBCB; } .dx-row.dx-datagrid-group-footer > td { background-color: #FAFAFA; border-top: 1px solid #CBCBCB; border-left-width: 0px; border-right-width: 0px; } .dx-datagrid-table-fixed .dx-row.dx-group-row { background-color: #FAFAFA; } .dx-datagrid-table-fixed .dx-row.dx-group-row td { background-color: #FAFAFA; } .dx-column-header .dx-pivotgrid-toolbar, .dx-filter-header .dx-pivotgrid-toolbar { margin-top: 11px; } .dx-pivotgrid-collapsed .dx-expand { font: 14px/1 DXIcons; } .dx-pivotgrid-collapsed .dx-expand:before { content: "\f010"; } .dx-pivotgrid-expanded .dx-expand { font: 14px/1 DXIcons; } .dx-pivotgrid-expanded .dx-expand:before { content: "\f016"; } .dx-treelist-checkbox-size.dx-focused .dx-checkbox-icon { border-color: transparent; } .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc, .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before, .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc, .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0px 0px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before, .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-none, .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-none { min-width: 16px; height: 16px; } .dx-treelist .dx-menu-base .dx-menu-item .dx-icon, .dx-treelist-container .dx-menu-base .dx-menu-item .dx-icon, .dx-treelist.dx-menu-base .dx-menu-item .dx-icon, .dx-treelist-container.dx-menu-base .dx-menu-item .dx-icon { color: #898989; } .dx-treelist .dx-icon-filter-operation-equals, .dx-treelist-container .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-equals:before, .dx-treelist-container .dx-icon-filter-operation-equals:before { content: "\f044"; } .dx-treelist .dx-icon-filter-operation-default, .dx-treelist-container .dx-icon-filter-operation-default { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-default:before, .dx-treelist-container .dx-icon-filter-operation-default:before { content: "\f027"; } .dx-treelist .dx-icon-filter-operation-not-equals, .dx-treelist-container .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-equals:before, .dx-treelist-container .dx-icon-filter-operation-not-equals:before { content: "\f045"; } .dx-treelist .dx-icon-filter-operation-less, .dx-treelist-container .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less:before, .dx-treelist-container .dx-icon-filter-operation-less:before { content: "\f046"; } .dx-treelist .dx-icon-filter-operation-less-equal, .dx-treelist-container .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-less-equal:before, .dx-treelist-container .dx-icon-filter-operation-less-equal:before { content: "\f048"; } .dx-treelist .dx-icon-filter-operation-greater, .dx-treelist-container .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater:before, .dx-treelist-container .dx-icon-filter-operation-greater:before { content: "\f047"; } .dx-treelist .dx-icon-filter-operation-greater-equal, .dx-treelist-container .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-greater-equal:before, .dx-treelist-container .dx-icon-filter-operation-greater-equal:before { content: "\f049"; } .dx-treelist .dx-icon-filter-operation-contains, .dx-treelist-container .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-contains:before, .dx-treelist-container .dx-icon-filter-operation-contains:before { content: "\f063"; } .dx-treelist .dx-icon-filter-operation-not-contains, .dx-treelist-container .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-not-contains:before, .dx-treelist-container .dx-icon-filter-operation-not-contains:before { content: "\f066"; } .dx-treelist .dx-icon-filter-operation-starts-with, .dx-treelist-container .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-starts-with:before, .dx-treelist-container .dx-icon-filter-operation-starts-with:before { content: "\f064"; } .dx-treelist .dx-icon-filter-operation-ends-with, .dx-treelist-container .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-ends-with:before, .dx-treelist-container .dx-icon-filter-operation-ends-with:before { content: "\f065"; } .dx-treelist .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between, .dx-treelist-container .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NImJnA8B8DJsxkwCeBFYJ1YIG4JQDIKi2jVgV8BwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center center; background-size: 14px 5px; } .dx-treelist .dx-menu-base .dx-menu-item .dx-menu-item-content { padding: 8px 0px 0px 9px; } .dx-treelist .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { margin-right: 9px; min-width: 16px; height: 16px; } .dx-treelist .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content { padding-top: 3px; } .dx-treelist .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon-filter-operation-default { margin-top: 1px; } .dx-treelist .dx-row-alt > td { background-color: #E5E5E5; } .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: #E5E5E5; } .dx-treelist .dx-row-lines > td { border-bottom: 1px solid #CBCBCB; } .dx-treelist .dx-column-lines > td { border-left: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB; } .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-container { border-bottom-width: 0px; } .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-container::before { border-left-width: 0px; } .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-container::after { border-right-width: 0px; } .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: transparent; } .dx-treelist .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 25px; } .dx-treelist .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 50px; } .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before { padding-left: 26px; } .dx-rtl .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before { padding-right: 26px; } .dx-treelist .dx-error-row .dx-closebutton { float: right; margin: 8px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-treelist .dx-error-row .dx-error-message { padding: 7px; padding-right: 35px; } .dx-treelist-edit-popup .dx-error-message { padding: 7px; } .dx-treelist-filter-range-overlay .dx-overlay-content { border: 1px solid #CBCBCB; overflow: inherit; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); left: 0px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after { border: 2px solid #b8e0ee; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container { margin: 0px; border-bottom: none; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container .dx-placeholder::before { padding: 7px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-container .dx-texteditor-input { background-color: white; padding: 7px; } .dx-treelist-export-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message, .dx-treelist-column-chooser-list .dx-empty-message { bottom: 37.5%; text-align: left; padding: 0 24px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content { padding-right: 24px; padding-left: 24px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content { padding-right: 9px; padding-left: 9px; padding-bottom: 0px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-list-item-content { padding-top: 11px; padding-bottom: 11px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { background-color: #E0E0E0; border: 1px solid #CBCBCB; padding: 7px; -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2); } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content { color: #7E7E7E; } .dx-editor-cell .dx-numberbox-spin-up-icon, .dx-editor-cell .dx-numberbox-spin-down-icon, .dx-editor-cell .dx-dropdowneditor-icon { background-position: right 10px top 50%; } .dx-treelist-drag-header { -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2); padding: 7px; line-height: normal; border: 1px solid #7FCDEA; background-color: #B8E0EE; color: rgba(0, 0, 0, 0.87); } .dx-treelist-columns-separator { background-color: #33B5E5; } .dx-treelist-columns-separator-transparent { background-color: transparent; } .dx-treelist-focus-overlay { border: 2px solid #b8e0ee; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) { background-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-treelist-group-space { border-right-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input { background-color: #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row:not(.dx-row-lines) > td { border-bottom: 1px solid #f0f0f0; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row > td.dx-pointer-events-none { background-color: transparent; border-bottom: none; } .dx-treelist-headers { color: #7E7E7E; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-treelist-headers .dx-texteditor-input, .dx-treelist-headers .dx-placeholder::before { padding: 7px; } .dx-treelist-headers .dx-treelist-table .dx-row.dx-header-row > td { background-color: #E0E0E0; } .dx-treelist-headers .dx-treelist-table .dx-row > td { border-bottom: 1px solid #CBCBCB; } .dx-treelist-headers .dx-treelist-drop-highlight.dx-row > td { background-color: #d9f5f9; } .dx-treelist-filter-row .dx-menu .dx-overlay-content { color: rgba(0, 0, 0, 0.87); } .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 #b8e0ee; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #FAFAFA; } .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-treelist-filter-row .dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); } .dx-treelist-header-panel { border-bottom: 1px solid #CBCBCB; } .dx-treelist-header-panel .dx-toolbar { background: white; height: 48px; } .dx-treelist-header-panel .dx-icon { color: #646464; } .dx-treelist-header-panel .dx-icon-clear { color: #979797; } .dx-treelist-header-panel .dx-toolbar-button:not(.dx-state-disabled) .dx-apply-button:not(.dx-state-hover) { background-color: #30c285; } .dx-treelist-header-panel .dx-treelist-toolbar-button { margin-bottom: 6px; } .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-button-content { padding: 6px; } .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon { width: 25px; height: 25px; background-position: 0px 0px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; background-size: 25px 25px; padding: 0px; font-size: 25px; text-align: center; line-height: 25px; } .dx-treelist-header-panel .dx-treelist-toolbar-button.dx-apply-button.dx-state-hover { background-color: rgba(18, 166, 95, 0.5); } .dx-treelist-header-panel .dx-link { padding: 7px 0px 7px 10px; } .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-treelist-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-treelist-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-treelist-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-export-button .dx-icon-export-excel-button:before { content: "\f060"; } .dx-treelist-search-panel { margin-bottom: 10px; margin-left: 20px; margin-top: 2px; } .dx-treelist-search-panel .dx-texteditor-container { margin: 0; } .dx-treelist-rowsview .dx-texteditor-input { padding: 7px; } .dx-treelist-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-treelist-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-texteditor-container::before { display: none; } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after { border: 1px solid rgba(234, 68, 68, 0.4); } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after { border: 1px solid #EA4444; } .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content { padding: 14px 17px 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: rgba(21, 194, 111, 0.5); } .dx-treelist-rowsview .dx-item-modified { outline: 2px solid rgba(21, 194, 111, 0.5); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text { padding-top: 11px; padding-bottom: 11px; padding-left: 7px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid { outline: 1px solid #EA4444; } .dx-treelist-rowsview .dx-row-removed > td { background-color: rgba(21, 194, 111, 0.5); border-top: 1px solid rgba(21, 194, 111, 0.5); border-bottom: 1px solid rgba(21, 194, 111, 0.5); } .dx-treelist-rowsview .dx-selection > td, .dx-treelist-rowsview .dx-selection.dx-row:hover > td { background-color: #d9f5f9; } .dx-treelist-rowsview .dx-selection > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space { border-right-color: #d9f5f9; } .dx-treelist-rowsview .dx-selection > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused { background-color: white; } .dx-treelist-rowsview .dx-selection:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td { border-bottom: 1px solid #d9f5f9; } .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row > td.dx-pointer-events-none { border-bottom-color: transparent; } .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 #CBCBCB; border-bottom: 1px solid #CBCBCB; } .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space, .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell { background-color: #FAFAFA; } .dx-treelist-search-text { background-color: #b8e0ee; } .dx-treelist-nodata { color: #A8A8A8; font-size: 17px; } .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { padding-left: 27px; } .dx-treelist-bottom-load-panel { border-top: 1px solid #CBCBCB; } .dx-treelist-pager { border-top: 3px double #CBCBCB; } .dx-treelist-pager.dx-widget { color: rgba(0, 0, 0, 0.87); } .dx-treelist-total-footer { border-top: 1px solid #CBCBCB; } .dx-treelist-revert-tooltip .dx-overlay-content { min-width: 30px; padding: 0; background-color: transparent; } .dx-treelist-revert-tooltip .dx-revert-button { min-height: 30px; background-color: #EA4444; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover, .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #dd191d; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active { background-color: #dd191d; } .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon .dx-icon { color: #fff; width: 20px; height: 20px; background-position: 0px 0px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 0px; font-size: 20px; text-align: center; line-height: 20px; } .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content { min-height: 30px; padding-top: 5px; padding-right: 5px; padding-left: 5px; } .dx-treelist-edit-popup .dx-form { padding: 0; } .dx-rtl .dx-treelist-search-panel { margin-left: 0; margin-right: 20px; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-treelist-group-space { border-left-color: #f0f0f0; } .dx-rtl .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-input { padding-right: 7px; } .dx-rtl .dx-editor-cell .dx-numberbox-spin-up-icon, .dx-rtl .dx-editor-cell .dx-numberbox-spin-down-icon, .dx-rtl .dx-editor-cell .dx-dropdowneditor-icon { background-position: left 10px top 50%; } .dx-rtl .dx-treelist-rowsview .dx-selection > 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 { border-left-color: #d9f5f9; } .dx-rtl .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content { padding: 8px 9px 6px 10px; } .dx-rtl .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0px; } .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-empty-space { width: 14px; } .dx-treelist-rowsview .dx-treelist-empty-space { font: 14px/1 DXIcons; position: relative; display: inline-block; margin-right: 3px; } .dx-treelist-rowsview .dx-treelist-empty-space:before { content: "\f04e"; } .dx-treelist-rowsview .dx-treelist-empty-space:before { visibility: hidden; } .dx-treelist-rowsview .dx-treelist-expanded span { font: 14px/1 DXIcons; font-size: 12px; text-align: center; line-height: 12px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-expanded span:before { content: "\f016"; } .dx-treelist-rowsview .dx-treelist-expanded span:before { position: absolute; display: block; width: 12px; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px; } .dx-treelist-rowsview .dx-treelist-expanded span:before { left: 0; margin-left: 0px; margin-top: -6px; } .dx-treelist-rowsview .dx-treelist-collapsed span { font: 14px/1 DXIcons; font-size: 12px; text-align: center; line-height: 12px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { content: "\f010"; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { position: absolute; display: block; width: 12px; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { left: 0; margin-left: -2px; margin-top: -6px; } .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-icon-container.dx-editor-inline-block { position: relative; padding-right: 25px; } .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox { position: absolute; top: 50%; margin-top: -9px; } .dx-treelist-select-all { position: relative; } .dx-treelist-select-all .dx-checkbox { position: absolute; left: 0px; margin-top: -1px; background-color: #E0E0E0; padding-left: 24px; } .dx-treelist-headers .dx-header-row > .dx-treelist-select-all { padding-left: 49px; } .dx-rtl .dx-treelist-rowsview .dx-treelist-empty-space { margin-left: 3px; margin-right: 0px; } .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded, .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: right; } .dx-rtl .dx-treelist-select-all .dx-checkbox { left: 100%; padding-right: 24px; margin-left: -42px; padding-left: 0px; } .dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all { padding-right: 49px; padding-left: 7px; } .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block { padding-left: 25px; padding-right: 0px; } .dx-menu-item-content { border: 1px solid transparent; } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-active, .dx-menu-item-expanded { background-color: rgba(0, 0, 0, 0.06); } .dx-menu-base { color: rgba(0, 0, 0, 0.87); font-weight: 400; font-size: 14px; font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; line-height: 25px; } .dx-menu-base a { color: #00BCD4; text-decoration: underline; } .dx-menu-base img { border-style: none; } .dx-menu-base .dx-menu-item .dx-icon { color: #646464; } .dx-menu-base .dx-menu-item-selected, .dx-menu-base .dx-menu-item-selected.dx-state-focused { background-color: rgba(0, 0, 0, 0.06); } .dx-menu-base .dx-inkripple { overflow: hidden; } .dx-menu-base .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.1); } .dx-menu-base .dx-icon { width: 15px; height: 15px; background-position: 0px 0px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; padding: 0px; font-size: 15px; text-align: center; line-height: 15px; } .dx-menu-base.dx-rtl .dx-menu-item-popout-container { margin-left: 0px; margin-right: auto; } .dx-menu { background-color: transparent; } .dx-menu .dx-menu-item-expanded { background-color: #FAFAFA; } .dx-menu .dx-menu-item-expanded .dx-menu-item-content { background-color: rgba(0, 0, 0, 0.06); } .dx-menu .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 24px; text-align: center; line-height: 24px; color: #757575; } .dx-menu .dx-menu-item-popout:before { content: "\f001"; } .dx-menu .dx-menu-item-popout:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 24px; text-align: center; line-height: 24px; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { content: "\f04e"; } .dx-menu .dx-menu-vertical .dx-menu-item-popout:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-rtl .dx-menu .dx-menu-vertical .dx-menu-item-popout, .dx-rtl.dx-menu .dx-menu-vertical .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 24px; text-align: center; line-height: 24px; } .dx-rtl .dx-menu .dx-menu-vertical .dx-menu-item-popout:before, .dx-rtl.dx-menu .dx-menu-vertical .dx-menu-item-popout:before { content: "\f04f"; } .dx-rtl .dx-menu .dx-menu-vertical .dx-menu-item-popout:before, .dx-rtl.dx-menu .dx-menu-vertical .dx-menu-item-popout:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-menu .dx-menu-item-content { padding: 5px 7px; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin-right: 20px; margin-left: auto; } .dx-rtl .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon, .dx-rtl.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin-left: 20px; margin-right: auto; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-menu-item-has-text .dx-icon { margin-right: 6px; margin-left: auto; } .dx-rtl .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-menu-item-has-text .dx-icon, .dx-rtl.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-menu-item-has-text .dx-icon { margin-left: 6px; margin-right: auto; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding-right: 20px; padding-left: 0px; } .dx-rtl .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text, .dx-rtl.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding-left: 20px; padding-right: 0px; } .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-text .dx-icon { margin-left: 9px; margin-right: auto; } .dx-menu-adaptive-mode { background-color: #FAFAFA; } .dx-menu-adaptive-mode.dx-overlay-content { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); position: absolute; } .dx-menu-adaptive-mode .dx-treeview .dx-treeview-toggle-item-visibility { width: 45px; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node { border-bottom: 1px solid #cdcdcd; } .dx-context-menu .dx-submenu > .dx-menu-items-container { padding: 8px 0; min-width: 112px; background-color: #FAFAFA; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-context-menu .dx-menu-item-wrapper { line-height: 0; } .dx-context-menu .dx-menu-separator { background-color: #DDDDDD; } .dx-context-menu .dx-menu-item-content { border: none; padding: 16px 16px 20px; line-height: 12px; overflow: hidden; position: relative; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { right: 5px; } .dx-rtl .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container, .dx-rtl.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { right: 0; left: 5px; } .dx-context-menu .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 24px; text-align: center; line-height: 24px; color: #757575; padding-top: 16px; } .dx-context-menu .dx-menu-item-popout:before { content: "\f04e"; } .dx-context-menu .dx-menu-item-popout:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-rtl .dx-context-menu .dx-menu-item-popout, .dx-rtl.dx-context-menu .dx-menu-item-popout { font: 14px/1 DXIcons; font-size: 24px; text-align: center; line-height: 24px; color: #757575; } .dx-rtl .dx-context-menu .dx-menu-item-popout:before, .dx-rtl.dx-context-menu .dx-menu-item-popout:before { content: "\f04f"; } .dx-rtl .dx-context-menu .dx-menu-item-popout:before, .dx-rtl.dx-context-menu .dx-menu-item-popout:before { position: absolute; display: block; width: 24px; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .dx-context-menu .dx-menu-item-text { padding-left: 24px; padding-right: 0px; vertical-align: baseline; } .dx-rtl .dx-context-menu .dx-menu-item-text, .dx-rtl.dx-context-menu .dx-menu-item-text { padding-left: 0px; padding-right: 24px; } .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text { padding-left: 0; } .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: 0; } .dx-context-menu .dx-icon { margin-right: -15px; margin-left: 0; } .dx-rtl .dx-context-menu .dx-icon, .dx-rtl.dx-context-menu .dx-icon { margin-left: -15px; margin-right: 0; } .dx-context-menu-content-delimiter { display: none !important; } .dx-calendar { padding: 14px; font-size: 14px; height: 356px; min-height: 260px; width: 348px; min-width: 290px; background: #FAFAFA; } .dx-calendar.dx-calendar-with-footer { height: 396px; min-height: 396px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 40px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { margin-left: -14px; max-height: 40px; width: 100%; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button { position: relative; left: 50%; margin-left: -50px; width: 100px; padding: 2px 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-decoration: none; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-success { color: #0f9d58; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-danger { color: #ff5252; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-default { color: #2196f3; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-state-hover, .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-success.dx-state-hover, .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-danger.dx-state-hover, .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-default.dx-state-hover, .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-calendar-today-button .dx-button-text { font-weight: bold; text-transform: uppercase; font-size: 16px; color: #00BCD4; } .dx-calendar.dx-state-disabled.dx-widget { opacity: .5; } @media (max-width: 320px) { .dx-calendar { width: 320px; min-width: 320px; } } .dx-calendar-views-wrapper { -webkit-backface-visibility: hidden; } .dx-calendar-navigator { display: inline-block; height: 50px; } .dx-calendar-navigator .dx-calendar-caption-button { margin: 0 auto; width: auto; position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-calendar-caption-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-success { color: #0f9d58; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-danger { color: #ff5252; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-default { color: #2196f3; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-calendar-navigator .dx-calendar-caption-button.dx-state-hover, .dx-calendar-navigator .dx-calendar-caption-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-success.dx-state-hover, .dx-calendar-navigator .dx-calendar-caption-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-danger.dx-state-hover, .dx-calendar-navigator .dx-calendar-caption-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-calendar-navigator .dx-calendar-caption-button.dx-button-default.dx-state-hover, .dx-calendar-navigator .dx-calendar-caption-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-calendar-navigator .dx-calendar-caption-button .dx-button-content .dx-button-text { font-weight: bold; font-size: 20px; text-transform: capitalize; color: #00BCD4; } .dx-calendar-navigator .dx-calendar-navigator-previous-view, .dx-calendar-navigator .dx-calendar-navigator-next-view { display: none; } .dx-calendar-view-month .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell) { background: #ececec; background: -webkit-radial-gradient(circle closest-side, #ececec 90%, rgba(255, 255, 255, 0) 95%); background: -moz-radial-gradient(circle closest-side, #ececec 90%, rgba(255, 255, 255, 0) 95%); background: -ms-radial-gradient(circle closest-side, #ececec 90%, rgba(255, 255, 255, 0) 95%); background: -o-radial-gradient(circle closest-side, #ececec 90%, rgba(255, 255, 255, 0) 95%); background: radial-gradient(circle closest-side at center, #ececec 90%, rgba(255, 255, 255, 0) 95%); } .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date.dx-state-active { color: #fff; background: #00BCD4; background: -webkit-radial-gradient(circle closest-side, #00BCD4 90%, rgba(255, 255, 255, 0) 95%); background: -moz-radial-gradient(circle closest-side, #00BCD4 90%, rgba(255, 255, 255, 0) 95%); background: -ms-radial-gradient(circle closest-side, #00BCD4 90%, rgba(255, 255, 255, 0) 95%); background: -o-radial-gradient(circle closest-side, #00BCD4 90%, rgba(255, 255, 255, 0) 95%); background: radial-gradient(circle closest-side at center, #00BCD4 90%, rgba(255, 255, 255, 0) 95%); background-repeat: no-repeat; background-position: center center; } .dx-calendar-view-month td.dx-calendar-cell { padding: 0; } .dx-calendar-view-month td.dx-calendar-contoured-date { background: transparent; background: -webkit-radial-gradient(circle closest-side, transparent 90%, #d7d7d7 95%, transparent 100%); background: -moz-radial-gradient(circle closest-side, transparent 90%, #d7d7d7 95%, transparent 100%); background: -ms-radial-gradient(circle closest-side, transparent 90%, #d7d7d7 95%, transparent 100%); background: -o-radial-gradient(circle closest-side, transparent 90%, #d7d7d7 95%, transparent 100%); background: radial-gradient(circle closest-side at center, transparent 90%, #d7d7d7 95%, transparent 100%); } .dx-calendar-body { top: 52px; left: 14px; right: 14px; bottom: 0; } .dx-calendar-body table { border-collapse: collapse; table-layout: fixed; } .dx-calendar-body td, .dx-calendar-body th { padding: 8px; text-align: center; } .dx-calendar-body td { color: rgba(0, 0, 0, 0.87); font-weight: 100; } .dx-calendar-body th { height: 46px; line-height: normal; font-size: 0; color: #8f8f8f; } .dx-calendar-body th:first-letter { font-size: 14px; } .dx-calendar-body .dx-calendar-today { color: #00BCD4; } .dx-calendar-view-year .dx-calendar-cell span, .dx-calendar-view-decade .dx-calendar-cell span, .dx-calendar-view-century .dx-calendar-cell span { border: 1px solid transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: inline-block; } .dx-calendar-view-year .dx-calendar-cell, .dx-calendar-view-decade .dx-calendar-cell { padding: 0; } .dx-calendar-view-year .dx-calendar-cell span, .dx-calendar-view-decade .dx-calendar-cell span { padding: 9px 11px; line-height: 18px; min-width: 60px; } .dx-calendar-view-year .dx-calendar-body, .dx-calendar-view-decade .dx-calendar-body { margin-top: 25px; } .dx-calendar-view-year .dx-calendar-body .dx-calendar-cell, .dx-calendar-view-decade .dx-calendar-body .dx-calendar-cell { font-size: 18px; text-transform: uppercase; } .dx-calendar-view-year .dx-calendar-contoured-date span, .dx-calendar-view-decade .dx-calendar-contoured-date span { border-color: #d7d7d7; } .dx-calendar-view-year .dx-calendar-selected-date, .dx-calendar-view-decade .dx-calendar-selected-date, .dx-calendar-view-year .dx-calendar-selected-date.dx-state-active, .dx-calendar-view-decade .dx-calendar-selected-date.dx-state-active { color: #fff; } .dx-calendar-view-year .dx-calendar-selected-date span, .dx-calendar-view-decade .dx-calendar-selected-date span, .dx-calendar-view-year .dx-calendar-selected-date.dx-state-active span, .dx-calendar-view-decade .dx-calendar-selected-date.dx-state-active span { background-color: #00BCD4; border-color: #00BCD4; } .dx-calendar-view-year .dx-calendar-body .dx-state-active:not(.dx-calendar-empty-cell) span, .dx-calendar-view-decade .dx-calendar-body .dx-state-active:not(.dx-calendar-empty-cell) span { background-color: #ececec; border-color: #ececec; } .dx-calendar-view-century .dx-calendar-cell { padding: 0; } .dx-calendar-view-century .dx-calendar-cell span { padding: 9px 0; line-height: 14px; } .dx-calendar-view-century .dx-calendar-body { margin-top: 25px; } .dx-calendar-view-century .dx-calendar-body .dx-calendar-cell { font-size: 18px; text-transform: uppercase; } .dx-calendar-view-century .dx-calendar-contoured-date span { border-color: #d7d7d7; } .dx-calendar-view-century .dx-calendar-selected-date, .dx-calendar-view-century .dx-calendar-selected-date.dx-state-active { color: #fff; } .dx-calendar-view-century .dx-calendar-selected-date span, .dx-calendar-view-century .dx-calendar-selected-date.dx-state-active span { background-color: #00BCD4; border-color: #00BCD4; } .dx-calendar-view-century .dx-calendar-body .dx-state-active:not(.dx-calendar-empty-cell) span { background-color: #ececec; border-color: #ececec; } .dx-calendar-view-century .dx-calendar-body .dx-calendar-cell { font-size: 14px; padding-right: 0; padding-left: 0; } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; color: rgba(0, 0, 0, 0.26); } .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-empty-cell { color: transparent; background: none; pointer-events: none; } .dx-calendar-cell.dx-calendar-other-view.dx-calendar-today, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-empty-cell.dx-calendar-today { color: transparent; } .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date { background: none; } .dx-state-disabled .dx-calendar, .dx-state-disabled.dx-calendar { opacity: .3; } .dx-invalid.dx-calendar { border: 1px solid rgba(234, 68, 68, 0.4); } .dx-invalid.dx-state-focused .dx-calendar-body { border-color: #EA4444; } .dx-multiview { line-height: normal; } .dx-treeview-node-loadindicator { width: 20px; height: 20px; top: 11px; left: 3px; } .dx-treeview-node-loadindicator > .dx-loadindicator-wrapper { font-size: 20px; } .dx-treeview.dx-treeview-border-visible { border: 1px solid rgba(0, 0, 0, 0.12); } .dx-treeview.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 37px; } .dx-treeview.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding: 1px 1px 1px 7px; } .dx-treeview .dx-treeview-select-all-item { margin: 0 0 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 15px 0 15px 30px; } .dx-treeview .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 31px; } .dx-treeview .dx-treeview-node { padding-left: 26px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 35px; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item { background-color: rgba(0, 0, 0, 0.06); } .dx-treeview .dx-treeview-node .dx-checkbox { top: 12px; left: 30px; } .dx-treeview .dx-treeview-item { padding: 8px 6px 6px 3px; min-height: 42px; } .dx-treeview .dx-treeview-item .dx-treeview-item-content { color: rgba(0, 0, 0, 0.87); } .dx-treeview .dx-treeview-item .dx-icon { color: #646464; } .dx-treeview .dx-treeview-item .dx-icon { width: 21px; height: 21px; background-position: 0px 0px; -webkit-background-size: 21px 21px; -moz-background-size: 21px 21px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treeview .dx-treeview-item.dx-state-hover { background-color: rgba(0, 0, 0, 0.06); } .dx-treeview .dx-state-focused > .dx-treeview-item { background-color: rgba(0, 0, 0, 0.06); } .dx-treeview .dx-treeview-toggle-item-visibility { font: 14px/1 DXIcons; color: #757575; font-size: 14px; text-align: center; line-height: 14px; width: 21px; height: 42px; top: 0; left: 0; } .dx-treeview .dx-treeview-toggle-item-visibility:before { content: "\f010"; } .dx-treeview .dx-treeview-toggle-item-visibility:before { position: absolute; display: block; width: 14px; top: 50%; margin-top: -7px; left: 50%; margin-left: -7px; } .dx-treeview .dx-treeview-toggle-item-visibility:before { font-weight: bold; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { font: 14px/1 DXIcons; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { content: "\f016"; } .dx-treeview.dx-rtl .dx-loadindicator { left: auto; right: 0px; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 0; padding-right: 37px; } .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: 26px; } .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: 35px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 30px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 30px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 0; padding-right: 31px; } .dx-treeview.dx-rtl.dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-fieldset { padding-left: 16px; padding-right: 16px; } .dx-fieldset-header { color: #00BCD4; line-height: 24px; padding: 12px 0px; font-weight: bold; font-size: 14px; } .dx-field { padding: .42em .4em; } .dx-field-label { padding: 11px 0 8px 0; min-height: 26px; font-size: 12px; color: #999999; } .dx-field-value { position: relative; padding-top: 11px; padding-bottom: 8px; } .dx-field-value.dx-attention { color: #e78747; } .dx-field-value.dx-attention:before { display: inline-block; content: ''; width: 15px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAiklEQVQoz2N43u7OgAMzA/FMKI1VDQMezXlA/B+IC0nVLAPEn6CaPwOxLCma10E1wvAGYjX7ImliQGIHENLMA8SPcGh+DMS8+DT3ojmXAY0/AZdmQyD+Q0AzSN4YXTMoLk+jKcSmGYTPwuIepjkXiyJ8OB+mWRqIP+JQxIBDHBT3MiDJtSTaCo97AMUmhvHkzy7qAAAAAElFTkSuQmCC); } .dx-field-value.dx-widget { padding-left: 0; } .dx-field-value.dx-texteditor, .dx-field-value.dx-checkbox, .dx-field-value.dx-radiogroup, .dx-field-value.dx-slider { padding-top: 0; padding-bottom: 0; } .dx-field-value.dx-texteditor { margin-top: -1px; } .dx-field-value.dx-button { margin-top: 5px; margin-bottom: 3px; padding: 0; } .dx-field-value .dx-button, .dx-field-value.dx-button { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-field-value .dx-button .dx-button-content, .dx-field-value.dx-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-field-value .dx-button.dx-button-success, .dx-field-value.dx-button.dx-button-success { color: #0f9d58; } .dx-field-value .dx-button.dx-button-success .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-field-value .dx-button.dx-button-danger, .dx-field-value.dx-button.dx-button-danger { color: #ff5252; } .dx-field-value .dx-button.dx-button-danger .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-field-value .dx-button.dx-button-default, .dx-field-value.dx-button.dx-button-default { color: #2196f3; } .dx-field-value .dx-button.dx-button-default .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-field-value .dx-button.dx-state-hover, .dx-field-value.dx-button.dx-state-hover, .dx-field-value .dx-button.dx-state-focused, .dx-field-value.dx-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-field-value .dx-button.dx-button-success.dx-state-hover, .dx-field-value.dx-button.dx-button-success.dx-state-hover, .dx-field-value .dx-button.dx-button-success.dx-state-focused, .dx-field-value.dx-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-field-value .dx-button.dx-button-danger.dx-state-hover, .dx-field-value.dx-button.dx-button-danger.dx-state-hover, .dx-field-value .dx-button.dx-button-danger.dx-state-focused, .dx-field-value.dx-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-field-value .dx-button.dx-button-default.dx-state-hover, .dx-field-value.dx-button.dx-button-default.dx-state-hover, .dx-field-value .dx-button.dx-button-default.dx-state-focused, .dx-field-value.dx-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text), .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text), .dx-field-value .dx-button.dx-button-back, .dx-field-value.dx-button.dx-button-back { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content, .dx-field-value .dx-button.dx-button-back .dx-button-content, .dx-field-value.dx-button.dx-button-back .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-success, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-success, .dx-field-value .dx-button.dx-button-back.dx-button-success, .dx-field-value.dx-button.dx-button-back.dx-button-success { color: #0f9d58; } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-success .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-success .dx-inkripple-wave, .dx-field-value .dx-button.dx-button-back.dx-button-success .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-back.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-danger, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-danger, .dx-field-value .dx-button.dx-button-back.dx-button-danger, .dx-field-value.dx-button.dx-button-back.dx-button-danger { color: #ff5252; } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-danger .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-danger .dx-inkripple-wave, .dx-field-value .dx-button.dx-button-back.dx-button-danger .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-back.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-default, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-default, .dx-field-value .dx-button.dx-button-back.dx-button-default, .dx-field-value.dx-button.dx-button-back.dx-button-default { color: #2196f3; } .dx-field-value .dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-default .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-has-icon:not(.dx-button-has-text).dx-button-default .dx-inkripple-wave, .dx-field-value .dx-button.dx-button-back.dx-button-default .dx-inkripple-wave, .dx-field-value.dx-button.dx-button-back.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-field-value.dx-checkbox, .dx-field-value.dx-button, .dx-field-value.dx-switch, .dx-field-value.dx-radiogroup { overflow: visible; } .dx-field-value.dx-radiogroup { padding-top: 3px; } .dx-field-value.dx-checkbox { padding-top: 14px; } .dx-field-value.dx-lookup { padding-top: 0; padding-bottom: 0; } .dx-field-value.dx-slider { overflow: visible; margin-top: 7px; margin-bottom: 2px; } .dx-field-value.dx-switch { height: 38px; padding-top: 14px; } .dx-field-value:not(.dx-widget) { overflow: visible; } .dx-field-value:not(.dx-widget) > .dx-texteditor:not(.dx-tagbox):not(.dx-textarea), .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch, .dx-field-value:not(.dx-widget) > .dx-lookup, .dx-field-value:not(.dx-widget) > .dx-slider { position: absolute; top: 50%; right: -1px; } .dx-field-value:not(.dx-widget) > .dx-switch { padding-top: 3px; } .dx-field-value:not(.dx-widget) > .dx-checkbox { padding-top: 3px; } .dx-field-value:not(.dx-widget) > .dx-texteditor, .dx-field-value:not(.dx-widget) > .dx-lookup, .dx-field-value:not(.dx-widget) > .dx-slider { width: 100%; } .dx-field-value:not(.dx-widget) > .dx-texteditor { margin-top: -11px; } .dx-field-value:not(.dx-widget) > .dx-tagbox { margin-top: -12px; margin-bottom: -12px; } .dx-field-value:not(.dx-widget) > .dx-autocomplete { margin-right: 1px; margin-left: 1px; } .dx-field-value:not(.dx-widget) > .dx-lookup { margin-top: -11px; } .dx-field-value:not(.dx-widget) > .dx-slider { margin-top: -3px; } .dx-field-value:not(.dx-widget) > .dx-slider-tooltip-position-top, .dx-field-value:not(.dx-widget) > .dx-slider-tooltip-position-bottom { position: static; margin: -9px 0 -8px 0; } .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect { margin-bottom: -9px; margin-left: -9px; } .dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-radiogroup { margin-top: -6px; margin-bottom: -8px; } .dx-field-value:not(.dx-widget) > .dx-button { float: right; margin-left: 3px; } .dx-field-value:not(.dx-widget) > .dx-button:before, .dx-field-value:not(.dx-widget) > .dx-button:after { display: table; content: ""; line-height: 0; } .dx-field-value:not(.dx-widget) > .dx-button:after { clear: both; } .dx-field-value:not(.dx-widget) > .dx-tagbox { margin-left: 0; } .dx-field-value:not(.dx-widget) > .dx-textarea { margin-top: -13px; margin-left: 1px; } .dx-field-value-static { padding-top: 11px; padding-bottom: 8px; } .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: 60%; } .dx-rtl .dx-field-value:not(.dx-widget) > .dx-texteditor, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-texteditor, .dx-rtl .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl .dx-field-value:not(.dx-widget) > .dx-lookup, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-lookup, .dx-rtl .dx-field-value:not(.dx-widget) > .dx-slider, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-slider { left: -1px; right: auto; } .dx-rtl .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-field-value:not(.dx-widget) > .dx-button { float: left; margin-left: 0; margin-right: 3px; } .dx-tabpanel.dx-borders { border: 1px solid rgba(0, 0, 0, 0.12); } .dx-tabpanel .dx-tab { color: rgba(255, 255, 255, 0.6); font-size: 14px; text-transform: uppercase; } .dx-tabpanel .dx-tab.dx-tab-selected { color: #FFF; } .dx-fileuploader.dx-fileuploader-empty .dx-fileuploader-files-container { padding-top: 0; } .dx-fileuploader.dx-invalid .dx-fileuploader-input-wrapper { padding-bottom: 10px; } .dx-fileuploader.dx-invalid .dx-fileuploader-files-container { padding-top: 54px; } .dx-fileuploader-wrapper { padding: 20px; } .dx-fileuploader-input-container { pointer-events: none; opacity: 0; } .dx-fileuploader-files-container .dx-fileuploader-button { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-success { color: #0f9d58; } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-danger { color: #ff5252; } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-default { color: #2196f3; } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-state-hover, .dx-fileuploader-files-container .dx-fileuploader-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-success.dx-state-hover, .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-danger.dx-state-hover, .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-default.dx-state-hover, .dx-fileuploader-files-container .dx-fileuploader-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding: 0; } .dx-fileuploader-file { line-height: 16px; } .dx-fileuploader-file-name { color: rgba(0, 0, 0, 0.87); } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: rgba(0, 0, 0, 0.87); } .dx-timeview-clock { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAQAAAAHUWYVAAADeklEQVR42u3dzUpUYRyAcceFXwwiOOUMxoCgtBYjZ2PriC5AeTBDvAPdlAtdWG28ARHBjKQ2A+UV+NUglNcg6BRpblsFp0Vbk5nxzDjvmYfnCvz/POf9EGfaaLNmKWqL2pLxo0RERIIIIogggggiiCCCCCKIIIIIIogggggiiCCCCCJInK2xxpogJogg8TXALp0BjqmTXQaS+YTssBAgyAI7SX1ljXBBNjCOLOeMJHcNWWU9MJB1VpO8qPfygwcBcYzxnd5k77Lm2CMVCEeKPeaSvu1t5xuTgYBM8pX25J9DJjihJwCOHk6YaI2D4UeWAgBZ4kOrnNTznNPf5Bx9/CTfOlcn9wJ4Qu54l+VdliCCmCCCmCCCmCCCmCCCOAZBTBBBTBBBTBBBTBBBTBATJGkgGcd1ozJxgxxQZNjB1tQQRb7EDdLNIueskHbAVZVmhXMW6a7HGpJjkzLPg/l3gtsuxTRltsjVc1EvUKJEwXHXY1K17bJSQJn3lbu3YDm2KDNd7buk9m3vvzfjfUd/ZYO1rrY3O4f4hPy/ux4MPambIIKYIII4BkFMEEFMEEFMEEFMEEFMEBNEEBNEEBNEEBNEEBPEBBHEBBHEBBHEBBHEBDFBBDFBBLG4QaJr86M04urPtXOuGMRBxtXveEB6HGVMRZWCmIu6CSKICSKICSKICSKICWKCCGKCCGKCCGKCCGKCmCCCmCCCmCCCmCCCmCAmiCAmiCAmiCAmiCAmiMUBkqfPEV5ZJ/lGg3SzzCVPHP6VTXDJMt2NAkkxxQnbtf4WtER5tjlhqtoPJakFZJQDjnnk0Ct4To45YLSeIDk2KDNLu+OuqHZmOWODXD1AOpjnF6su5FXWxyoXzNMRN8g+nxl2wDU1zCf24wbJOtgbla3Xom6e1AUxQUwQQUwQQUwQQUwQQUwQE0QQE0QQE0QQE0QQE0SQ2wJ5ykCTD6efx60DMsgFQ00OMsQFg60CssVKAC+QV7xrDZACp6QDAElzSiH5ICmOmA5kkX3GUWO/dvY2QGYoBfPduilKzCQbJM0Z4wFtRAucNfL12niQ12wGdjZ4y5vkgtzKVjKkLXqjQYq8CPD8/JJiMkEyHNIVIEgXh2S8y/IuK+jGGeOhIM1TREQkiCCCCCKIIIIIIogggggiiCCCCCKIIIIIIoggggjiXwyDAImsqfoLZ9Ihk3C7IxoAAAAASUVORK5CYII=) no-repeat 50% 50%; } .dx-timeview-hourarrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABBCAQAAABGUS2kAAAATUlEQVQ4y+3UIQ7AIBBE0UcQBPyqFRys9z9HK5ogygmakHHPz6eomq5rqkI1hJTCUGniut8JjS4XpM4wF0zjwIEDf4Tt2dv3tzp8+vEA33peXvtRqsEAAAAASUVORK5CYII=); } .dx-timeview-minutearrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABoCAQAAABm8nlaAAAAT0lEQVQ4y+3VIQ7AIBAAwSEIAv4Ugof1/+9oRRNEsZWXdfOBpaiarmuqQjWEaQpDpYnrfhMa3dwwdYa1YRkJCQkJCQm/wDGcY0nHtD5bewDEmj3D5xiHRgAAAABJRU5ErkJggg==); } .dx-timeview .dx-texteditor-container { margin: 0; } .dx-scheduler-scrollable-appointments { width: 0; } .dx-scheduler-header { background-color: #00BCD4; height: 50px; } .dx-scheduler-header .dx-dropdownmenu-button .dx-icon { color: #FFF; } .dx-scheduler-time-panel, .dx-scheduler-header-panel-cell { font-size: 18px; } .dx-scheduler-time-panel-cell:after { background-color: #FAFAFA; } .dx-scheduler-appointment-tooltip-buttons .dx-button-text, .dx-scheduler-appointment-tooltip-buttons .dx-icon { color: #65bccd; } .dx-scheduler-navigator { height: 25px; } .dx-scheduler-navigator .dx-button { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #00BCD4; } .dx-scheduler-navigator .dx-button .dx-button-content { padding-right: 8px; padding-left: 8px; } .dx-scheduler-navigator .dx-button.dx-button-success { color: #0f9d58; } .dx-scheduler-navigator .dx-button.dx-button-success .dx-inkripple-wave { background-color: rgba(13, 83, 2, 0.26); } .dx-scheduler-navigator .dx-button.dx-button-danger { color: #ff5252; } .dx-scheduler-navigator .dx-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(176, 18, 10, 0.26); } .dx-scheduler-navigator .dx-button.dx-button-default { color: #2196f3; } .dx-scheduler-navigator .dx-button.dx-button-default .dx-inkripple-wave { background-color: rgba(25, 118, 210, 0.26); } .dx-scheduler-navigator .dx-button.dx-state-hover, .dx-scheduler-navigator .dx-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.1); } .dx-scheduler-navigator .dx-button.dx-button-success.dx-state-hover, .dx-scheduler-navigator .dx-button.dx-button-success.dx-state-focused { background-color: rgba(10, 143, 8, 0.06); } .dx-scheduler-navigator .dx-button.dx-button-danger.dx-state-hover, .dx-scheduler-navigator .dx-button.dx-button-danger.dx-state-focused { background-color: rgba(221, 25, 29, 0.06); } .dx-scheduler-navigator .dx-button.dx-button-default.dx-state-hover, .dx-scheduler-navigator .dx-button.dx-button-default.dx-state-focused { background-color: rgba(30, 136, 229, 0.06); } .dx-scheduler-navigator .dx-button .dx-icon, .dx-scheduler-navigator .dx-button .dx-button-text { color: white; } .dx-scheduler-navigator .dx-button .dx-icon { width: 26px; height: 26px; font-size: 18px; line-height: 26px; } .dx-scheduler-navigator .dx-scheduler-navigator-previous, .dx-scheduler-navigator .dx-scheduler-navigator-next { padding: 3px 1px; } .dx-scheduler-navigator .dx-scheduler-navigator-caption { border-left: none; border-right: none; } .dx-scheduler-navigator, .dx-scheduler-view-switcher.dx-dropdownmenu { margin-top: 6.25px; } .dx-scheduler-view-switcher-label { right: 80px; margin-top: 12.5px; color: #FFF; } .dx-rtl .dx-scheduler-view-switcher-label { left: 80px; right: auto; } .dx-scheduler-work-space { padding-top: 50px; margin-top: -50px; } .dx-scheduler-view-switcher.dx-tabs { color: white; } .dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label, .dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label { padding-top: 13px; } .dx-scheduler-all-day-title { top: 50px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title { top: 51px; } [dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 90px; } [dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -35px; height: 34px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 120px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -65px; height: 64px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 150px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -95px; height: 94px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 100px; } .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 130px; } .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -75px; height: 74px; } .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 160px; } .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -105px; height: 104px; } .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 190px; } .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before, .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -135px; height: 134px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { background-color: #FAFAFA; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { background-color: #FAFAFA; } .dx-scheduler-dropdown-appointments.dx-button, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active { min-height: 10px; } .dx-scheduler-dropdown-appointments.dx-button .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-button-content { padding: 0; min-height: 10px; line-height: 10px; } .dx-form { padding: 14px 0; } .dx-form .dx-textarea .dx-texteditor-container { margin-top: 0; } .dx-form .dx-textarea .dx-texteditor-container .dx-texteditor-input { padding-top: 0; } .dx-form-group-with-caption:before { content: ""; display: block; border-top: 1px solid #ececec; } .dx-field-item-label-text { color: rgba(0, 0, 0, 0.87); font-size: 12px; } .dx-field-item-help-text { color: rgba(0, 0, 0, 0.87); } .dx-form-group-caption { color: #757575; font-size: 14px; font-weight: bold; } .dx-field-item-required-mark { color: #00bcd4; } .dx-field-item-optional-mark { color: #ccc; } .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch { margin-top: 15px; margin-bottom: 13px; } .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox { margin-top: 15px; margin-bottom: 15px; } .dx-splitter { border-right-color: #808080; }