/** * DevExtreme (dx.material.teal.light.compact.css) * Version: 19.2.5 * Build date: Mon Dec 16 2019 * * Copyright (c) 2012 - 2019 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ @import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"; @font-face { font-family: 'RobotoFallback'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-300.woff2) format('woff2'), url(fonts/Roboto-300.woff) format('woff'), url(fonts/Roboto-300.ttf) format('truetype'); } @font-face { font-family: 'RobotoFallback'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-400.woff2) format('woff2'), url(fonts/Roboto-400.woff) format('woff'), url(fonts/Roboto-400.ttf) format('truetype'); } @font-face { font-family: 'RobotoFallback'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-500.woff2) format('woff2'), url(fonts/Roboto-500.woff) format('woff'), url(fonts/Roboto-500.ttf) format('truetype'); } @font-face { font-family: 'RobotoFallback'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-700.woff2) format('woff2'), url(fonts/Roboto-700.woff) format('woff'), url(fonts/Roboto-700.ttf) format('truetype'); } .dx-theme-material-typography { background-color: #fff; color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-theme-material-typography input, .dx-theme-material-typography textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-theme-material-typography h1 { font-weight: 300; font-size: 64px; letter-spacing: -1.5px; } .dx-theme-material-typography h2 { font-weight: 300; font-size: 42px; letter-spacing: -0.5px; } .dx-theme-material-typography h3 { font-weight: 400; font-size: 20px; } .dx-theme-material-typography h4 { font-weight: 400; font-size: 18px; letter-spacing: 0.25px; } .dx-theme-material-typography h5 { font-weight: 400; font-size: 16px; } .dx-theme-material-typography h6 { font-weight: 500; font-size: 14px; letter-spacing: 0.15px; } .dx-theme-material-typography .dx-font-xl { font-size: 24px; } .dx-theme-material-typography .dx-font-l { font-size: 20px; } .dx-theme-material-typography .dx-font-m { font-size: 16px; } .dx-theme-material-typography .dx-font-s { font-size: 14px; } .dx-theme-material-typography small, .dx-theme-material-typography .dx-font-xs { font-size: 12px; } .dx-theme-material-typography a { color: #009688; } .dx-theme-marker { font-family: "dx.material.teal.light.compact"; } .dx-theme-accent-as-text-color { color: #009688 !important; } .dx-theme-text-color { color: rgba(0, 0, 0, 0.87) !important; } .dx-theme-background-color-as-text-color { color: #fff !important; } .dx-theme-border-color-as-text-color { color: #e0e0e0 !important; } .dx-theme-accent-as-background-color { background-color: #009688 !important; fill: #009688 !important; } .dx-theme-text-color-as-background-color { background-color: rgba(0, 0, 0, 0.87) !important; fill: rgba(0, 0, 0, 0.87) !important; } .dx-theme-background-color { background-color: #fff !important; fill: #fff !important; } .dx-theme-border-color-as-background-color { background-color: #e0e0e0 !important; fill: #e0e0e0 !important; } .dx-theme-accent-as-border-color { border-color: #009688 !important; } .dx-theme-text-color-as-border-color { border-color: rgba(0, 0, 0, 0.87) !important; } .dx-theme-background-color-as-border-color { border-color: #fff !important; } .dx-theme-border-color { border-color: #e0e0e0 !important; } .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; -webkit-transform: scale(0); transform: scale(0); pointer-events: none; } .dx-inkripple-showing { -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .dx-inkripple-hiding { -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear; transition: opacity 0.1s linear, -webkit-transform 0.1s linear; transition: transform 0.1s linear, opacity 0.1s linear; transition: transform 0.1s linear, opacity 0.1s linear, -webkit-transform 0.1s linear; -webkit-transform: scale(1.01); transform: scale(1.01); opacity: 0; } @font-face { font-family: 'DXIcons'; src: local("DevExtreme Material Icons"), local("devextreme_material_icons"), url(icons/dxiconsmaterial.woff2) format('woff2'), url(icons/dxiconsmaterial.woff) format('woff'), url(icons/dxiconsmaterial.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; -webkit-transform: translate(0, 0); 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-minus { font: 14px/1 DXIcons; } .dx-icon-minus:before { content: "\f074"; } .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: "\f03f"; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044"; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045"; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046"; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047"; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048"; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049"; } .dx-icon-isblank { font: 14px/1 DXIcons; } .dx-icon-isblank:before { content: "\f075"; } .dx-icon-isnotblank { font: 14px/1 DXIcons; } .dx-icon-isnotblank:before { content: "\f076"; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051"; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052"; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053"; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054"; } .dx-icon-sorted { font: 14px/1 DXIcons; } .dx-icon-sorted:before { content: "\f055"; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a"; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b"; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057"; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058"; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f101"; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059"; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a"; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d"; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b"; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c"; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d"; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e"; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063"; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064"; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065"; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066"; } .dx-icon-range { font: 14px/1 DXIcons; } .dx-icon-range:before { content: "\f06a"; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f"; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060"; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061"; } .dx-icon-exportselected { font: 14px/1 DXIcons; } .dx-icon-exportselected:before { content: "\f06d"; } .dx-icon-warning { font: 14px/1 DXIcons; } .dx-icon-warning:before { content: "\f06b"; } .dx-icon-more { font: 14px/1 DXIcons; } .dx-icon-more:before { content: "\f06c"; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067"; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068"; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012"; } .dx-rtl .dx-icon-back:before { content: "\f010"; } .dx-icon-repeat { font: 14px/1 DXIcons; } .dx-icon-repeat:before { content: "\f069"; } .dx-icon-selectall { font: 14px/1 DXIcons; } .dx-icon-selectall:before { content: "\f070"; } .dx-icon-unselectall { font: 14px/1 DXIcons; } .dx-icon-unselectall:before { content: "\f071"; } .dx-icon-print { font: 14px/1 DXIcons; } .dx-icon-print:before { content: "\f072"; } .dx-icon-bold { font: 14px/1 DXIcons; } .dx-icon-bold:before { content: "\f077"; } .dx-icon-italic { font: 14px/1 DXIcons; } .dx-icon-italic:before { content: "\f078"; } .dx-icon-underline { font: 14px/1 DXIcons; } .dx-icon-underline:before { content: "\f079"; } .dx-icon-strike { font: 14px/1 DXIcons; } .dx-icon-strike:before { content: "\f07a"; } .dx-icon-indent { font: 14px/1 DXIcons; } .dx-icon-indent:before { content: "\f07b"; } .dx-icon-font { font: 14px/1 DXIcons; } .dx-icon-font:before { content: "\f11b"; } .dx-icon-fontsize { font: 14px/1 DXIcons; } .dx-icon-fontsize:before { content: "\f07c"; } .dx-icon-shrinkfont { font: 14px/1 DXIcons; } .dx-icon-shrinkfont:before { content: "\f07d"; } .dx-icon-growfont { font: 14px/1 DXIcons; } .dx-icon-growfont:before { content: "\f07e"; } .dx-icon-color { font: 14px/1 DXIcons; } .dx-icon-color:before { content: "\f07f"; } .dx-icon-background { font: 14px/1 DXIcons; } .dx-icon-background:before { content: "\f080"; } .dx-icon-fill { font: 14px/1 DXIcons; } .dx-icon-fill:before { content: "\f10d"; } .dx-icon-palette { font: 14px/1 DXIcons; } .dx-icon-palette:before { content: "\f120"; } .dx-icon-superscript { font: 14px/1 DXIcons; } .dx-icon-superscript:before { content: "\f081"; } .dx-icon-subscript { font: 14px/1 DXIcons; } .dx-icon-subscript:before { content: "\f082"; } .dx-icon-header { font: 14px/1 DXIcons; } .dx-icon-header:before { content: "\f083"; } .dx-icon-blockquote { font: 14px/1 DXIcons; } .dx-icon-blockquote:before { content: "\f084"; } .dx-icon-formula { font: 14px/1 DXIcons; } .dx-icon-formula:before { content: "\f056"; } .dx-icon-codeblock { font: 14px/1 DXIcons; } .dx-icon-codeblock:before { content: "\f085"; } .dx-icon-orderedlist { font: 14px/1 DXIcons; } .dx-icon-orderedlist:before { content: "\f086"; } .dx-icon-bulletlist { font: 14px/1 DXIcons; } .dx-icon-bulletlist:before { content: "\f087"; } .dx-icon-increaseindent { font: 14px/1 DXIcons; } .dx-icon-increaseindent:before { content: "\f088"; } .dx-icon-decreaseindent { font: 14px/1 DXIcons; } .dx-icon-decreaseindent:before { content: "\f089"; } .dx-icon-increaselinespacing { font: 14px/1 DXIcons; } .dx-icon-increaselinespacing:before { content: "\f07b"; } .dx-icon-decreaselinespacing { font: 14px/1 DXIcons; } .dx-icon-decreaselinespacing:before { content: "\f106"; } .dx-icon-alignleft { font: 14px/1 DXIcons; } .dx-icon-alignleft:before { content: "\f08a"; } .dx-icon-alignright { font: 14px/1 DXIcons; } .dx-icon-alignright:before { content: "\f08b"; } .dx-icon-aligncenter { font: 14px/1 DXIcons; } .dx-icon-aligncenter:before { content: "\f08c"; } .dx-icon-alignjustify { font: 14px/1 DXIcons; } .dx-icon-alignjustify:before { content: "\f08d"; } .dx-icon-link { font: 14px/1 DXIcons; } .dx-icon-link:before { content: "\f08e"; } .dx-icon-video { font: 14px/1 DXIcons; } .dx-icon-video:before { content: "\f08f"; } .dx-icon-mention { font: 14px/1 DXIcons; } .dx-icon-mention:before { content: "\f090"; } .dx-icon-variable { font: 14px/1 DXIcons; } .dx-icon-variable:before { content: "\f091"; } .dx-icon-clearformat { font: 14px/1 DXIcons; } .dx-icon-clearformat:before { content: "\f092"; } .dx-icon-fullscreen { font: 14px/1 DXIcons; } .dx-icon-fullscreen:before { content: "\f11a"; } .dx-icon-hierarchy { font: 14px/1 DXIcons; } .dx-icon-hierarchy:before { content: "\f124"; } .dx-icon-file { font: 14px/1 DXIcons; } .dx-icon-file:before { content: "\f021"; } .dx-icon-docfile { font: 14px/1 DXIcons; } .dx-icon-docfile:before { content: "\f111"; } .dx-icon-docxfile { font: 14px/1 DXIcons; } .dx-icon-docxfile:before { content: "\f110"; } .dx-icon-pdffile { font: 14px/1 DXIcons; } .dx-icon-pdffile:before { content: "\f118"; } .dx-icon-pptfile { font: 14px/1 DXIcons; } .dx-icon-pptfile:before { content: "\f114"; } .dx-icon-pptxfile { font: 14px/1 DXIcons; } .dx-icon-pptxfile:before { content: "\f115"; } .dx-icon-rtffile { font: 14px/1 DXIcons; } .dx-icon-rtffile:before { content: "\f112"; } .dx-icon-txtfile { font: 14px/1 DXIcons; } .dx-icon-txtfile:before { content: "\f113"; } .dx-icon-xlsfile { font: 14px/1 DXIcons; } .dx-icon-xlsfile:before { content: "\f116"; } .dx-icon-xlsxfile { font: 14px/1 DXIcons; } .dx-icon-xlsxfile:before { content: "\f117"; } .dx-icon-copy { font: 14px/1 DXIcons; } .dx-icon-copy:before { content: "\f107"; } .dx-icon-cut { font: 14px/1 DXIcons; } .dx-icon-cut:before { content: "\f10a"; } .dx-icon-paste { font: 14px/1 DXIcons; } .dx-icon-paste:before { content: "\f108"; } .dx-icon-share { font: 14px/1 DXIcons; } .dx-icon-share:before { content: "\f11f"; } .dx-icon-activefolder { font: 14px/1 DXIcons; } .dx-icon-activefolder:before { content: "\f028"; } .dx-icon-inactivefolder { font: 14px/1 DXIcons; } .dx-icon-inactivefolder:before { content: "\f105"; } .dx-icon-newfolder { font: 14px/1 DXIcons; } .dx-icon-newfolder:before { content: "\f123"; } .dx-icon-movetofolder { font: 14px/1 DXIcons; } .dx-icon-movetofolder:before { content: "\f121"; } .dx-icon-parentfolder { font: 14px/1 DXIcons; } .dx-icon-parentfolder:before { content: "\f122"; } .dx-icon-rename { font: 14px/1 DXIcons; } .dx-icon-rename:before { content: "\f109"; } .dx-icon-detailslayout { font: 14px/1 DXIcons; } .dx-icon-detailslayout:before { content: "\f10b"; } .dx-icon-contentlayout { font: 14px/1 DXIcons; } .dx-icon-contentlayout:before { content: "\f11e"; } .dx-icon-smalliconslayout { font: 14px/1 DXIcons; } .dx-icon-smalliconslayout:before { content: "\f119"; } .dx-icon-mediumiconslayout { font: 14px/1 DXIcons; } .dx-icon-mediumiconslayout:before { content: "\f10c"; } .dx-icon-undo { font: 14px/1 DXIcons; } .dx-icon-undo:before { content: "\f04c"; } .dx-rtl .dx-icon-undo:before { content: "\f093"; } .dx-icon-redo { font: 14px/1 DXIcons; } .dx-icon-redo:before { content: "\f093"; } .dx-rtl .dx-icon-redo:before { content: "\f04c"; } .dx-icon-hidepanel { font: 14px/1 DXIcons; } .dx-icon-hidepanel:before { content: "\f11c"; } .dx-rtl .dx-icon-hidepanel:before { content: "\f11d"; } .dx-icon-showpanel { font: 14px/1 DXIcons; } .dx-icon-showpanel:before { content: "\f11d"; } .dx-rtl .dx-icon-showpanel:before { content: "\f11c"; } .dx-icon { font-size: 24px; line-height: 1; white-space: nowrap; text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg=="); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image { background-image: url("data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs="); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url("data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7"); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7"); background-position: center center; background-repeat: no-repeat; } .dx-widget { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-widget input, .dx-widget textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { opacity: 0.38; -webkit-user-select: none; -moz-user-select: none; -ms-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-card { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 2px; background-color: #fff; margin: 2px 2px 3px; } .dx-field { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-field input, .dx-field textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-field-label { color: rgba(117, 117, 117, 0.87); font-size: 12px; cursor: default; } .dx-field-label i { font-style: normal; } .dx-field-value.dx-attention { color: #F44336; padding-left: 24px; } .dx-field-value.dx-attention:before { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 13px; font-weight: 500; background-color: #F44336; color: #fff; content: '!'; border-radius: 50%; } .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: 60%; } .dx-field { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-field-label { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-right: 12px; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget) > .dx-widget { margin: 0; } .dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox { margin: 12px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget) > .dx-switch { margin: 11px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget) > .dx-slider { margin: 6px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup { margin: 7px 0; } .dx-field-value.dx-attention { padding: 21px 8px 20px; position: relative; padding-left: 24px; } .dx-field-value.dx-attention:before { left: 0; } .dx-field-value-static { padding: 21px 8px 20px; } .dx-fieldset { margin: 20px 16px; padding: 0; } .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-fieldset-header { margin: 0 0 16px 0; font-size: 14px; } .dx-field { margin: 0 0 20px 0; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch { float: left; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px 0; font-size: 14px; } .dx-device-mobile .dx-field { margin: 0 0 10px 0; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-box-item-content { font-size: 13px; } .dx-button-content { line-height: 0; } .dx-button-text { line-height: 17px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.04em; } .dx-button a { text-decoration: none; } .dx-button { min-width: 28px; } .dx-button .dx-button-content { padding: 5px; } .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-icon { min-width: 28px; } .dx-button-has-icon .dx-button-content { padding: 5px; } .dx-button-has-icon .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-icon .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button-has-text { min-width: 48px; } .dx-button-has-text .dx-button-content { padding: 5px 16px; } .dx-button-has-text .dx-icon { width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 9px; margin-right: 0; } .dx-button-has-text .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-button-has-icon.dx-button-has-text .dx-button-content { padding: 5px 16px; } .dx-button-has-icon.dx-button-has-text .dx-icon { width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; margin-right: 8px; margin-left: 0; } .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon { margin-left: 8px; margin-right: 0; } .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right { margin-left: 8px; margin-right: 0; } .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right, .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right { margin-right: 8px; margin-left: 0; } .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) { border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; } .dx-button { height: 28px; position: relative; overflow: hidden; border-radius: 2px; background-color: #fff; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button .dx-button-content { position: relative; } .dx-button .dx-button-content .dx-inkripple { overflow: hidden; } .dx-button .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-button.dx-state-hover { background-color: #ebebeb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-state-focused { background-color: #ebebeb; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-button.dx-state-active { background-color: #b3b3b3; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-button.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-button.dx-button-default { border-radius: 2px; background-color: #009688; color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-default .dx-icon { color: #fff; } .dx-button.dx-button-default.dx-state-hover { background-color: #006b61; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-default.dx-state-focused { background-color: #006b61; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-default.dx-state-active { background-color: #00332e; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-default.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-default.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button.dx-button-default .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-button.dx-button-danger { border-radius: 2px; background-color: #F44336; color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-danger .dx-icon { color: #fff; } .dx-button.dx-button-danger.dx-state-hover { background-color: #f11d0d; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-danger.dx-state-focused { background-color: #f11d0d; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-danger.dx-state-active { background-color: #bc160a; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-danger.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-danger.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button.dx-button-danger .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-button.dx-button-success { border-radius: 2px; background-color: #8BC34A; color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-success .dx-icon { color: #fff; } .dx-button.dx-button-success.dx-state-hover { background-color: #75a938; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-button.dx-button-success.dx-state-focused { background-color: #75a938; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-success.dx-state-active { background-color: #587f2a; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-button.dx-button-success.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-success.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button.dx-button-success .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-button.dx-button-back { background-color: transparent; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; min-width: 28px; } .dx-button.dx-button-back .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-button.dx-button-back.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-back.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-back.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-back.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-button-back.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-button-back.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button.dx-button-back .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-button.dx-button-back .dx-button-content { padding: 5px; } .dx-button.dx-button-back .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button.dx-button-back .dx-icon, .dx-rtl.dx-button.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-button.dx-button-back .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right, .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-button.dx-button-back .dx-button-text { display: none; } .dx-button-mode-text { background-color: transparent; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-button-mode-text.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-text.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-text .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-button-mode-text.dx-button-default { background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-default .dx-icon { color: #009688; } .dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-text.dx-button-default .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-button-mode-text.dx-button-danger { background-color: transparent; color: #F44336; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-danger .dx-icon { color: #F44336; } .dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-active { background-color: rgba(244, 67, 54, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-text.dx-button-danger .dx-inkripple-wave { background-color: rgba(244, 67, 54, 0.2); } .dx-button-mode-text.dx-button-success { background-color: transparent; color: #8BC34A; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-success .dx-icon { color: #8BC34A; } .dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-active { background-color: rgba(139, 195, 74, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-text.dx-button-success .dx-inkripple-wave { background-color: rgba(139, 195, 74, 0.2); } .dx-button-mode-outlined { background-color: transparent; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.24); } .dx-button-mode-outlined .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-button-mode-outlined.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-outlined.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-outlined .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-button-mode-outlined.dx-button-default { background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #009688; } .dx-button-mode-outlined.dx-button-default .dx-icon { color: #009688; } .dx-button-mode-outlined.dx-button-default.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-button-mode-outlined.dx-button-danger { background-color: transparent; color: #F44336; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #F44336; } .dx-button-mode-outlined.dx-button-danger .dx-icon { color: #F44336; } .dx-button-mode-outlined.dx-button-danger.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-active { background-color: rgba(244, 67, 54, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave { background-color: rgba(244, 67, 54, 0.2); } .dx-button-mode-outlined.dx-button-success { background-color: transparent; color: #8BC34A; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #8BC34A; } .dx-button-mode-outlined.dx-button-success .dx-icon { color: #8BC34A; } .dx-button-mode-outlined.dx-button-success.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-active { background-color: rgba(139, 195, 74, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave { background-color: rgba(139, 195, 74, 0.2); } @-webkit-keyframes focus { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.06); transform: scale(1.06); } } @keyframes focus { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.06); transform: scale(1.06); } } .dx-button-mode-contained.dx-buttongroup-item { padding-right: 1px; } .dx-button-mode-contained.dx-buttongroup-last-item { padding-right: 0; } .dx-button-mode-outlined.dx-buttongroup-item { border-left-width: 0; } .dx-button-mode-outlined.dx-buttongroup-first-item { border-left-width: 1px; } .dx-button-mode-text.dx-button.dx-buttongroup-item { border-radius: 2px; } .dx-button-mode-text.dx-buttongroup-first-item { margin-left: 0; } .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item, .dx-button-mode-contained.dx-button.dx-buttongroup-first-item { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item, .dx-button-mode-contained.dx-button.dx-buttongroup-last-item { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled { opacity: 1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content { opacity: 0.6; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal { background-color: #fff; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover { background-color: #ebebeb; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused { background-color: #ebebeb; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected { background-color: #d1d1d1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover { background-color: #e0e0e0; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused { background-color: #e0e0e0; } .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected, .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) { background-color: #fff; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover { background-color: #f6faf1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused { background-color: #f6faf1; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success .dx-icon { color: #8BC34A; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover { background-color: #75fff2; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused { background-color: #75fff2; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default .dx-icon { color: #009688; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover { background-color: #fef0ef; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused { background-color: #fef0ef; } .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger .dx-icon { color: #F44336; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal { background-color: rgba(0, 0, 0, 0.18); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-hover { background-color: rgba(0, 0, 0, 0.12); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-focused { background-color: rgba(0, 0, 0, 0.12); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success { background-color: rgba(139, 195, 74, 0.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover { background-color: rgba(139, 195, 74, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-focused { background-color: rgba(139, 195, 74, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success .dx-icon { color: #8BC34A; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default { background-color: rgba(0, 150, 136, 0.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover { background-color: rgba(0, 150, 136, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-focused { background-color: rgba(0, 150, 136, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default .dx-icon { color: #009688; } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger { background-color: rgba(244, 67, 54, 0.22); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-hover, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover { background-color: rgba(244, 67, 54, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-focused, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-focused { background-color: rgba(244, 67, 54, 0.14); } .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger .dx-icon, .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger .dx-icon { color: #F44336; } .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item, .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item { border-radius: 0 2px 2px 0; } .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item, .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item { border-radius: 2px 0 0 2px; } .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item, .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item { border-radius: 2px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item { margin-left: 1px; } .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item { margin-left: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item { border-left-width: 0; } .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item { border-left-width: 1px; } .dx-scrollable-content { -webkit-transform: none; } .dx-scrollable-scroll { padding: 2px 0 2px 2px; background-color: transparent; opacity: 1; overflow: hidden; -webkit-transition: opacity 0s linear; transition: opacity 0s linear; } .dx-rtl .dx-scrollable-scroll { padding-left: 0; padding-right: 2px; } .dx-scrollable-scroll.dx-state-invisible { opacity: 0; -webkit-transition: opacity 0.5s linear 1s; transition: opacity 0.5s linear 1s; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: rgba(191, 191, 191, 0.7); -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-hoverable { background-color: transparent; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: transparent; background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 6px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 6px; -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s; transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms; transition: background-color 0.5s linear 1s, width 0.2s linear 150ms; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { width: 13px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { width: 13px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 6px; } .dx-scrollbar-horizontal .dx-scrollable-scroll, .dx-rtl .dx-scrollbar-horizontal .dx-scrollable-scroll { padding-left: 2px; padding-right: 2px; padding-bottom: 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 6px; -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s; transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s; transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s; transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { height: 13px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { height: 13px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 6px; } .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 0; padding-left: 6px; } .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-bottom: 6px; } .dx-scrollview-scrollbottom-text, .dx-scrollview-pull-down-text { margin-left: 10px; top: 18.5px; display: inline-block; } .dx-rtl .dx-scrollview-scrollbottom-text, .dx-rtl .dx-scrollview-pull-down-text { margin-left: 0; margin-right: 10px; } .dx-scrollview-pull-down-text div { position: relative; } .dx-scrollview-pull-down-image { display: none; } .dx-scrollview-pull-down { text-align: center; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-loadindicator { background-color: transparent; line-height: 100%; } .dx-loadindicator-content { height: 100%; width: 100%; -webkit-animation: content-rotation 1568ms linear infinite; animation: content-rotation 1568ms linear infinite; } .dx-loadindicator-image { background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7"); } .dx-loadindicator-image .dx-loadindicator-content { -webkit-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; 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: #009688; border-width: 0.12em; border-style: solid; border-bottom-color: transparent; -webkit-animation: none; animation: none; border-radius: 50%; } .dx-loadindicator-segment2, .dx-loadindicator-segment0 { 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 { left: 0; } .dx-loadindicator-segment2 .dx-loadindicator-segment-inner { border-right-color: transparent; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); -webkit-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 { right: 0; } .dx-loadindicator-segment0 .dx-loadindicator-segment-inner { left: -100%; border-left-color: transparent; -webkit-transform: rotate(129deg); transform: rotate(129deg); -webkit-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; box-sizing: border-box; } .dx-loadindicator-segment1 .dx-loadindicator-segment-inner { width: 1000%; left: -450%; } @-webkit-keyframes content-rotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes content-rotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes icon-rotation { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes icon-rotation { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes left-segment-rotation { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes left-segment-rotation { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes right-segment-rotation { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes right-segment-rotation { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.32); } .dx-overlay-wrapper { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-overlay-wrapper input, .dx-overlay-wrapper textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-loadpanel-content { border: 1px solid #e0e0e0; background: #fff; padding: 13px; border-radius: 50%; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); } .dx-loadpanel-message { display: none; } .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); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-scrollview-scrollbottom-indicator, .dx-scrollview-pull-down-indicator { margin-right: 0; height: 42px; width: 42px; border-radius: 21px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37); opacity: 1; } .dx-scrollview-scrollbottom-indicator > .dx-loadindicator, .dx-scrollview-pull-down-indicator > .dx-loadindicator { height: 24px; width: 24px; } .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper, .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper { font-size: 24px; } .dx-scrollview-pull-down-indicator { position: relative; margin-left: 0; margin-top: -21px; } .dx-scrollview-pull-down-text > div { display: none; } .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible { display: block; } .dx-validationsummary-item { color: #F44336; } .dx-validationsummary-item-content { border-bottom: 1px dashed; display: inline-block; line-height: normal; } .dx-invalid-message > .dx-overlay-content { color: #fff; background-color: #F44336; } @-webkit-keyframes valid-badge-frames { from { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes valid-badge-frames { from { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .dx-invalid-message > .dx-overlay-content { background-color: transparent; color: #F44336; padding: 4px 0 0; } .dx-validationsummary > .dx-validationsummary-item:not(:last-child) { margin-bottom: 6px; } .dx-form-validation-summary { margin-top: 20px; } .dx-checkbox { line-height: 0; } .dx-checkbox .dx-checkbox-container { overflow: visible; } .dx-checkbox.dx-state-readonly, .dx-checkbox.dx-state-disabled { border-color: rgba(0, 0, 0, 0.26); } .dx-checkbox.dx-state-focused .dx-checkbox-icon:after, .dx-checkbox.dx-state-active .dx-checkbox-icon:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon:after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon:after, .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon:after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon:after { background-color: rgba(0, 150, 136, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon { background-color: rgba(0, 0, 0, 0.26); } .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after, .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after, .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-checkbox-icon { width: 16px; height: 16px; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 2px; } .dx-checkbox-icon:after { content: ""; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; display: block; position: absolute; z-index: 1; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .dx-checkbox-icon:before { z-index: 2; } .dx-checkbox-checked .dx-checkbox-icon { color: #fff; background-color: #009688; border: none; font: 14px/1 DXIcons; font-size: 14px; text-align: center; line-height: 14px; } .dx-checkbox-checked .dx-checkbox-icon:before { content: "\f005"; } .dx-checkbox-checked .dx-checkbox-icon:before { position: absolute; display: block; width: 14px; top: 50%; margin-top: -7px; left: 50%; margin-left: -7px; } .dx-checkbox-indeterminate .dx-checkbox-icon { background-color: #009688; color: #fff; border: none; font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { content: "\f074"; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-checkbox-text { margin-left: -16px; padding-left: 21px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin-right: -16px; padding-right: 21px; } .dx-invalid .dx-checkbox-icon { border: 2px solid #F44336; } .dx-invalid.dx-state-focused .dx-checkbox-icon:after { background-color: rgba(244, 67, 54, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-switch-wrapper { position: relative; padding: 10px; -webkit-box-sizing: content-box; box-sizing: content-box; left: -10px; top: -10px; overflow: hidden; vertical-align: middle; } .dx-switch { width: 32px; height: 18px; } .dx-switch.dx-state-readonly .dx-switch-handle:before, .dx-switch.dx-state-disabled .dx-switch-handle:before { background-color: #bdbdbd; } .dx-switch.dx-state-readonly .dx-switch-container:before, .dx-switch.dx-state-disabled .dx-switch-container:before { background-color: rgba(0, 0, 0, 0.12); } .dx-switch.dx-state-active .dx-switch-handle:before, .dx-switch.dx-state-focused .dx-switch-handle:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 50%; } .dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle:before, .dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 50%; } .dx-switch-container { height: 18px; overflow: visible; position: relative; } .dx-switch-container:before { position: absolute; content: ''; width: 100%; height: 14px; border-radius: 500px; background-color: #9e9e9e; margin: 2px 0; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-on, .dx-switch-off { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; float: left; padding: 4px 0; width: 50%; height: 18px; color: transparent; text-align: center; line-height: 100%; } .dx-switch-on { background: transparent; } .dx-switch-off { display: none; padding-bottom: 10px; background-color: transparent; } .dx-switch-handle { -webkit-flex-basis: 18px; -ms-flex-preferred-size: 18px; flex-basis: 18px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; float: left; width: 18px; height: 18px; background-color: #fafafa; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 50%; } .dx-switch-handle:before { display: block; content: ' '; width: 100%; height: 100%; background-color: #fafafa; border-radius: 50%; -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .dx-switch-on-value .dx-switch-container:before { background-color: rgba(0, 150, 136, 0.5); } .dx-switch-on-value .dx-switch-handle:before { background-color: #009688; } .dx-switch-on-value.dx-state-active .dx-switch-handle:before, .dx-switch-on-value.dx-state-focused .dx-switch-handle:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 150, 136, 0.1); box-shadow: 0 0 0 10px rgba(0, 150, 136, 0.1); border-radius: 50%; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { float: right; padding-left: 14px; padding-right: 2px; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; margin-left: 0; margin-right: -18px; } .dx-rtl .dx-switch .dx-switch-wrapper, .dx-switch.dx-rtl .dx-switch-wrapper { left: 10px; } .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container { margin: 0 0 0 -6px; } .dx-switch.dx-invalid .dx-switch-container:before { background-color: rgba(244, 67, 54, 0.5); } .dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before { background-color: #F44336; } .dx-state-active.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before, .dx-state-focused.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before { -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); } .dx-badge { background-color: #009688; color: #fff; font-size: 11px; padding: 2px 7px; margin-left: 4px; line-height: normal; margin-top: 1px; } .dx-rtl .dx-badge { margin-left: 0; margin-right: 4px; } .dx-tabs { padding: 0; background-color: #f5f5f5; position: relative; } .dx-tabs .dx-inkripple { overflow: hidden; } .dx-tabs-nav-buttons .dx-tabs-scrollable { margin-right: 36px; margin-left: 36px; } .dx-tabs-nav-button { border: none; background-color: #f7f7f7; position: absolute; height: 36px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) { background-color: transparent; color: rgba(0, 0, 0, 0.54); -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon { color: rgba(0, 0, 0, 0.54); } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon { opacity: 0.6; } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-tabs-nav-button .dx-button-content { padding: 0; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button.dx-state-disabled { opacity: 1; background-color: #f7f7f7; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { opacity: 0; } .dx-tab { padding: 6px 12px; min-width: 82px; background-color: #f7f7f7; color: rgba(0, 0, 0, 0.54); } .dx-tab.dx-state-hover { background-color: #ededed; } .dx-tab .dx-icon { color: rgba(0, 0, 0, 0.54); vertical-align: middle; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin: 0 auto; } .dx-tab.dx-tab-selected { color: #009688; } .dx-tab.dx-tab-selected .dx-icon { color: #009688; } .dx-tab.dx-tab-selected:before { content: ""; position: absolute; bottom: 0; height: 2px; left: 0; right: 0; background-color: #009688; } .dx-tab-content, .dx-tab-text { vertical-align: middle; text-transform: uppercase; line-height: 24px; font-weight: 500; } .dx-state-disabled.dx-tabs { opacity: 1; } .dx-state-disabled .dx-tab-content { opacity: 0.3; } .dx-navbar { padding: 0; border: none; } .dx-nav-item, .dx-rtl .dx-nav-item { background: #f7f7f7; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; color: rgba(0, 0, 0, 0.87); } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { width: 28px; height: 28px; background-position: 0px 0px; background-size: 28px 28px; padding: 0px; font-size: 28px; text-align: center; line-height: 28px; color: rgba(0, 0, 0, 0.87); } .dx-nav-item.dx-tab-selected:after, .dx-rtl .dx-nav-item.dx-tab-selected:after, .dx-nav-item.dx-state-focused:after, .dx-rtl .dx-nav-item.dx-state-focused:after, .dx-nav-item.dx-state-active:after, .dx-rtl .dx-nav-item.dx-state-active:after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-nav-item.dx-tab-selected .dx-icon, .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04); } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { opacity: 0.5; } .dx-navbar-item-badge { margin-right: -26px; top: 11%; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-texteditor { border-top-left-radius: 2px; border-top-right-radius: 2px; position: relative; } .dx-texteditor:before { left: 0; right: 0; bottom: 0; height: 0; width: 100%; content: ''; position: absolute; z-index: 2; -webkit-transform: scale(0); transform: scale(0); } .dx-texteditor:after { left: 0; right: 0; bottom: 0; height: 0; width: 100%; content: ''; position: absolute; } .dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active { background-color: rgba(0, 0, 0, 0.04); } .dx-texteditor.dx-state-focused:before, .dx-texteditor.dx-state-active:before { border-bottom: 2px solid #009688; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1); } .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { right: 9px; } .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { left: 9px; right: auto; } .dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .dx-texteditor.dx-valid .dx-texteditor-input-container:after { right: 5.5px; } .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container:after { left: 5.5px; right: auto; } .dx-texteditor.dx-validation-pending.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-texteditor.dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-texteditor.dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-texteditor.dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { right: 9px; } .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { left: 9px; right: auto; } .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { right: 5.5px; } .dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { left: 5.5px; right: auto; } .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container { right: 8px; } .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input { padding-right: 8px; } .dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input { padding: 13px 8px 12px; padding-left: 8px; } .dx-texteditor.dx-editor-filled .dx-placeholder:before, .dx-texteditor.dx-editor-outlined .dx-placeholder:before { padding: 13px 8px 12px; } .dx-texteditor.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined .dx-texteditor-input { padding: 13px 8px 12px; } .dx-rtl .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container, .dx-rtl .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-filled.dx-rtl .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-outlined.dx-rtl .dx-texteditor-buttons-container { left: 8px; right: auto; } .dx-texteditor.dx-editor-filled { background-color: rgba(0, 0, 0, 0.04); } .dx-texteditor.dx-editor-filled.dx-state-hover { background-color: rgba(0, 0, 0, 0.07); } .dx-texteditor.dx-editor-filled.dx-state-hover:after { border-bottom: 1px solid rgba(0, 0, 0, 0.87); } .dx-texteditor.dx-editor-filled.dx-state-disabled, .dx-texteditor.dx-editor-filled.dx-state-readonly, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover { background-color: rgba(0, 0, 0, 0.12); } .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input { color: rgba(0, 0, 0, 0.5); } .dx-texteditor.dx-editor-underlined { background-color: transparent; } .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container { right: 0; } .dx-texteditor.dx-editor-underlined:after { border-bottom: 1px solid rgba(0, 0, 0, 0.42); } .dx-texteditor.dx-editor-underlined.dx-state-hover:after { border-bottom: 2px solid rgba(0, 0, 0, 0.87); } .dx-texteditor.dx-editor-underlined .dx-placeholder:before { padding: 6px 0 5px; } .dx-texteditor.dx-editor-underlined .dx-texteditor-input { padding: 6px 0 5px; } .dx-rtl .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container, .dx-texteditor.dx-editor-underlined.dx-rtl .dx-texteditor-buttons-container { left: 0; right: auto; } .dx-texteditor.dx-editor-underlined.dx-state-disabled:after, .dx-texteditor.dx-editor-underlined.dx-state-readonly:after, .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover:after { border-bottom-style: dotted; border-bottom-width: 1px; } .dx-texteditor.dx-editor-underlined.dx-invalid:after { border-bottom-color: rgba(244, 67, 54, 0.4); } .dx-texteditor.dx-editor-outlined { background-color: transparent; border-radius: 2px; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42); } .dx-texteditor.dx-editor-outlined:before { display: none; } .dx-texteditor.dx-editor-outlined.dx-state-hover { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } .dx-texteditor.dx-editor-outlined.dx-state-disabled, .dx-texteditor.dx-editor-outlined.dx-state-readonly, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); } .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input { color: rgba(0, 0, 0, 0.5); } .dx-texteditor.dx-editor-outlined.dx-state-focused { -webkit-box-shadow: inset 0 0 0 2px #009688; box-shadow: inset 0 0 0 2px #009688; } .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid { -webkit-box-shadow: inset 0 0 0 2px #F44336; box-shadow: inset 0 0 0 2px #F44336; } .dx-texteditor.dx-editor-outlined.dx-invalid { -webkit-box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4); box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4); } .dx-show-clear-button .dx-clear-button-area { width: 16px; min-width: 16px; right: 0; } .dx-show-clear-button .dx-icon-clear { color: rgba(117, 117, 117, 0.87); background-color: rgba(194, 194, 194, 0.87); border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; line-height: 16px; font-size: 10px; text-align: center; line-height: 10px; } .dx-show-clear-button .dx-icon-clear:before { position: absolute; display: block; width: 10px; top: 50%; margin-top: -5px; left: 50%; margin-left: -5px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { right: 9px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { left: 9px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container:after { right: 5.5px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container:after { left: 5.5px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { right: 9px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator { left: 9px; right: auto; } .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { right: 5.5px; } .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator, .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator { left: 5.5px; right: auto; } .dx-placeholder { color: rgba(148, 148, 148, 0.87); font-size: 13px; } .dx-texteditor-input { margin: 0; background-color: transparent; color: rgba(0, 0, 0, 0.87); font-size: 13px; } .dx-invalid.dx-texteditor.dx-state-hover:after { border-bottom-color: rgba(244, 67, 54, 0.4); } .dx-invalid.dx-texteditor.dx-state-focused:before, .dx-invalid.dx-texteditor.dx-state-active:before { border-top: 1px solid #F44336; border-bottom: 1px solid #F44336; } .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container:after { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 13px; font-weight: 500; background-color: #F44336; color: #fff; content: '!'; border-radius: 50%; } .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button, .dx-editor-filled .dx-texteditor-buttons-container > .dx-button { margin-left: 5px; margin-right: 5px; } .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 10px; } .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-right: 0; } .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 0; } .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-right: 10px; } .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child, .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child { margin-right: 8px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 5px; margin-right: 10px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child { margin-left: 0; margin-right: 10px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 5px; margin-right: 0; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 10px; margin-right: 5px; } .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child, .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child { margin-left: 8px; margin-right: 0; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text { height: 22px; margin: 1px 5px 3px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 4px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-top: 1px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon { margin-top: 3px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) { min-width: 22px; } .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content { padding: 2px; } .dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 0; } .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child { margin-left: 5px; margin-right: 0; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child { margin-left: 5px; margin-right: 5px; } .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child { margin-left: 0; margin-right: 5px; } .dx-valid.dx-texteditor .dx-texteditor-input-container:after { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 13px; font-size: 19px; font-weight: bold; font-family: 'DXIcons', sans-serif; color: #8BC34A; content: '\f005'; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards; animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards; } .dx-validation-pending.dx-texteditor .dx-texteditor-input-container .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder:before { right: 0; left: auto; } .dx-searchbox .dx-icon-search { font: 14px/1 DXIcons; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; color: rgba(148, 148, 148, 0.87); } .dx-searchbox .dx-icon-search:before { content: "\f027"; } .dx-searchbox .dx-icon-search:before { position: static; text-indent: 0; color: rgba(0, 0, 0, 0.54); } .dx-searchbox.dx-editor-underlined .dx-icon-search { left: 0; } .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search { left: initial; right: 0; } .dx-searchbox.dx-editor-underlined .dx-texteditor-input, .dx-searchbox.dx-editor-underlined .dx-placeholder:before { padding-left: 16px; } .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input, .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder:before, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder:before { padding-left: 0; padding-right: 16px; } .dx-searchbox.dx-editor-filled .dx-icon-search, .dx-searchbox.dx-editor-outlined .dx-icon-search { left: 8px; } .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search { left: initial; right: 8px; } .dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-searchbox.dx-editor-outlined .dx-texteditor-input, .dx-searchbox.dx-editor-filled .dx-placeholder:before, .dx-searchbox.dx-editor-outlined .dx-placeholder:before { padding-left: 24px; } .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input, .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder:before, .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder:before, .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input, .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder:before, .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder:before { padding-left: 8px; padding-right: 24px; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-list-item-chevron { -webkit-transform: rotate(0); transform: rotate(0); border: none; opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-left: -5px; color: rgba(0, 0, 0, 0.54); } .dx-rtl .dx-list-item-chevron { -webkit-transform: rotate(0); transform: rotate(0); } .dx-list-item-chevron:before { content: "\f010"; } .dx-rtl .dx-list-item-chevron:before { content: "\f012"; } .dx-list-item-icon-container { width: 26px; height: 18px; vertical-align: bottom; } .dx-list-item-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-search { padding-top: 4px; } .dx-list-search.dx-searchbox .dx-placeholder:before { font-size: 13px; } .dx-list-search.dx-searchbox .dx-clear-button-area { width: 17px; } .dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear { background-color: transparent; border: 0; font-size: 18px; color: rgba(0, 0, 0, 0.54); } .dx-list-select-all, .dx-list-item, .dx-list-group-header { position: relative; } .dx-list-select-all .dx-inkripple, .dx-list-item .dx-inkripple, .dx-list-group-header .dx-inkripple { overflow: hidden; } .dx-list-collapsible-groups .dx-list-group-header:before { content: none; } .dx-list { border: none; } .dx-list .dx-icon { color: rgba(0, 0, 0, 0.54); } .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 36px); } .dx-list .dx-empty-message { text-align: left; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before { border-color: #005951; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after { background-color: rgba(0, 150, 136, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(0, 0, 0, 0.12); color: #000000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0, 0, 0, 0.14); color: #000000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(0, 0, 0, 0.18); color: #000000; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #cccccc; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #cccccc; } .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) { padding-bottom: 4px; border-bottom: 1px solid #e0e0e0; } .dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header { border-top-color: transparent; } .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator { font: 14px/1 DXIcons; font-size: 18px; } .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before { content: "\f016"; } .dx-list-group.dx-list-group-collapsed .dx-list-group-header { color: rgba(0, 0, 0, 0.87); } .dx-list-group .dx-list-item:first-of-type { margin-top: 0; } .dx-list-group .dx-list-item:last-of-type { margin-bottom: 0; } .dx-list-group-header { font-weight: normal; padding: 10px 8px; background: rgba(255, 255, 255, 0); color: #009688; border-top: 1px solid #e0e0e0; border-top-color: transparent; font-size: 13px; } .dx-list-group-header .dx-list-group-header-indicator { color: rgba(0, 0, 0, 0.54); } .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator { font: 14px/1 DXIcons; font-size: 18px; float: right; margin-top: -2px; } .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator:before { content: "\f014"; } .dx-list-group-header .dx-inkripple { height: auto; top: -1px; bottom: 0; } .dx-list-group-header:before { content: none; } .dx-list-item.dx-state-hover, .dx-list-item.dx-state-active { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper, .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper { background-color: rgba(0, 0, 0, 0.04); } .dx-list-item:first-of-type { border-top: none; margin-top: 4px; } .dx-list-item:last-of-type { border-bottom: none; margin-bottom: 4px; } .dx-list-item .dx-icon-toggle-delete { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg=="); background-size: 100%; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: rgba(98, 98, 98, 0.87); background: #fff; border-top: 1px solid rgba(0, 150, 136, 0.5); border-bottom: 1px solid rgba(0, 150, 136, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-list-item, .dx-list .dx-empty-message { color: rgba(0, 0, 0, 0.87); } .dx-list-item-separator-hidden .dx-list-item, .dx-list-item-separator-hidden .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-list-item-content { font-size: 13px; padding: 10px 8px 9px; } .dx-list .dx-empty-message { padding: 6px 8px 5px; color: rgba(0, 0, 0, 0.54); font-size: 12px; } .dx-list-next-button .dx-button { margin-top: 20px; padding: 0; } .dx-list-next-button .dx-button .dx-button-content { padding: 5px 16px; } .dx-list-next-button .dx-button .dx-icon { width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-list-next-button .dx-button .dx-button-content { padding-left: 58px; padding-right: 58px; } .dx-list-item-chevron-container { width: 19px; padding-top: 5px; } .dx-list-border-visible { border: 1px solid #e0e0e0; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 38px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 48px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; padding: 0; height: 24px; width: 24px; margin-left: 7px; -webkit-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave { display: none; } .dx-list-item-before-bag .dx-icon-toggle-delete { width: 19px; height: 19px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 8px; } .dx-list-toggle-delete-switch-container + .dx-list-item-content { padding-left: 26px; } .dx-list-select-all { padding: 9px 0; font-size: 13px; position: relative; } .dx-list-select-all:after { content: ""; position: absolute; bottom: 1px; left: 8px; right: 8px; height: 1px; background-color: #e0e0e0; } .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 8px; } .dx-list-select-all-label { line-height: 15px; padding: 0 27px; margin-top: 1px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 29px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 29.6px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; color: rgba(0, 0, 0, 0.27); width: 28.8px; height: 28.8px; background-position: 5px 5px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038"; } .dx-list-slide-menu-button { bottom: 1px; } .dx-list-slide-menu-button-delete { font: 14px/1 DXIcons; color: #fff; border: 1px solid rgba(0, 0, 0, 0.24); border-right-color: transparent; background-color: #F44336; font-size: 18px; display: table-cell; vertical-align: middle; padding: 0 8px; width: 34px; -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24); box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24); } .dx-list-slide-menu-button-delete:before { content: "\f03e"; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #009688; } .dx-list-static-delete-button { margin-right: 8px; padding: 0; border-radius: 50%; height: 26px; margin-top: -2px; } .dx-list-static-delete-button.dx-button { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .dx-list-static-delete-button.dx-button .dx-button-content { z-index: 1; } .dx-list-switchable-delete-button-inner-wrapper { padding-right: 4px; background-color: #fff; } .dx-button.dx-list-switchable-delete-button { background-color: transparent; color: #F44336; -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-list-switchable-delete-button .dx-icon { color: #F44336; } .dx-button.dx-list-switchable-delete-button.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-active { background-color: rgba(244, 67, 54, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave { background-color: rgba(244, 67, 54, 0.2); } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; opacity: 0.6; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { margin-right: 7px; margin-left: 0; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 8px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 8px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-right: 0; } .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-left: 4px; padding-right: 0; } .dx-list-item-badge-container { padding-right: 8px; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list .dx-icon { color: rgba(0, 0, 0, 0.54); } .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper { height: calc(100% - 36px); } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before { border-color: #005951; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after { background-color: rgba(0, 150, 136, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(0, 0, 0, 0.12); color: #000000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0, 0, 0, 0.14); color: #000000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: rgba(0, 0, 0, 0.18); color: #000000; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #cccccc; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #cccccc; } .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) { padding-bottom: 4px; border-bottom: 1px solid #e0e0e0; } .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header { border-top-color: transparent; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator { font: 14px/1 DXIcons; font-size: 18px; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before { content: "\f016"; } .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header { color: rgba(0, 0, 0, 0.87); } .dx-device-mobile .dx-list-group .dx-list-item:first-of-type { margin-top: 0; } .dx-device-mobile .dx-list-group .dx-list-item:last-of-type { margin-bottom: 0; } .dx-device-mobile .dx-list-group-header { font-weight: normal; padding: 10px 15px; background: rgba(255, 255, 255, 0); color: #009688; border-top: 1px solid #e0e0e0; border-top-color: transparent; font-size: 13px; } .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator { color: rgba(0, 0, 0, 0.54); } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator { font: 14px/1 DXIcons; font-size: 18px; float: right; margin-top: -2px; } .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator:before { content: "\f014"; } .dx-device-mobile .dx-list-group-header .dx-inkripple { height: auto; top: -1px; bottom: 0; } .dx-device-mobile .dx-list-group-header:before { content: none; } .dx-device-mobile .dx-list-item.dx-state-hover, .dx-device-mobile .dx-list-item.dx-state-active { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper, .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper { background-color: rgba(0, 0, 0, 0.04); } .dx-device-mobile .dx-list-item:first-of-type { border-top: none; margin-top: 4px; } .dx-device-mobile .dx-list-item:last-of-type { border-bottom: none; margin-bottom: 4px; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg=="); background-size: 100%; } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: rgba(98, 98, 98, 0.87); background: #fff; border-top: 1px solid rgba(0, 150, 136, 0.5); border-bottom: 1px solid rgba(0, 150, 136, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-device-mobile .dx-list-item, .dx-device-mobile .dx-list .dx-empty-message { color: rgba(0, 0, 0, 0.87); } .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item, .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content { font-size: 13px; padding: 10px 15px 9px; } .dx-device-mobile .dx-list .dx-empty-message { padding: 6px 15px 5px; color: rgba(0, 0, 0, 0.54); font-size: 12px; } .dx-device-mobile .dx-list-next-button .dx-button { margin-top: 20px; padding: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding: 5px 16px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { width: 12px; height: 12px; background-position: 0px 0px; background-size: 12px 12px; padding: 0px; font-size: 12px; text-align: center; line-height: 12px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-left: 9px; margin-right: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right { margin-right: 9px; margin-left: 0; } .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content { padding-left: 58px; padding-right: 58px; } .dx-device-mobile .dx-list-item-chevron-container { width: 26px; padding-top: 5px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #e0e0e0; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 45px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 55px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { border: none; background: transparent; padding: 0; height: 24px; width: 24px; margin-left: 14px; -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content { padding: 0; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave { display: none; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { width: 19px; height: 19px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -1px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-toggle-delete-switch-container + .dx-list-item-content { padding-left: 33px; } .dx-device-mobile .dx-list-select-all { padding: 9px 0; font-size: 13px; position: relative; } .dx-device-mobile .dx-list-select-all:after { content: ""; position: absolute; bottom: 1px; left: 8px; right: 8px; height: 1px; background-color: #e0e0e0; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin: -1px 0 -3px 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 15px; padding: 0 27px; margin-top: 1px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 36px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 36.6px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; color: rgba(0, 0, 0, 0.27); width: 28.8px; height: 28.8px; background-position: 5px 5px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038"; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { font: 14px/1 DXIcons; color: #fff; border: 1px solid rgba(0, 0, 0, 0.24); border-right-color: transparent; background-color: #F44336; font-size: 18px; display: table-cell; vertical-align: middle; padding: 0 15px; width: 48px; -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24); box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24); } .dx-device-mobile .dx-list-slide-menu-button-delete:before { content: "\f03e"; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #009688; } .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 0; border-radius: 50%; height: 26px; margin-top: -2px; } .dx-device-mobile .dx-list-static-delete-button.dx-button { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content { z-index: 1; } .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper { padding-right: 4px; background-color: #fff; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button { background-color: transparent; color: #F44336; -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon { color: #F44336; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused { background-color: rgba(244, 67, 54, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active { background-color: rgba(244, 67, 54, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave { background-color: rgba(244, 67, 54, 0.2); } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-device-mobile .dx-state-disabled.dx-list-item, .dx-device-mobile .dx-state-disabled .dx-list-item { background-color: transparent; opacity: 0.6; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { margin-right: 14px; margin-left: 0; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-right: 0; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-left: 4px; padding-right: 0; } .dx-device-mobile .dx-list-item-badge-container { padding-right: 15px; } .dx-dropdownbutton-toggle.dx-button { min-width: auto; } .dx-rtl .dx-dropdownbutton-toggle.dx-button { border-right-width: 0; } .dx-dropdownbutton .dx-buttongroup-last-item.dx-buttongroup-last-item .dx-button-content { padding-right: 0; } .dx-rtl .dx-dropdownbutton .dx-buttongroup-last-item.dx-buttongroup-last-item .dx-button-content { padding-left: 0; } .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content { padding-left: 8px; padding-right: 8px; } .dx-dropdownbutton .dx-icon.dx-icon-right { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-left: 0; } .dx-dropdownbutton-popup-wrapper { height: 100%; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownbutton-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownbutton-popup-wrapper .dx-list { height: 100%; min-height: 36px; } .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 10px 7px; } .dx-dropdownbutton-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownbutton-popup-wrapper .dx-list-item, .dx-dropdownbutton-popup-wrapper .dx-empty-message { border-top: 0; } .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type, .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-popover-wrapper .dx-popup-title { margin: 0; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow { display: none; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px 0; } .dx-actionsheet-container .dx-button { margin: 0; } .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list { border-radius: 8px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 36px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 10px 7px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownlist-popup-wrapper .dx-list-item, .dx-dropdownlist-popup-wrapper .dx-empty-message { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type, .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after, .dx-autocomplete.dx-valid .dx-texteditor-buttons-container:after { right: 11px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after, .dx-rtl .dx-autocomplete.dx-valid .dx-texteditor-buttons-container:after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after, .dx-rtl.dx-autocomplete.dx-valid .dx-texteditor-buttons-container:after { left: 11px; } .dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator { right: 11px; } .dx-rtl .dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator, .dx-rtl.dx-autocomplete.dx-validation-pending .dx-texteditor-buttons-container .dx-pending-indicator { left: 11px; } .dx-numberbox-spin-container { overflow: hidden; width: 24px; } .dx-state-disabled .dx-numberbox-spin-container { opacity: 1; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; color: rgba(0, 0, 0, 0.54); } .dx-numberbox-spin-up-icon:before { content: "\f002"; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; color: rgba(0, 0, 0, 0.54); } .dx-numberbox-spin-down-icon:before { content: "\f001"; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 18px; text-align: center; line-height: 18px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-numberbox-spin-button { padding: 1px; height: 50%; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input { padding-right: 0; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { right: 9px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { left: 9px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container:after { right: 5.5px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container:after { left: 5.5px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input { padding-right: 8px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { right: 9px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { left: 9px; right: auto; } .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container:after, .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container:after { right: 5.5px; } .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container:after { left: 5.5px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined .dx-texteditor-input { padding-right: 38px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 38px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input { padding-right: 46px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding: 6px 0 5px; padding-left: 46px; } .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { right: 9px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container:after { left: 9px; right: auto; } .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after, .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container:after { right: 5.5px; } .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after, .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after, .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container:after { left: 5.5px; right: auto; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; border-left: none; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon { background-position: center; } .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input { padding-right: 0; } .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input, .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input { padding-right: 8px; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-left: 24px; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 24px; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input { padding-left: 0; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input, .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input { padding-left: 8px; } .dx-timeview { height: auto; width: auto; background-color: #f2f2f2; } .dx-timeview-clock { min-height: 208px; min-width: 208px; background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20200%20200%22%20style%3D%22enable-background%3Anew%200%200%20200%20200%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%237A7A7A%3B%7D%0A%09.st2%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M98.2%2C17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2C10.6%2C98.2%2C17%2C98.2%2C17z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M104.9%2C17h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1L104.9%2C17L104.9%2C17z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M181.4%2C97.4h0.8c0.4%2C0%2C0.7-0.1%2C0.8-0.3c0.2-0.2%2C0.2-0.5%2C0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0A%09%09s-0.6%2C0.1-0.8%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8h-0.8l0%2C0c0-0.5%2C0.2-0.9%2C0.5-1.2c0.4-0.3%2C0.8-0.5%2C1.4-0.5c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.5%0A%09%09c0.4%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.5-0.2%2C0.8c-0.2%2C0.3-0.4%2C0.5-0.7%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.8%2C0.6c0.2%2C0.3%2C0.2%2C0.6%2C0.2%2C0.9%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3c0.2-0.2%2C0.3-0.5%2C0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16%2C100.4c0.4%2C0%2C0.8-0.2%2C1-0.5c0.3-0.3%2C0.4-0.8%2C0.4-1.4v-0.3c-0.1%2C0.2-0.3%2C0.4-0.5%2C0.5s-0.5%2C0.2-0.7%2C0.2%0A%09%09c-0.6%2C0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2C0.2-1.2%2C0.6-1.6c0.4-0.4%2C0.9-0.6%2C1.4-0.6c0.7%2C0%2C1.2%2C0.2%2C1.6%2C0.6s0.6%2C1%2C0.6%2C1.8v1.5%0A%09%09c0%2C0.8-0.2%2C1.5-0.6%2C1.9s-1%2C0.7-1.6%2C0.7c-0.2%2C0-0.5%2C0-0.7-0.1c-0.2%2C0-0.4-0.1-0.6-0.2L15%2C100c0.2%2C0.1%2C0.4%2C0.2%2C0.5%2C0.2%0A%09%09C15.5%2C100.4%2C15.7%2C100.4%2C16%2C100.4z%20M16.1%2C98.2c0.3%2C0%2C0.6-0.1%2C0.8-0.2c0.2-0.1%2C0.4-0.3%2C0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2C0-0.6%2C0.1-0.8%2C0.4s-0.3%2C0.6-0.3%2C1.1c0%2C0.4%2C0.1%2C0.8%2C0.3%2C1.1C15.5%2C98%2C15.7%2C98.2%2C16.1%2C98.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M174.7%2C136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2C136.8h2v-3l0%2C0l-0.1%2C0.2%0A%09%09L171.9%2C136.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M175.4%2C60h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09s-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1V60H175.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M30.2%2C134.3c0%2C0.3-0.1%2C0.6-0.3%2C0.9c-0.2%2C0.3-0.4%2C0.4-0.8%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.9%2C0.6c0.2%2C0.3%2C0.3%2C0.6%2C0.3%2C1%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2C0.1-0.7%2C0.3-1s0.5-0.5%2C0.9-0.6%0A%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2C0.2-1%2C0.5-1.3s0.8-0.5%2C1.4-0.5s1%2C0.2%2C1.4%2C0.5%0A%09%09C30%2C133.3%2C30.2%2C133.7%2C30.2%2C134.3z%20M29.5%2C137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2C0.1-0.9%2C0.3%0A%09%09c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.9s0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3S29.5%2C137.6%2C29.5%2C137.2z%20M29.3%2C134.3%0A%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2C0-0.6%2C0.1-0.7%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8s0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.4%2C0.3%2C0.8%2C0.3c0.3%2C0%2C0.6-0.1%2C0.7-0.3S29.3%2C134.6%2C29.3%2C134.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M26.2%2C60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2C53.6%2C26.2%2C60%2C26.2%2C60z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M32.8%2C57.6c0%2C0.8-0.2%2C1.4-0.5%2C1.9c-0.4%2C0.4-0.9%2C0.7-1.5%2C0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0A%09%09c0-0.8%2C0.2-1.4%2C0.5-1.9c0.4-0.4%2C0.9-0.7%2C1.5-0.7s1.1%2C0.2%2C1.5%2C0.7c0.4%2C0.4%2C0.5%2C1.1%2C0.5%2C1.9V57.6z%20M32%2C55.9c0-0.6-0.1-1-0.3-1.2%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2C0.1-0.9%2C0.4c-0.2%2C0.3-0.3%2C0.7-0.3%2C1.2v1.9c0%2C0.6%2C0.1%2C1%2C0.3%2C1.3c0.2%2C0.3%2C0.5%2C0.4%2C0.9%2C0.4%0A%09%09s0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.7%2C0.3-1.3V55.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M140.5%2C169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2C1.8c0.1-0.1%2C0.3-0.2%2C0.5-0.2c0.2-0.1%2C0.4-0.1%2C0.6-0.1%0A%09%09c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.6c0%2C0.6-0.2%2C1.2-0.5%2C1.5c-0.3%2C0.4-0.8%2C0.6-1.5%2C0.6c-0.5%2C0-1-0.1-1.4-0.4%0A%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8s0.5%2C0.3%2C0.8%2C0.3c0.4%2C0%2C0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.6%2C0.3-1.1%0A%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2C0.1-0.7%2C0.2c-0.2%2C0.1-0.3%2C0.3-0.3%2C0.5L140.5%2C169.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M142.7%2C29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M61.4%2C166.3c-0.8%2C0.9-1.3%2C1.7-1.6%2C2.4s-0.5%2C1.6-0.6%2C2.6l-0.1%2C0.7h-0.9l0.1-0.7c0.1-1%2C0.4-1.9%2C0.7-2.7%0A%09%09s0.8-1.6%2C1.5-2.3H57v-0.7h4.3L61.4%2C166.3L61.4%2C166.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M57.2%2C29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M62.2%2C29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M100.7%2C180.5c0.2%2C0%2C0.4%2C0%2C0.7%2C0.1c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2l-0.2%2C0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0A%09%09c-0.2%2C0-0.3-0.1-0.6-0.1c-0.5%2C0-0.8%2C0.2-1.1%2C0.5c-0.3%2C0.4-0.4%2C0.8-0.4%2C1.4v0.1c0.2-0.2%2C0.4-0.3%2C0.6-0.4c0.2-0.1%2C0.5-0.1%2C0.8-0.1%0A%09%09c0.6%2C0%2C1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.5c0%2C0.7-0.2%2C1.2-0.5%2C1.6c-0.4%2C0.4-0.8%2C0.6-1.4%2C0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0A%09%09v-1.2c0-0.8%2C0.2-1.5%2C0.7-2S100%2C180.5%2C100.7%2C180.5z%20M100.4%2C183.4c-0.3%2C0-0.5%2C0.1-0.8%2C0.2c-0.2%2C0.1-0.4%2C0.3-0.5%2C0.5v0.5%0A%09%09c0%2C0.6%2C0.1%2C1%2C0.4%2C1.4s0.6%2C0.5%2C0.9%2C0.5c0.4%2C0%2C0.6-0.1%2C0.8-0.5c0.2-0.3%2C0.3-0.7%2C0.3-1.1c0-0.4-0.1-0.8-0.3-1%0A%09%09C101.1%2C183.5%2C100.8%2C183.4%2C100.4%2C183.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20class%3D%22st2%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%226%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%; background-size: 190px; } .dx-timeview-hourarrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%223px%22%20height%3D%2250px%22%20viewBox%3D%220%200%203%2050%22%20style%3D%22enable-background%3Anew%200%200%203%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%223%22%20height%3D%2250%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%222px%22%20height%3D%2268px%22%20viewBox%3D%220%200%202%2068%22%20style%3D%22enable-background%3Anew%200%200%202%2068%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2268%22%2F%3E%0A%3C%2Fsvg%3E%0A"); background-size: 5px 79px; } .dx-timeview-format12 { width: 56px; margin-left: 5px; margin-right: auto; } .dx-timeview-format12.dx-rtl, .dx-rtl .dx-timeview-format12 { margin-left: auto; margin-right: 5px; } .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input { padding-right: 0; } .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input { padding-left: 0; } .dx-rtl.dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input, .dx-rtl.dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input, .dx-rtl .dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input, .dx-rtl .dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input { padding-right: 8px; } .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button { margin-right: 0; } .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl, .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button { margin-left: 0; } .dx-timeview-time-separator { margin: 0 5px; } .dx-timeview-field { min-height: 35px; } .dx-timeview-field .dx-numberbox { width: 56px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-dateview-rollers { width: auto; text-align: center; display: block; } .dx-dateviewroller-current .dx-dateview-item { -webkit-transition: font-size 0.2s ease-out; transition: font-size 0.2s ease-out; } .dx-dateviewroller { min-width: 4em; text-align: center; display: inline-block; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-hours:after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: bold; top: 37%; color: rgba(0, 0, 0, 0.87); } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item { height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: rgba(0, 0, 0, 0.87); } .dx-dateview-item-selected { font-size: 1.8em; color: #009688; } .dx-rtl.dx-dateviewroller-hours:after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame:before { top: -71px; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8))); background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%); } .dx-dateview-item-selected-frame:after { top: 40px; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8))); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%); } .dx-device-tablet .dx-dateview-rollers, .dx-device-phone .dx-dateview-rollers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-device-tablet .dx-dateviewroller-month, .dx-device-phone .dx-dateviewroller-month { min-width: 4em; } .dx-device-tablet .dx-dateview-item, .dx-device-phone .dx-dateview-item { font-size: 1.1em; } .dx-device-tablet .dx-dateview-item-selected, .dx-device-phone .dx-dateview-item-selected { font-size: 1.4em; } .dx-calendar { width: 250px; min-width: 250px; height: 260.4px; min-height: 260.4px; background-color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 315.4px; min-height: 285.4px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { text-align: center; height: 45px; width: 100%; } .dx-calendar-navigator { line-height: 1.6; height: 28px; display: table; border-collapse: collapse; } .dx-calendar-navigator .dx-button { height: 100%; display: table-cell; background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-button .dx-icon { color: #009688; } .dx-calendar-navigator .dx-button.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-calendar-navigator .dx-button .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-calendar-navigator .dx-button .dx-button-text { text-transform: none; } .dx-calendar-navigator .dx-button .dx-icon { font-size: 18px; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { opacity: 0.5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-calendar-caption-button { font-size: 14px; line-height: 1.2; text-transform: uppercase; right: 28px; left: 28px; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content { padding: 2px 15px 4px; } .dx-calendar-navigator-previous-month { width: 28px; background: none; } .dx-calendar-navigator-previous-month.dx-button { margin: 0 2px; } .dx-calendar-navigator-previous-month .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-next-view { width: 28px; background: none; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button { margin: 0 1px; } .dx-calendar-navigator-previous-month .dx-button-content, .dx-calendar-navigator-next-view .dx-button-content { padding: 0; } .dx-calendar-navigator-previous-view, .dx-calendar-navigator-previous-month { left: 0; } .dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { border-radius: 2px 0 0 2px; } .dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon { color: #009688; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-next-month { right: 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button { border-radius: 0 2px 2px 0; } .dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon { color: #009688; } .dx-calendar-body { top: 35px; } .dx-calendar-body thead { font-size: 11px; line-height: 1.2; } .dx-calendar-body thead tr { height: 25px; padding-bottom: 10px; } .dx-calendar-body table { border-spacing: 0; } .dx-calendar-body table th { color: rgba(102, 102, 102, 0.87); font-weight: 500; text-align: center; padding: 1px 0 10px 0; } .dx-calendar-cell { text-align: center; padding: 0 0; color: rgba(0, 0, 0, 0.87); font-size: 12px; width: 32px; border-radius: 50%; } .dx-calendar-view-decade .dx-calendar-cell span, .dx-calendar-view-year .dx-calendar-cell span { line-height: 400%; width: 48px; } .dx-calendar-view-century .dx-calendar-cell span { line-height: 200%; width: 48px; } .dx-calendar-cell span { display: inline-block; width: 28px; line-height: 28px; border-radius: 50%; } .dx-calendar-cell.dx-calendar-today { font-weight: bold; color: #009688; } .dx-calendar-cell.dx-state-hover, .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) { color: rgba(0, 0, 0, 0.87); } .dx-calendar-cell.dx-state-hover span, .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) span { background-color: rgba(0, 0, 0, 0.04); } .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell { color: rgba(125, 125, 125, 0.87); } .dx-calendar-cell.dx-calendar-other-view.dx-state-hover, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover, .dx-calendar-cell.dx-calendar-other-view.dx-state-active, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active { color: rgba(125, 125, 125, 0.87); } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; color: rgba(0, 0, 0, 0.25); } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover { color: rgba(0, 0, 0, 0.25); } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span { background-color: transparent; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span { background-color: rgba(96, 96, 96, 0.2); } .dx-calendar-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span { color: #fff; background-color: #009688; font-weight: normal; } .dx-invalid.dx-calendar { border-color: rgba(244, 67, 54, 0.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #F44336; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-datebox-wrapper .dx-popup-title { min-height: 10px; border-bottom: none; background: none; } .dx-datebox-wrapper .dx-item { border: none; } .dx-datebox-wrapper .dx-popup-bottom .dx-button { width: auto; } .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content { margin: 0 34px; } .dx-datebox-wrapper-list .dx-overlay-content { border-top: none; } .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content { padding: 10px; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 18px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f001"; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled { background: rgba(0, 0, 0, 0.07); } .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar .dx-calendar { border: none; margin: 10px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 10px; margin-bottom: 10px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 5px; margin-bottom: 5px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { padding: 10px; } .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 0 5px 5px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin-top: -1px; margin-right: 10px; } @media (max-width: 320px) { .dx-datebox-wrapper-calendar .dx-calendar { margin: 18px; } } .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 5px; margin-right: 10px; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-right: 5px; margin-left: 10px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 18px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-list .dx-dropdowneditor-icon:before { content: "\f001"; } .dx-datebox-list .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox input[type="date"] { line-height: normal; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input { padding-right: 27px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input { padding-right: 35px; } .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding-right: 8px; padding-left: 35px; } .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input { min-height: 33px; } .dx-menu-item { color: rgba(117, 117, 117, 0.87); } .dx-menu-item.dx-state-hover { background-color: rgba(0, 0, 0, 0.04); } .dx-menu-item.dx-state-focused { background-color: rgba(0, 0, 0, 0.04); } .dx-menu-item-selected { background-color: rgba(224, 224, 224, 0.87); color: rgba(0, 0, 0, 0.87); } .dx-menu-item-selected.dx-state-focused { background-color: rgba(0, 0, 0, 0.7); } .dx-menu-item-expanded, .dx-menu-item-expanded.dx-state-hover, .dx-menu-item-expanded.dx-state-focused { color: rgba(117, 117, 117, 0.87); background-color: rgba(224, 224, 224, 0.87); } .dx-menu-base { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-menu-base input, .dx-menu-base textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-menu-base.dx-state-focused { outline: none; } .dx-menu-base .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu-base .dx-menu-item .dx-menu-item-content { line-height: 18px; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-treeview-node-loadindicator { left: auto; right: 0; } .dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-treeview-node-loadindicator { top: 8px; left: 0; width: 18px; height: 18px; } .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding-left: 1px; padding-right: 8px; } .dx-rtl .dx-treeview-node { padding-right: 16px; } .dx-rtl .dx-treeview-item .dx-icon { margin-left: 5px; } .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 31px; } .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 26px; } .dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 0; padding-right: 20px; } .dx-rtl .dx-treeview-toggle-item-visibility { right: 0; } .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { overflow: visible; } .dx-treeview-search { margin-bottom: 4px; } .dx-treeview-with-search > .dx-scrollable { height: calc(100% - 37px); } .dx-treeview-border-visible { border: 1px solid #e0e0e0; } .dx-treeview-border-visible .dx-treeview-select-all-item { padding-left: 26px; } .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding: 1px 1px 1px 8px; } .dx-treeview-select-all-item { border-bottom: 1px solid #e0e0e0; padding: 10px 0 10px 26px; } .dx-treeview-select-all-item .dx-checkbox-text { padding-left: 20px; } .dx-treeview-node { padding-left: 16px; } .dx-state-selected > .dx-treeview-item { color: rgba(0, 0, 0, 0.87); } .dx-treeview-item-with-checkbox .dx-treeview-item { color: rgba(0, 0, 0, 0.87); padding-left: 31px; } .dx-treeview-item-with-checkbox .dx-checkbox { top: 10px; left: 26px; } .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.12); } .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item.dx-state-hover:not(.dx-state-focused) { background-color: rgba(0, 0, 0, 0.14); } .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-treeview-item { padding: 10px 8px; min-height: 36px; line-height: 16px; } .dx-treeview-item .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview-item.dx-state-hover { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-treeview-toggle-item-visibility { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; color: rgba(0, 0, 0, 0.54); width: 16px; height: 36px; top: 0; left: 0; } .dx-treeview-toggle-item-visibility:before { content: "\f010"; } .dx-treeview-toggle-item-visibility:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { content: "\f016"; } .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-context-menu-container-border { background-color: transparent; } .dx-context-menu-content-delimiter { background-color: transparent; } .dx-menu { color: rgba(117, 117, 117, 0.87); } .dx-menu .dx-menu-item { font-size: 13px; border-radius: 2px; } .dx-menu .dx-menu-item .dx-menu-item-content { padding: 7px 16px 8px; } .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { width: 0; } .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-right: 12px; } .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-left: 12px; margin-right: 0; } .dx-menu-adaptive-mode { background-color: #fff; } .dx-menu-adaptive-mode .dx-treeview { border: 1px solid #e0e0e0; border-radius: 2px; } .dx-menu-adaptive-mode .dx-treeview, .dx-menu-adaptive-mode .dx-treeview.dx-state-focused { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility { font-size: 18px; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility { color: inherit; } .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility { color: #fff; } .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node { border-bottom: 1px solid #e0e0e0; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .dx-selectbox-popup-wrapper .dx-popup-content { padding: 0; } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-toolbar { background-color: #fff; color: rgba(0, 0, 0, 0.87); padding: 0; overflow: visible; } .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-toolbar .dx-toolbar-before:empty, .dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-toolbar .dx-toolbar-items-container { height: 56px; overflow: visible; } .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { font-size: 16px; font-weight: 500; } .dx-device-mobile .dx-toolbar { padding: 0; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty, .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 56px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item { padding: 0 0 0 5px; } .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; font-weight: 500; } .dx-toolbar.dx-state-disabled { opacity: 1; } .dx-toolbar-after .dx-toolbar-item { padding: 0 0 0 5px; } .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl .dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child { padding: 0 0 0 5px; } .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding: 0; } .dx-rtl .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child { padding-left: 5px; } .dx-toolbar-background { background-color: #fff; } .dx-toolbar-menu-section { border-bottom: 1px solid #e0e0e0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide { padding: 0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button { height: 36px; padding: 0; } .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content { padding: 0 8px; } .dx-toolbar-menu-section .dx-button-content { padding: 4px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide { padding: 0 8px; } .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox { padding: 10px 0; } .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 6px; margin-left: 0; } .dx-rtl .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon, .dx-rtl.dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon { margin-left: 6px; margin-right: 0; } .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right { margin-left: 6px; margin-right: 0; } .dx-rtl .dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.dx-icon-right { margin-right: 6px; margin-left: 0; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button { min-width: 28px; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 5px; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon, .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right, .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text { border-radius: 50%; } .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 0; } .dx-toolbar .dx-tab { padding: 4px; } .dx-popup-wrapper > .dx-overlay-content { background: #fff; -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); border-radius: 2px; } .dx-popup-wrapper > .dx-popup-fullscreen { border-radius: 0; } .dx-popup-title { position: relative; padding: 0 8px 0 16px; margin-bottom: -2px; min-height: 28px; border-bottom: 1px solid #e0e0e0; background: transparent; color: rgba(0, 0, 0, 0.87); } .dx-popup-title.dx-toolbar { padding: 0 8px 0 16px; overflow: visible; -webkit-box-shadow: none; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-title.dx-toolbar .dx-toolbar-before:empty, .dx-popup-title.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 56px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 8px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 16px; font-weight: 500; } .dx-popup-title.dx-toolbar .dx-button.dx-closebutton { display: block; } .dx-popup-content { padding: 16px; } .dx-popup-content > .dx-button { margin: 0 8px; } .dx-popup-bottom { background: transparent; color: rgba(0, 0, 0, 0.87); } .dx-popup-bottom.dx-toolbar { padding: 0 8px 0 16px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty, .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 44px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 8px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 16px; font-weight: 500; } .dx-device-mobile .dx-popup-bottom.dx-toolbar { padding: 0 8px 0 16px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before { padding-right: 0; padding-left: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 15px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after { padding-left: 0; padding-right: 15px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty, .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 44px; overflow: visible; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 8px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 8px 0 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 8px 0 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group { padding-left: 20px; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item { padding: 0 0 0 8px; } .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child { padding: 0; } .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 16px; font-weight: 500; } .dx-popup-content.dx-dialog-content { min-width: 188px; padding: 16px; } .dx-dialog-message { padding: 0; } .dx-dropdowneditor-button { width: 18px; min-width: 18px; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { opacity: 1; } .dx-dropdowneditor-icon { color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; width: 18px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-dropdowneditor-icon:before { content: "\f001"; } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-dropdowneditor-input-wrapper .dx-texteditor:before, .dx-dropdowneditor-input-wrapper .dx-texteditor:after { content: none; } .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover, .dx-dropdowneditor-input-wrapper .dx-texteditor { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input { padding-right: 27px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input, .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input { padding-right: 35px; } .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input, .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input, .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input { padding-right: 8px; padding-left: 35px; } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { color: rgba(0, 0, 0, 0.54); opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before { content: "\f002"; } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after, .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container:after { right: 23.5px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after, .dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after, .dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container:after { right: auto; left: 23.5px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after, .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after { right: 41.5px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after, .dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after, .dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after { right: auto; left: 41.5px; } .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); overflow: hidden; } .dx-textarea { height: auto; } .dx-textarea .dx-texteditor-input { padding: 8px; line-height: 20px; } .dx-textarea .dx-placeholder:before { padding: 11px 8px; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-textarea.dx-invalid .dx-texteditor-container:after { top: 11px; margin-top: 0; } .dx-tile { color: rgba(0, 0, 0, 0.87); background-color: #fff; border: 1px solid rgba(224, 224, 224, 0.6); text-align: left; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fff; border-color: rgba(0, 150, 136, 0.4); } .dx-tile.dx-state-active { background-color: rgba(96, 96, 96, 0.2); color: rgba(0, 0, 0, 0.87); border-color: transparent; } .dx-toast-content { color: rgba(255, 255, 255, 0.87); font-size: 13px; font-weight: 400; padding: 0 12px; border-radius: 2px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); min-height: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-toast-icon { display: none; } .dx-toast-message { padding: 0; } .dx-toast-info { background-color: rgba(0, 0, 0, 0.87); } .dx-toast-warning { background-color: #FFC107; } .dx-toast-error { background-color: #F44336; } .dx-toast-success { background-color: #8BC34A; } .dx-progressbar-container { height: 4px; background-color: rgba(0, 150, 136, 0.3); } .dx-progressbar-range { position: relative; background-color: #009688; margin-top: -1px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-progressbar-animating-container { height: 4px; background-color: rgba(0, 150, 136, 0.3); background-size: 90% 5px; -webkit-animation: loader 2s linear infinite; animation: loader 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#009688), color-stop(95%, transparent)); background-image: linear-gradient(-90deg, transparent 5%, #009688, transparent 95%); background-repeat: repeat; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(0, 150, 136, 0.6); } .dx-state-disabled .dx-progressbar-animating-container { -webkit-animation: none; animation: none; background-position-x: 45%; } .dx-progressbar-status { padding-top: 4px; color: #009688; } .dx-progressbar .dx-position-right .dx-progressbar-status { padding-top: 0; } .dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container { -webkit-animation: loader-rtl 2s linear infinite; animation: loader-rtl 2s linear infinite; background-repeat: no-repeat; background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#009688), color-stop(95%, transparent)); background-image: linear-gradient(-90deg, transparent 5%, #009688, transparent 95%); background-repeat: repeat; } @-webkit-keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @keyframes loader { 0% { background-position-x: 0; } 100% { background-position-x: 900%; } } @-webkit-keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } @keyframes loader-rtl { 0% { background-position-x: 0; } 100% { background-position-x: -900%; } } .dx-tooltip-wrapper .dx-overlay-content { background-color: #616161; color: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; min-height: auto; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { padding: 4px 6px; font-size: 12px; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow { display: none; } .dx-slider-wrapper { height: 26px; } .dx-slider-bar, .dx-slider-range { margin-top: 12px; height: 2px; } .dx-slider-bar { margin-right: 15px; margin-left: 15px; background: rgba(0, 150, 136, 0.24); } .dx-slider-range { top: -12px; } .dx-slider-range.dx-slider-range-visible { background: #009688; } .dx-slider-handle { margin-top: -12px; margin-right: -13px; width: 26px; height: 26px; 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: #009688; content: ""; border-radius: 50%; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content { background-color: transparent; min-width: 28px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before { content: ""; position: absolute; width: 28px; height: 28px; border-radius: 0 50% 50% 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; background-color: #009688; top: 0; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); bottom: 0; margin-top: -2px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { line-height: normal; font-size: 10px; max-width: 22px; min-width: 22px; width: 22px; text-overflow: ellipsis; padding: 8px 3px 5px; color: #fff; position: relative; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { padding-top: 6px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before { margin-top: 5px; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before { margin-top: -5px; } .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content { padding-top: 14px; } .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content { padding-top: 6px; padding-bottom: 14px; } .dx-slider-handle .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.24); } .dx-slider-tooltip-position-top { padding-top: 34px; } .dx-slider-tooltip-position-bottom { padding-bottom: 34px; } .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-bar { background: rgba(0, 0, 0, 0.24); } .dx-state-disabled .dx-slider-range.dx-slider-range-visible { background: rgba(0, 0, 0, 0.24); } .dx-state-disabled .dx-slider-handle { width: 12px; height: 12px; margin-top: -5px; margin-right: -5px; border-radius: 50%; border: 2px solid #fff; } .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; } .dx-invalid .dx-slider-handle:after { background-color: #F44336; } .dx-invalid .dx-slider-range-visible { background-color: #F44336; border-color: #F44336; } .dx-invalid .dx-slider-bar { background-color: rgba(244, 67, 54, 0.4); } .dx-rtl .dx-slider-handle { margin-left: -13px; } .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 .dx-gallery-nav-button-prev, .dx-gallery .dx-gallery-nav-button-next { position: absolute; top: 0; width: 34%; height: 100%; background: transparent; cursor: pointer; font-size: 32px; text-align: center; line-height: 32px; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after { background-color: #009688; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after { background-color: #009688; } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; display: block; width: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; } .dx-gallery .dx-gallery-nav-button-prev:after, .dx-gallery .dx-gallery-nav-button-next:after { content: ''; position: absolute; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.54); border-radius: 50%; top: 50%; margin-top: -16px; } .dx-gallery .dx-gallery-nav-button-prev:before, .dx-gallery .dx-gallery-nav-button-next:before { position: absolute; z-index: 10; clear: both; font-size: 32px; color: #fff; } .dx-gallery .dx-gallery-nav-button-prev { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-prev:before { content: "\f012"; } .dx-gallery .dx-gallery-nav-button-prev:after { left: 8px; } .dx-gallery .dx-gallery-nav-button-prev:before { left: 7px; right: auto; margin-left: 0; } .dx-gallery .dx-gallery-nav-button-next { font: 14px/1 DXIcons; } .dx-gallery .dx-gallery-nav-button-next:before { content: "\f010"; } .dx-gallery .dx-gallery-nav-button-next:after { right: 8px; } .dx-gallery .dx-gallery-nav-button-next:before { right: 7px; left: auto; } .dx-gallery-indicator { pointer-events: none; text-align: center; } .dx-gallery-indicator-item { border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; background: #fff; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { width: 12px; height: 12px; background: #009688; border: 2px solid rgba(255, 255, 255, 0.8); margin: -1px 6px; } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { background: #009688; } .dx-lookup.dx-editor-filled, .dx-lookup.dx-editor-outlined { height: 40px; } .dx-lookup.dx-editor-filled .dx-lookup-field, .dx-lookup.dx-editor-outlined .dx-lookup-field { padding: 13px 8px 12px; } .dx-lookup.dx-editor-filled .dx-lookup-arrow, .dx-lookup.dx-editor-outlined .dx-lookup-arrow { right: 9px; } .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-arrow, .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-arrow, .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-arrow, .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-arrow { left: 9px; right: auto; } .dx-lookup.dx-editor-underlined { height: 26px; } .dx-lookup.dx-editor-underlined .dx-lookup-field { padding: 6px 0 5px; } .dx-lookup.dx-invalid { border-bottom-color: rgba(244, 67, 54, 0.4); } .dx-lookup.dx-invalid .dx-lookup-arrow:after { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 13px; font-weight: 500; background-color: #F44336; color: #fff; content: '!'; border-radius: 50%; right: 18px; } .dx-lookup.dx-invalid.dx-rtl .dx-lookup-arrow:after, .dx-rtl .dx-lookup.dx-invalid .dx-lookup-arrow:after { left: 18px; right: auto; } .dx-lookup.dx-valid .dx-lookup-arrow:after { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; text-align: center; line-height: 17px; font-size: 13px; font-size: 19px; font-weight: bold; font-family: 'DXIcons', sans-serif; color: #8BC34A; content: '\f005'; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards; animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards; right: 18px; } .dx-lookup.dx-valid.dx-rtl .dx-lookup-arrow:after, .dx-rtl .dx-lookup.dx-valid .dx-lookup-arrow:after { left: 18px; right: auto; } .dx-lookup.dx-validation-pending .dx-lookup-field-wrapper .dx-pending-indicator { pointer-events: none; position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; right: 18px; } .dx-lookup.dx-validation-pending.dx-rtl .dx-lookup-field-wrapper .dx-pending-indicator, .dx-rtl .dx-lookup.dx-validation-pending .dx-lookup-field-wrapper .dx-pending-indicator { left: 18px; right: auto; } .dx-lookup-field { font-size: 13px; } .dx-lookup-field .dx-texteditor { border: none; } .dx-lookup-field .dx-texteditor:before, .dx-lookup-field .dx-texteditor:after { content: none; } .dx-lookup-field .dx-texteditor.dx-state-hover, .dx-lookup-field .dx-texteditor.dx-state-focused, .dx-lookup-field .dx-texteditor.dx-state-active, .dx-lookup-field .dx-texteditor.dx-state-disabled, .dx-lookup-field .dx-texteditor.dx-state-readonly, .dx-lookup-field .dx-texteditor.dx-state-readonly.dx-state-hover, .dx-lookup-field .dx-texteditor { background-color: transparent; } .dx-lookup-arrow { font: 14px/1 DXIcons; width: 18px; color: rgba(0, 0, 0, 0.54); font-size: 18px; text-align: center; line-height: 18px; } .dx-lookup-arrow:before { content: "\f001"; } .dx-lookup-arrow:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-state-readonly .dx-lookup-field:before { opacity: 0.5; } .dx-lookup-popup-wrapper .dx-list-item { border-top: none; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 0; } .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content { top: 49px; } .dx-lookup-empty .dx-lookup-field { color: rgba(148, 148, 148, 0.87); } .dx-lookup-popup-search .dx-list { height: calc(100% - 70px); } .dx-lookup-search-wrapper { padding: 8px; padding-bottom: 2px; } .dx-tagbox .dx-texteditor-input-container { height: 100%; } .dx-tagbox .dx-texteditor-input { height: 26px; } .dx-tagbox.dx-editor-filled .dx-texteditor-input, .dx-tagbox.dx-editor-outlined .dx-texteditor-input { padding: 0; margin-top: 5px; } .dx-tagbox.dx-editor-filled .dx-tag-container, .dx-tagbox.dx-editor-outlined .dx-tag-container { padding: 2px 8px 7px 8px; min-height: 40px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container { margin-top: -5px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container:after { margin-top: -5.5px; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input { padding-left: 0; margin-top: 5px; } .dx-rtl .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-focused:before, .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-active:before { border-top: 0; border-bottom: 0; } .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-hover:after, .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined):after { border-bottom: 0; } .dx-tagbox-single-line .dx-tag-container { padding-right: 0; } .dx-tag-content { margin: 0; padding: 5px 32px 5px 8px; min-width: 40px; background-color: #e0e0e0; color: rgba(0, 0, 0, 0.6); border-radius: 16px; } .dx-tag-remove-button { width: 24px; height: 100%; right: 4px; font: 14px/1 DXIcons; font-size: 14px; } .dx-tag-remove-button:before { content: "\f008"; } .dx-tag-remove-button:before { display: block; position: absolute; top: 51%; left: 48%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; line-height: 16px; color: #e0e0e0; background-color: rgba(0, 0, 0, 0.36); border-radius: 50%; -webkit-transform: none; transform: none; } .dx-tag { margin: 5px 5px 0 0; } .dx-tag:hover .dx-tag-content { background-color: #d9d9d9; color: rgba(0, 0, 0, 0.87); } .dx-tag.dx-state-focused .dx-tag-content { background-color: #adadad; color: rgba(0, 0, 0, 0.87); } .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-tagbox.dx-valid .dx-texteditor-container:after { right: 11px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl .dx-tagbox.dx-valid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-valid .dx-texteditor-container:after { left: 11px; } .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator { right: 11px; } .dx-rtl .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator, .dx-rtl.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator { left: 11px; } .dx-tagbox-popup-wrapper .dx-list-select-all { border-bottom: 1px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 3px; } .dx-tagbox-popup-wrapper .dx-list-select-all:after { background-color: transparent; } .dx-rtl .dx-tag-content { padding-right: 8px; padding-left: 32px; } .dx-rtl .dx-tag-remove-button { left: 4px !important; } .dx-radiobutton-icon { width: 16px; height: 16px; position: relative; } .dx-radiobutton-icon:after { content: ""; width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; display: block; position: absolute; z-index: 1; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); } .dx-radiobutton-icon:before { display: block; width: 12px; height: 12px; border: 2px solid rgba(0, 0, 0, 0.54); background-color: #fff; content: ""; border-radius: 8px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-radiobutton-icon-checked:before { border-color: #009688; } .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { display: block; margin-top: -12px; margin-left: 4px; width: 8px; height: 8px; background: #009688; content: ""; border-radius: 4px; } .dx-radiobutton { line-height: 16px; } .dx-radiobutton.dx-state-active .dx-radiobutton-icon:after, .dx-radiobutton.dx-state-focused .dx-radiobutton-icon:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked:after, .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked:after { background-color: rgba(0, 150, 136, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-radiobutton.dx-state-disabled { opacity: 0.38; } .dx-state-readonly .dx-radiobutton-icon-dot, .dx-state-disabled .dx-radiobutton-icon-dot { background-color: rgba(0, 0, 0, 0.54); } .dx-state-readonly .dx-radiobutton-icon:before, .dx-state-disabled .dx-radiobutton-icon:before { border-color: rgba(0, 0, 0, 0.54); } .dx-invalid .dx-radiobutton-icon:before { border-color: rgba(244, 67, 54, 0.4); } .dx-invalid .dx-radiobutton-icon-dot { background-color: rgba(244, 67, 54, 0.4); } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #F44336; } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot { background-color: #F44336; } .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:after, .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:after { background-color: rgba(244, 67, 54, 0.1); -webkit-transform: scale(1); transform: scale(1); } .dx-state-disabled .dx-radiobutton.dx-state-disabled { opacity: 1; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 4px; margin-left: 0; } .dx-radio-value-container { padding-left: 0; } .dx-radiogroup .dx-radiobutton { margin: 2px 0; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-accordion { background-color: #fff; color: rgba(0, 0, 0, 0.87); margin: 3px 3px 5px 3px; } .dx-accordion-item { background-color: #fff; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.06); -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1); will-change: margin, height; border-top: 1px solid #e0e0e0; } .dx-accordion-item:first-child { border-top: none; } .dx-accordion-item.dx-state-active > .dx-accordion-item-title, .dx-accordion-item.dx-state-focused > .dx-accordion-item-title { color: rgba(0, 0, 0, 0.87); background-color: rgba(0, 0, 0, 0.04); } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon, .dx-accordion-item.dx-state-focused:not(.dx-accordion-item-opened) .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-accordion-item.dx-state-hover > .dx-accordion-item-title { background-color: rgba(0, 0, 0, 0.04); } .dx-accordion-item.dx-state-hover + .dx-accordion-item-closed { border-top-color: #d1d1d1; } .dx-accordion-item-opened { margin: 8px 0; border-top: none; } .dx-accordion-item-opened:first-child { margin-top: 0; } .dx-accordion-item-opened > .dx-accordion-item-title { height: 40px; } .dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption { top: 12px; } .dx-accordion-item-opened > .dx-accordion-item-title:before { content: "\f014"; top: 9px; } .dx-accordion-item-opened + .dx-accordion-item-closed { border-top: none; } .dx-accordion-item-title { height: 40px; position: relative; padding: 12px 16px; background-color: #fff; } .dx-accordion-item-title .dx-accordion-item-title-caption, .dx-accordion-item-title:before { position: absolute; -webkit-transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1); transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1); will-change: top; } .dx-accordion-item-title .dx-accordion-item-title-caption { color: rgba(0, 0, 0, 0.87); font-size: 15px; top: 12px; left: 16px; right: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dx-accordion-item-title:before { top: 10px; right: 16px; font-weight: normal; color: rgba(0, 0, 0, 0.38); content: "\f016"; font-family: DXIcons; font-size: 18px; height: 18px; width: 18px; } .dx-state-disabled.dx-accordion-item { opacity: 0.5; } .dx-accordion-item-body { padding: 16px; font-size: 12px; } .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption { right: 16px; left: 50px; } .dx-rtl .dx-accordion-item-title:before { left: 16px; right: auto; } .dx-slideoutview-content { -webkit-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0px 0px; background-size: 26px 26px; padding: 0px; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-left: 13px; margin-right: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-right: 13px; margin-left: 0; } .dx-slideoutview-menu-content, .dx-slideoutview-content { background-color: #fff; } .dx-slideoutview-content { border-color: rgba(224, 224, 224, 0.5); } .dx-slideoutview-content { -webkit-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0px 0px; background-size: 26px 26px; padding: 0px; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-left: 13px; margin-right: 0; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right { margin-right: 13px; margin-left: 0; } .dx-colorview-palette-handle { 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); 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 0 0 3px #fff, inset 5px 0 0 3px #fff, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset -5px 0 0 3px #fff, inset 5px 0 0 3px #fff, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2); } .dx-colorview-alpha-channel-handle { border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 -5px 0 3px #fff, inset 0 5px 0 3px #fff, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -5px 0 3px #fff, inset 0 5px 0 3px #fff, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2); } .dx-colorview-container { width: 450px; } .dx-colorview-container label { line-height: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 20px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin: 0 0 0 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; margin: 0 0 0 10px; } .dx-colorview-hue-scale-cell { margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 301px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { width: 90px; margin-left: 27px; } .dx-colorview-container label { color: rgba(0, 0, 0, 0.87); } .dx-colorview-palette-cell, .dx-colorview-alpha-channel-border, .dx-colorview-hue-scale-wrapper, .dx-colorview-color-preview-container { padding: 1px; margin: 1px; margin-top: 0; background-color: #fff; -webkit-box-shadow: 0 0 0 1px #e0e0e0; box-shadow: 0 0 0 1px #e0e0e0; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-rtl .dx-colorview-controls-container { margin-left: 0; margin-right: 27px; } .dx-rtl .dx-colorview-hue-scale-cell { margin-left: 0; margin-right: 19px; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 0; margin-right: 43px; } .dx-colorbox .dx-colorbox-input-container .dx-dropdowneditor-input-wrapper .dx-colorbox-input { padding-left: 35px; } .dx-colorbox .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=") no-repeat 0 0; } .dx-colorbox .dx-colorbox-input-container:after { left: 9px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-color-result-preview { border-color: #e0e0e0; left: 8px; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-colorbox-overlay .dx-popup-content { padding: 16px; } .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 35px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer { border-bottom: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-pager, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top: 1px solid #e0e0e0; } .dx-datagrid-borders > .dx-datagrid-filter-panel { border-top-width: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview { border-color: rgba(0, 150, 136, 0.5); cursor: pointer; cursor: -webkit-grabbing; cursor: grabbing; } .dx-datagrid { color: rgba(0, 0, 0, 0.87); background-color: #fff; } .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-sort-down, .dx-datagrid .dx-sort-up { font-family: inherit; } .dx-datagrid .dx-sort-down:before, .dx-datagrid .dx-sort-up:before { font-family: 'DXIcons', sans-serif; } .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter { outline: none; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus, .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline: 2px solid #009688; outline-offset: -2px; } .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus { outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers .dx-header-row > td, .dx-datagrid .dx-datagrid-headers .dx-header-filter { outline: none; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline: 2px solid #009688; outline-offset: 2px; } .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-datagrid .dx-header-filter { position: relative; color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050"; } .dx-datagrid .dx-header-filter-empty { color: rgba(0, 0, 0, 0.38); } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: 2px solid #009688; outline-offset: 2px; } .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td { position: relative; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before { display: block; height: 100%; content: ''; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC"); background-repeat: no-repeat repeat; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content { color: rgba(0, 0, 0, 0.87); } .dx-datagrid .dx-error-row td { color: #fff; padding: 0; } .dx-datagrid .dx-error-row .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; } .dx-datagrid .dx-column-lines > td:first-child { border-left: none; } .dx-datagrid .dx-column-lines > td:last-child { border-right: none; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon { font: 14px/1 DXIcons; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon:before { content: "\f038"; } .dx-datagrid-filter-panel { color: rgba(0, 0, 0, 0.87); border-top: 1px solid #e0e0e0; } .dx-datagrid-filter-panel .dx-icon-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter { outline: none; } .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus { outline: 2px solid #009688; outline-offset: 3px; } .dx-datagrid-form-buttons-container { float: right; } .dx-datagrid-form-buttons-container .dx-button { margin-left: 10px; margin-top: 10px; } .dx-datagrid-column-chooser { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-datagrid-column-chooser input, .dx-datagrid-column-chooser textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-datagrid-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-datagrid-adaptive-more:before { content: "\f06c"; } .dx-datagrid-edit-popup .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before { -webkit-transform: scale(1); transform: scale(1); } .dx-rtl .dx-datagrid .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl .dx-datagrid .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-datagrid-form-buttons-container { float: left; } .dx-rtl .dx-datagrid-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-datagrid-cell-updated-animation { -webkit-animation: dx-datagrid-highlight-change 1s; animation: dx-datagrid-highlight-change 1s; } @-webkit-keyframes dx-datagrid-highlight-change { from { background-color: rgba(0, 0, 0, 0.08); } 50% { background-color: rgba(0, 0, 0, 0.08); } } @keyframes dx-datagrid-highlight-change { from { background-color: rgba(0, 0, 0, 0.08); } 50% { background-color: rgba(0, 0, 0, 0.08); } } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: #f7f7f7; } .dx-empty-collection.dx-tabpanel .dx-tabs { border-top: none; } .dx-tabpanel .dx-tab { min-width: 72px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-tabpanel .dx-tabs-wrapper { display: block; } .dx-form-group-caption { font-size: 16px; } .dx-form-group-with-caption > .dx-form-group-content { border-top: 1px solid #e0e0e0; padding-bottom: 10px; padding-top: 10px; margin-top: 4px; } .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container { margin-left: -10px; padding-left: 10px; } .dx-scrollable-content > .dx-layout-manager { padding-right: 5px; } .dx-layout-manager .dx-field-item:not(.dx-last-col) { padding-right: 20px; } .dx-layout-manager .dx-field-item:not(.dx-first-col) { padding-left: 20px; } .dx-field-item { padding-bottom: 10px; font-size: 12px; } .dx-field-item-content .dx-switch { vertical-align: middle; } .dx-label-v-align .dx-field-item-content .dx-textarea { margin-top: 6px; } .dx-label-v-align .dx-field-item-content .dx-invalid-message > .dx-overlay-content { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text { color: transparent; } .dx-field-item-label-location-top { padding: 4px 0 2px; } .dx-field-item-label-text { color: rgba(117, 117, 117, 0.87); } .dx-field-item-help-text { color: rgba(117, 117, 117, 0.87); padding: 6px 0 2px; font-style: normal; } .dx-field-item-required-mark { color: rgba(117, 117, 117, 0.87); } .dx-field-item-optional-mark { color: rgba(117, 117, 117, 0.87); } .dx-context-menu .dx-menu-item { font-size: 13px; color: rgba(0, 0, 0, 0.87); } .dx-context-menu .dx-menu-item .dx-menu-item-content { padding: 3px 8px 4px; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { right: 8px; width: 18px; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before { content: "\f04e"; } .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content { padding-right: 46px; } .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-right: 12px; } .dx-context-menu .dx-menu-items-container { padding: 4px 0; } .dx-context-menu.dx-overlay-content.dx-state-focused { -webkit-box-shadow: none; box-shadow: none; } .dx-context-menu .dx-submenu { background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); } .dx-context-menu .dx-menu-separator { background-color: #e0e0e0; } .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container { left: 8px; } .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin-left: 20px; margin-right: 0; } .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content { padding-left: 46px; padding-right: 8px; } .dx-filterbuilder { background-color: #fff; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text { color: rgba(0, 0, 0, 0.87); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation { background-color: rgba(244, 67, 54, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover { background-color: rgba(244, 67, 54, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active { background-color: #f44336; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field { background-color: rgba(0, 150, 136, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover { background-color: rgba(0, 150, 136, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active { background-color: #009688; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation { background-color: rgba(139, 195, 74, 0.3); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover { background-color: rgba(139, 195, 74, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active { background-color: #8bc34a; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text { background-color: rgba(224, 224, 224, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover { background-color: rgba(224, 224, 224, 0.5); } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active { background-color: #e0e0e0; color: #FFF; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus { color: rgba(139, 195, 74, 0.7); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover { color: #8bc34a; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active { color: #8bc34a; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove { color: rgba(244, 67, 54, 0.7); } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover { color: #f44336; } .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus { color: #f44336; } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon { color: rgba(86, 86, 86, 0.54); width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-filterbuilder .dx-filterbuilder-action-icon { font-size: 21px; } .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon { padding: 4px; vertical-align: middle; } .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input, .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input { padding: 8px 8px; } .dx-filterbuilder .dx-filterbuilder-text, .dx-filterbuilder .dx-filterbuilder-item-value-text { border-radius: 5px; } .dx-filterbuilder-range-separator { color: rgba(0, 0, 0, 0.87); } .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item { padding-left: 8px; } .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item { padding-right: 8px; } .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item { padding-left: 16px; } .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item { padding-left: 8px; } .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened { margin-left: 8px; } .dx-filterbuilder-overlay .dx-treeview-item { padding: 4px 8px 5px; min-height: 26px; } .dx-filterbuilder-overlay .dx-treeview-item .dx-icon { margin-right: 10px; } .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility { height: 26px; left: 0; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item { padding-right: 16px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item { padding-right: 8px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened { margin-right: 8px; margin-left: 0; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon { margin-left: 10px; } .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility { right: 16px; } .dx-pager { padding: 13px 14px 13px 24px; } .dx-pager.dx-light-mode .dx-page-sizes { min-width: 42px; } .dx-pager.dx-light-mode .dx-page-index { min-width: 19px; } .dx-pager .dx-pages .dx-page { padding: 9px 12px; line-height: 12px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 12px; padding: 9px 12px; } .dx-pager .dx-pages .dx-prev-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-prev-button:before { content: "\f012"; } .dx-pager .dx-pages .dx-next-button { font: 14px/1 DXIcons; } .dx-pager .dx-pages .dx-next-button:before { content: "\f010"; } .dx-pager .dx-pages .dx-prev-button, .dx-pager .dx-pages .dx-next-button { font-size: 21px; text-align: center; line-height: 21px; } .dx-pager .dx-pages .dx-prev-button:before, .dx-pager .dx-pages .dx-next-button:before { position: absolute; display: block; width: 21px; top: 50%; margin-top: -10.5px; left: 50%; margin-left: -10.5px; } .dx-pager .dx-page, .dx-pager .dx-page-size { font-size: 12px; border-radius: 20px; } .dx-pager .dx-page:hover, .dx-pager .dx-page-size:hover { background-color: rgba(0, 0, 0, 0.04); } .dx-pager .dx-page-sizes .dx-page-size { padding: 9px 12px; line-height: 12px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { font-weight: 500; background-color: #009688; color: #fff; } .dx-pager .dx-page-sizes .dx-page-size:first-child { margin-left: 0; } .dx-datagrid .dx-menu, .dx-datagrid-container .dx-menu { background-color: transparent; height: 100%; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content { padding: 8px 4px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin: 0 3px; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon, .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-datagrid .dx-editor-with-menu, .dx-datagrid-container .dx-editor-with-menu { height: 36px; } .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon, .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-datagrid .dx-menu-item-has-icon .dx-icon, .dx-datagrid-container .dx-menu-item-has-icon .dx-icon { color: rgba(86, 86, 86, 0.54); } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none, .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-sort-up, .dx-datagrid-container .dx-sort-up, .dx-datagrid .dx-sort-down, .dx-datagrid-container .dx-sort-down, .dx-datagrid .dx-header-filter, .dx-datagrid-container .dx-header-filter { width: 15px; height: 15px; background-position: 0px 0px; background-size: 15px 15px; padding: 0px; font-size: 15px; text-align: center; line-height: 15px; } .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty), .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) { color: #009688; } .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-icon-filter-operation-between, .dx-datagrid-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-between:before, .dx-datagrid-container .dx-icon-filter-operation-between:before { content: "\f06a"; } .dx-datagrid .dx-column-indicators, .dx-datagrid-container .dx-column-indicators { height: 16px; } .dx-datagrid .dx-column-indicators .dx-sort-index-icon, .dx-datagrid-container .dx-column-indicators .dx-sort-index-icon { padding-right: 4px; margin-left: -1px; font-size: 11px; position: relative; bottom: 1px; } .dx-datagrid .dx-column-indicators > div, .dx-datagrid-container .dx-column-indicators > div { width: 15px; height: 15px; background-position: 0px 0px; background-size: 15px 15px; padding: 0px; font-size: 15px; text-align: center; line-height: 15px; } .dx-datagrid .dx-placeholder:before, .dx-datagrid-container .dx-placeholder:before { font-size: 13px; } .dx-datagrid { line-height: inherit; } .dx-datagrid .dx-row-alt > td { background-color: #f5f5f5; } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { color: #009688; } .dx-datagrid .dx-row-lines > td { border-bottom: 1px solid #e0e0e0; } .dx-datagrid .dx-column-lines > td { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-datagrid .dx-error-row .dx-closebutton { float: right; margin: 12px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-datagrid .dx-error-row .dx-error-message { padding: 10px; padding-right: 35px; } .dx-datagrid .dx-row > td { padding-top: 10px; padding-bottom: 10px; font-size: 13px; line-height: 16px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) { padding-right: 10px; padding-left: 10px; vertical-align: middle; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type { padding-left: 10px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type { padding-right: 10px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select { overflow: visible; width: 26px; min-width: 26px; padding-left: 10px; padding-right: 0px; line-height: 1; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit { width: 105px; min-width: 105px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; margin: 0 2px; vertical-align: middle; } .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-expand, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-expand, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-datagrid-group-space, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-datagrid-group-space, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) .dx-datagrid-group-space { width: 18px; min-width: 18px; padding: 0 4px 0 8px; line-height: 0; } .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 49px; } .dx-datagrid .dx-command-drag { width: 38px; min-width: 38px; } .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-edit-popup .dx-error-message { padding: 10px 10px; } .dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input { min-height: 16px; } .dx-datagrid-headers .dx-lookup, .dx-datagrid-rowsview .dx-lookup { height: auto; } .dx-datagrid-headers .dx-lookup-field, .dx-datagrid-rowsview .dx-lookup-field { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input { padding-right: 27px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input { padding-right: 27px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input, .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input { padding-right: 0; } .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-left: 16px; } .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before { padding-right: 16px; } .dx-editor-cell { padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-icon-clear { left: 0; } .dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor.dx-state-hover, .dx-editor-cell .dx-texteditor.dx-state-focused, .dx-editor-cell .dx-texteditor.dx-state-active { background: rgba(255, 255, 255, 0); -webkit-box-shadow: none; box-shadow: none; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: rgba(255, 255, 255, 0); font-size: 13px; height: 36px; line-height: 36px; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { right: 0; } .dx-editor-cell .dx-texteditor:after, .dx-editor-cell .dx-texteditor:before { content: none; } .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { left: 0; } .dx-editor-cell .dx-dropdowneditor { background-color: rgba(255, 255, 255, 0); } .dx-editor-cell.dx-focused .dx-dropdowneditor-icon { border-radius: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { padding-top: 10px; padding-bottom: 10px; } .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message, .dx-datagrid-column-chooser-list .dx-empty-message { color: rgba(102, 102, 102, 0.87); padding: 0 8px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content { padding: 8px 8px 8px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content { padding: 8px 8px 8px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fff; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin: 2px 2px 8px 2px; background-color: #fff; color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: 12px; padding: 10px; line-height: 16px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-datagrid-drag-header { border-color: rgba(0, 150, 136, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.54); font-weight: 500; padding: 12px; background-color: #fff; line-height: 16px; font-size: 12px; } .dx-datagrid-columns-separator { background-color: rgba(0, 150, 136, 0.5); } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight > td { background-color: #009688; color: #fff; } .dx-datagrid-drop-highlight > td .dx-header-filter { color: #fff; } .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon { background-color: #fff; color: #009688; } .dx-datagrid-focus-overlay:after { content: ""; position: absolute; bottom: 0; height: 2px; background-color: #009688; left: 0; right: 1px; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) { background-color: rgba(0, 0, 0, 0.04); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td { color: rgba(0, 0, 0, 0.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none { background-color: transparent; } .dx-datagrid-headers { color: rgba(0, 0, 0, 0.54); -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-headers .dx-datagrid-content { margin-bottom: -1px; } .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table { border-bottom-width: 1px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #e0e0e0; padding-top: 12px; padding-bottom: 12px; line-height: 16px; font-weight: 500; font-size: 12px; } .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator, .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort { color: rgba(0, 0, 0, 0.87); } .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content { color: rgba(0, 0, 0, 0.87); } .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort { color: rgba(0, 0, 0, 0.38); } .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) { background-color: rgba(0, 0, 0, 0.04); } .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select { padding-bottom: 12px; } .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row > td { padding-top: 12px; padding-bottom: 12px; vertical-align: bottom; border-right: 1px solid #e0e0e0; } .dx-datagrid-filter-row { background-color: #fafafa; } .dx-datagrid-filter-row .dx-menu { left: -8px; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container { height: 100%; top: 2px; position: absolute; } .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper { height: 100%; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: rgba(117, 117, 117, 0.87); } .dx-datagrid-filter-row .dx-filter-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content { padding: 10px 0 10px 22px; } .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content { overflow: inherit; background-color: #fafafa; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after, .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after { top: auto; bottom: 0; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { font-size: 13px; height: 37px; padding-right: 8px; padding-left: 8px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before { padding-left: 8px; } .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper { display: none; } .dx-highlight-outline { padding: 10px 0 10px 0; overflow: hidden; text-overflow: ellipsis; } .dx-datagrid-header-panel { border-bottom: 1px solid #e0e0e0; padding: 0 10px 0 10px; background-color: #fff; } .dx-datagrid-header-panel .dx-apply-button { background-color: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: rgba(139, 195, 74, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon { border-radius: 50%; } .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-icon-column-chooser { font: 14px/1 DXIcons; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f117"; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-adaptive-more { vertical-align: middle; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: rgba(0, 0, 0, 0.54); } .dx-row.dx-row-focused .dx-datagrid-adaptive-more { color: inherit; } .dx-datagrid-rowsview { border-top: 1px solid #e0e0e0; } .dx-datagrid-headers + .dx-datagrid-rowsview { border-top: none; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .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 #e0e0e0; border-bottom: 1px solid #e0e0e0; } .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-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified, .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid { background-color: rgba(244, 67, 54, 0.32); } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px 9px; background-color: #F44336; color: #fff; } .dx-datagrid-rowsview .dx-row-removed > td { background-color: rgba(139, 195, 74, 0.32); border-top: 1px solid rgba(139, 195, 74, 0.32); border-bottom: 1px solid rgba(139, 195, 74, 0.32); } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label { padding-top: 0; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content { line-height: 26px; min-height: 26px; font-size: 13px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused { padding: 0; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input { padding-left: 10px; padding-right: 10px; font-size: 13px; height: 26px; line-height: 26px; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:after, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:before { content: none; } .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined { -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-rowsview .dx-item-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-datagrid-rowsview .dx-row-focused:focus { outline: none; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link { background-color: #009688; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed { color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #009688; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #009688; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #009688; border-bottom: 1px solid #009688; } .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select), .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .dx-datagrid-rowsview .dx-row-focused.dx-group-row { background-color: #009688; color: #fff; } .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed { color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: rgba(0, 150, 136, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space { border-right-color: rgba(0, 150, 136, 0.04); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td { border-bottom: 1px solid rgba(0, 150, 136, 0.04); border-top: 1px solid rgba(0, 150, 136, 0.04); } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td { border-bottom-color: #e0e0e0; } .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 0; } .dx-datagrid-search-text { color: #fff; background-color: #009688; } .dx-datagrid-nodata { color: rgba(102, 102, 102, 0.87); font-size: 14px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #e0e0e0; } .dx-datagrid-pager.dx-widget { font-size: 12px; color: rgba(0, 0, 0, 0.54); } .dx-datagrid-summary-item { color: rgba(0, 0, 0, 0.7); } .dx-datagrid-total-footer { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-datagrid-total-footer > .dx-datagrid-content { padding: 0; } .dx-datagrid-revert-tooltip .dx-overlay-content { background-color: transparent; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button { border-radius: 2px; background-color: #F44336; color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); margin: 0 0 0 1px; height: 36px; -webkit-box-shadow: none; box-shadow: none; min-width: inherit; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content { padding: 2px; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon, .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right, .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon { color: #fff; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #F44336; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #F44336; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active { background-color: #F44336; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover { -webkit-box-shadow: none; box-shadow: none; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(0, 0, 0, 0.04); border-right-color: transparent; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon, .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type { padding-left: 10px; padding-right: 10px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type { padding-right: 10px; padding-left: 10px; } .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select { padding-right: 10px; padding-left: 0px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #e0e0e0; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(0, 150, 136, 0.04); } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; } .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-left: 0; } .dx-header-filter-menu .dx-popup-content { padding: 12px 8px 0 8px; border-bottom: 1px solid #e0e0e0; } .dx-datagrid-form-buttons-container .dx-button { background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button .dx-icon { color: #009688; } .dx-datagrid-form-buttons-container .dx-button.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-command-adaptive { width: 38px; min-width: 38px; } .dx-datagrid-filter-panel { padding: 15px 10px 15px 10px; } .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter { color: #009688; font-size: 13px; line-height: 16px; } .dx-datagrid-filter-panel .dx-icon-filter { color: #009688; } .dx-datagrid-filter-panel + .dx-pager { border-top: 1px solid #e0e0e0; } .dx-datagrid-group-panel { font-size: 13px; -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: rgba(0, 0, 0, 0.54); font-weight: 500; padding: 7px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 8px; color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: 12px; line-height: 16px; background: #e0e0e0; border-radius: 16px; padding: 8px 10px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 8px; color: rgba(0, 0, 0, 0.54); font-weight: 500; padding: 7px; background-color: #e0e0e0; } .dx-datagrid-group-panel .dx-sort { color: rgba(86, 86, 86, 0.54); } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child { border-top: none; } .dx-datagrid-rowsview .dx-row.dx-group-row { font-size: 12px; font-weight: bold; } .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) { color: rgba(0, 0, 0, 0.54); background-color: #ffffff; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #e0e0e0; border-bottom-color: #e0e0e0; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: rgba(98, 98, 98, 0.54); } .dx-datagrid-group-opened:before { content: "\f016"; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: rgba(98, 98, 98, 0.54); } .dx-datagrid-group-closed:before { content: "\f010"; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #e0e0e0; } .dx-row.dx-datagrid-group-footer > td { background-color: #fff; border-top: 1px solid #e0e0e0; border-left-width: 0; border-right-width: 0; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-left: 8px; } .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: rgba(0, 0, 0, 0.54); font-size: 14px; width: 14px; } .dx-pivotgrid-fields-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-up:before { content: "\f051"; } .dx-pivotgrid-fields-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-pivotgrid-fields-container .dx-sort-down:before { content: "\f052"; } .dx-pivotgrid-fields-container .dx-header-filter { color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; font-size: 14px; width: 14px; } .dx-pivotgrid-fields-container .dx-header-filter:before { content: "\f050"; } .dx-pivotgrid-fields-container .dx-header-filter-empty { color: rgba(0, 0, 0, 0.38); } .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: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 150, 136, 0.5); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 4px; border: 1px solid #e0e0e0; padding: 7px 8px; } .dx-pivotgrid-fields-container .dx-drag-source { opacity: 0.5; } .dx-pivotgrid-fields-container .dx-column-indicators { vertical-align: bottom; margin-left: 6px; line-height: 12px; } .dx-pivotgrid-fields-container .dx-area-field-content { vertical-align: bottom; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area { overflow: hidden; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar { margin-right: 10px; float: right; display: inline-block; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button { margin-right: 4px; } .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background { background-color: rgba(221, 221, 221, 0.2); } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area { color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input, .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area { margin-left: -5px; padding-left: 5px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 0; } .dx-pivotgrid .dx-filter-header .dx-area-field-container { border-spacing: 6px; border-collapse: separate; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td { padding: 2px; } .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 2px; } .dx-pivotgrid .dx-area-field.dx-area-box { margin-bottom: 0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #e0e0e0; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td { border-top-width: 0; } .dx-pivotgrid .dx-expand-icon-container { margin-left: -5px; margin-right: 0; } .dx-pivotgrid .dx-area-row-cell, .dx-pivotgrid .dx-area-description-cell { border-right: 1px solid #e0e0e0; } .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; -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-bottom-border, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-column-cell { border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-area { -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: rgba(0, 0, 0, 0.54); padding: 7px 8px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head td { position: relative; border: none; padding: 8px 2px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-left: 8px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-right: 8px; } .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text { white-space: nowrap; padding: 6px 0; border: 1px solid transparent; color: rgba(0, 0, 0, 0.3); } .dx-pivotgrid .dx-group-connector { position: absolute; width: 2px; top: 50%; height: 2px; margin-top: -1px; background-color: #e0e0e0; } .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: rgba(0, 0, 0, 0.87); white-space: nowrap; border-left: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-area-tree-view .dx-total { border-bottom: none; } .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column { border-top: 1px solid transparent; background-color: rgba(221, 221, 221, 0.2); width: 24px; padding: 0; min-width: 24px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-expand-icon-container { width: 14px; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-total, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-area-description-cell { background-color: rgba(221, 221, 221, 0.2); } .dx-pivotgrid .dx-grandtotal { background-color: rgba(0, 0, 0, 0.04); } .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 #e0e0e0; } .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 #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header { border-top: 1px solid #e0e0e0; } .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td { display: inline-block; } .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-bottom: 1px solid #e0e0e0; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; margin-left: 5px; width: 14px; } .dx-pivotgrid .dx-popup-content { padding: 8px; } .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td { padding: 0 2px; } .dx-pivotgridfieldchooser .dx-area-fields { overflow: hidden; } .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon { margin-bottom: 1px; width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-treeview-search { margin: 5px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable, .dx-pivotgridfieldchooser .dx-area > .dx-treeview, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container { height: auto; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #e0e0e0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0; } .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(221, 221, 221, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #009688; } .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: 8px 2px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child { padding-right: 8px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child { padding-left: 8px; } .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 #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #e0e0e0; border-right: 0; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl.dx-pivotgrid .dx-expand-icon-container { margin-left: 0; margin-right: -5px; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl.dx-pivotgrid .dx-icon-sorted { margin-left: 0; margin-right: 5px; } .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell { border-right: 1px solid #e0e0e0; } .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 #e0e0e0; } .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-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box { background-color: rgba(224, 224, 224, 0.9); border: none; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { color: rgba(0, 0, 0, 0.54); background-color: #e0e0e0; border-radius: 16px; border: none; font-size: 12px; font-weight: 500; } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter { color: #009688; } .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty { color: rgba(0, 0, 0, 0.54); } .dx-pivotgrid { background-color: #fff; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data { font-size: 13px; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers { font-size: 12px; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td { font-weight: 500; } .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total { color: rgba(0, 0, 0, 0.87); } .dx-pivotgrid .dx-pivotgrid-area td { padding: 7px 8px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar { padding-left: 8px; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button { background-color: transparent; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-pivotgrid .dx-grandtotal.dx-last-cell { padding-left: 22px; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button { margin-top: 7px; background-color: transparent; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-pivotgrid .dx-expand-icon-container { margin: 0 10px 0 5px; font: 14px/1 DXIcons; font-size: 12px; } .dx-pivotgrid .dx-expand-icon-container:before { content: "\f010"; } .dx-pivotgrid .dx-expand-icon-container:before { visibility: hidden; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand { font: 14px/1 DXIcons; font-size: 20px; text-align: center; line-height: 20px; color: rgba(0, 0, 0, 0.54); } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before { content: "\f010"; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before { position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { font: 14px/1 DXIcons; font-size: 20px; text-align: center; line-height: 20px; color: rgba(0, 0, 0, 0.54); } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before { content: "\f016"; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before { position: absolute; display: block; width: 20px; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column { width: 19px; min-width: 19px; } .dx-pivotgridfieldchooser { background-color: #fff; } .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter { background: none; font: 14px/1 DXIcons; width: 14px; height: 14px; } .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter:before { content: "\f050"; } .dx-pivotgridfieldchooser .dx-area .dx-area-caption { text-transform: uppercase; font-size: 12px; font-weight: 500; color: rgba(0, 0, 0, 0.54); } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 8px; } .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container { padding-right: 8px; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf { padding-left: 0; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox { left: 8px; } .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf { padding-left: 16px; } .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox { left: 26px; } .dx-pivotgridfieldchooser .dx-treeview-item { min-height: 36px; padding: 9px 8px; line-height: normal; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox { top: 9px; } .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 31px; } .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility { height: 36px; } .dx-pivotgrid-fields-container .dx-position-indicator { background-color: gray; } .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer { border-bottom: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-pager, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-filter-panel { border-top: 1px solid #e0e0e0; } .dx-treelist-borders > .dx-treelist-filter-panel { border-top-width: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview { border-color: rgba(0, 150, 136, 0.5); cursor: pointer; cursor: -webkit-grabbing; cursor: grabbing; } .dx-treelist .dx-column-lines > td:first-child { border-left: none; } .dx-treelist .dx-column-lines > td:last-child { border-right: none; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon { font: 14px/1 DXIcons; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon:before { content: "\f038"; } .dx-treelist-container { color: rgba(0, 0, 0, 0.87); background-color: #fff; } .dx-treelist-container .dx-sort-up { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-up:before { content: "\f051"; } .dx-treelist-container .dx-sort-down { font: 14px/1 DXIcons; } .dx-treelist-container .dx-sort-down:before { content: "\f052"; } .dx-treelist-container .dx-sort-down, .dx-treelist-container .dx-sort-up { font-family: inherit; } .dx-treelist-container .dx-sort-down:before, .dx-treelist-container .dx-sort-up:before { font-family: 'DXIcons', sans-serif; } .dx-treelist-container .dx-treelist-headers .dx-header-row > td, .dx-treelist-container .dx-treelist-headers .dx-header-filter { outline: none; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus, .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline: 2px solid #009688; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus { outline-offset: -2px; } .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus { outline-offset: 2px; } .dx-treelist-container .dx-header-filter { position: relative; color: rgba(0, 0, 0, 0.54); font: 14px/1 DXIcons; } .dx-treelist-container .dx-header-filter:before { content: "\f050"; } .dx-treelist-container .dx-header-filter-empty { color: rgba(0, 0, 0, 0.38); } .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed { background-color: #fff; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-left: none; } .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-right: none; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus { outline: 2px solid #009688; outline-offset: 2px; } .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus { outline-color: #fff; outline-offset: 0; } .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form { background-color: #fff; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td { position: relative; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before { display: block; height: 100%; content: ''; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC"); background-repeat: no-repeat repeat; } .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .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: #fff; padding: 0; } .dx-treelist-container .dx-error-row .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; } .dx-treelist-filter-panel { color: rgba(0, 0, 0, 0.87); border-top: 1px solid #e0e0e0; } .dx-treelist-filter-panel .dx-icon-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter { outline: none; } .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus { outline: 2px solid #009688; } .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: normal; font-size: 13px; font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-treelist-column-chooser input, .dx-treelist-column-chooser textarea { font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif; line-height: 1.2857; } .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; } .dx-treelist-adaptive-more { cursor: pointer; font: 14px/1 DXIcons; width: 21px; height: 21px; background-position: 0px 0px; background-size: 21px 21px; padding: 0px; font-size: 21px; text-align: center; line-height: 21px; } .dx-treelist-adaptive-more:before { content: "\f06c"; } .dx-treelist-edit-popup .dx-error-message { background-color: #f88e86; white-space: normal; word-wrap: break-word; color: #fff; margin-bottom: 20px; } .dx-rtl.dx-treelist .dx-column-lines > td:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl.dx-treelist .dx-column-lines > td:last-child { border-left: none; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell { border-right: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell { border-left: none; } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before { -webkit-transform: scale(1); transform: scale(1); } .dx-rtl .dx-treelist-form-buttons-container { float: left; } .dx-rtl .dx-treelist-form-buttons-container .dx-button { margin-left: 0; margin-right: 10px; } .dx-treelist-cell-updated-animation { -webkit-animation: dx-treelist-highlight-change 1s; animation: dx-treelist-highlight-change 1s; } @-webkit-keyframes dx-treelist-highlight-change { from { background-color: rgba(0, 0, 0, 0.08); } 50% { background-color: rgba(0, 0, 0, 0.08); } } @keyframes dx-treelist-highlight-change { from { background-color: rgba(0, 0, 0, 0.08); } 50% { background-color: rgba(0, 0, 0, 0.08); } } .dx-treelist .dx-menu, .dx-treelist-container .dx-menu { background-color: transparent; height: 100%; } .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content, .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content { padding: 8px 4px; } .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon, .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin: 0 3px; } .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon, .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-treelist .dx-editor-with-menu, .dx-treelist-container .dx-editor-with-menu { height: 36px; } .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon, .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-treelist .dx-menu-item-has-icon .dx-icon, .dx-treelist-container .dx-menu-item-has-icon .dx-icon { color: rgba(86, 86, 86, 0.54); } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053"; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054"; } .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none, .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none { width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist .dx-sort-up, .dx-treelist-container .dx-sort-up, .dx-treelist .dx-sort-down, .dx-treelist-container .dx-sort-down, .dx-treelist .dx-header-filter, .dx-treelist-container .dx-header-filter { width: 15px; height: 15px; background-position: 0px 0px; background-size: 15px 15px; padding: 0px; font-size: 15px; text-align: center; line-height: 15px; } .dx-treelist .dx-header-filter:not(.dx-header-filter-empty), .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) { color: #009688; } .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-icon-filter-operation-between, .dx-treelist-container .dx-icon-filter-operation-between { font: 14px/1 DXIcons; } .dx-treelist .dx-icon-filter-operation-between:before, .dx-treelist-container .dx-icon-filter-operation-between:before { content: "\f06a"; } .dx-treelist .dx-column-indicators, .dx-treelist-container .dx-column-indicators { height: 16px; } .dx-treelist .dx-column-indicators .dx-sort-index-icon, .dx-treelist-container .dx-column-indicators .dx-sort-index-icon { padding-right: 4px; margin-left: -1px; font-size: 11px; position: relative; bottom: 1px; } .dx-treelist .dx-column-indicators > div, .dx-treelist-container .dx-column-indicators > div { width: 15px; height: 15px; background-position: 0px 0px; background-size: 15px 15px; padding: 0px; font-size: 15px; text-align: center; line-height: 15px; } .dx-treelist .dx-placeholder:before, .dx-treelist-container .dx-placeholder:before { font-size: 13px; } .dx-treelist { line-height: inherit; } .dx-treelist .dx-row-alt > td { background-color: #f5f5f5; } .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-treelist .dx-link { color: #009688; } .dx-treelist .dx-row-lines > td { border-bottom: 1px solid #e0e0e0; } .dx-treelist .dx-column-lines > td { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-treelist .dx-error-row .dx-closebutton { float: right; margin: 12px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0px 0px; background-size: 14px 14px; padding: 0px; font-size: 14px; text-align: center; line-height: 14px; } .dx-treelist .dx-error-row .dx-closebutton:before { content: "\f00a"; } .dx-treelist .dx-error-row .dx-error-message { padding: 10px; padding-right: 35px; } .dx-treelist .dx-row > td { padding-top: 10px; padding-bottom: 10px; font-size: 13px; line-height: 16px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content), .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) { padding-right: 10px; padding-left: 10px; vertical-align: middle; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type { padding-left: 10px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type { padding-right: 10px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select { overflow: visible; width: 26px; min-width: 26px; padding-left: 10px; padding-right: 0px; line-height: 1; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit { width: 105px; min-width: 105px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons { width: 80px; min-width: 80px; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link { width: 16px; height: 16px; background-position: 0px 0px; background-size: 16px 16px; padding: 0px; font-size: 16px; text-align: center; line-height: 16px; margin: 0 2px; vertical-align: middle; } .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-expand, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-expand, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td .dx-treelist-group-space, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-treelist-group-space, .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) .dx-treelist-group-space { width: 18px; min-width: 18px; padding: 0 4px 0 8px; line-height: 0; } .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before { background-position-y: 49px; } .dx-treelist .dx-command-drag { width: 38px; min-width: 38px; } .dx-treelist .dx-command-drag .dx-treelist-drag-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-edit-popup .dx-error-message { padding: 10px 10px; } .dx-treelist-headers .dx-texteditor-input, .dx-treelist-rowsview .dx-texteditor-input { min-height: 16px; } .dx-treelist-headers .dx-lookup, .dx-treelist-rowsview .dx-lookup { height: auto; } .dx-treelist-headers .dx-lookup-field, .dx-treelist-rowsview .dx-lookup-field { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input { padding-right: 27px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input { padding-right: 27px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input, .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input { padding-right: 0; padding-left: 27px; } .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input, .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input { padding-right: 0; } .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before { padding-left: 16px; } .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before { padding-right: 16px; } .dx-editor-cell { padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-icon-clear { left: 0; } .dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor.dx-state-hover, .dx-editor-cell .dx-texteditor.dx-state-focused, .dx-editor-cell .dx-texteditor.dx-state-active { background: rgba(255, 255, 255, 0); -webkit-box-shadow: none; box-shadow: none; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { background: rgba(255, 255, 255, 0); font-size: 13px; height: 36px; line-height: 36px; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; } .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { right: 0; } .dx-editor-cell .dx-texteditor:after, .dx-editor-cell .dx-texteditor:before { content: none; } .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container { left: 0; } .dx-editor-cell .dx-dropdowneditor { background-color: rgba(255, 255, 255, 0); } .dx-editor-cell.dx-focused .dx-dropdowneditor-icon { border-radius: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { padding-top: 10px; padding-bottom: 10px; } .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message, .dx-treelist-column-chooser-list .dx-empty-message { color: rgba(102, 102, 102, 0.87); padding: 0 8px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content { padding: 8px 8px 8px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search { margin-bottom: 10px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node { padding-left: 20px; } .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content { padding: 8px 8px 8px; } .dx-treelist-column-chooser .dx-overlay-content { background-color: #fff; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; border-bottom: 1px solid #e0e0e0; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin: 2px 2px 8px 2px; background-color: #fff; color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: 12px; padding: 10px; line-height: 16px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-treelist-drag-header { border-color: rgba(0, 150, 136, 0.5); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.54); font-weight: 500; padding: 12px; background-color: #fff; line-height: 16px; font-size: 12px; } .dx-treelist-columns-separator { background-color: rgba(0, 150, 136, 0.5); } .dx-treelist-columns-separator-transparent { background-color: transparent; } .dx-treelist-drop-highlight > td { background-color: #009688; color: #fff; } .dx-treelist-drop-highlight > td .dx-header-filter { color: #fff; } .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon { background-color: #fff; color: #009688; } .dx-treelist-focus-overlay:after { content: ""; position: absolute; bottom: 0; height: 2px; background-color: #009688; left: 0; right: 1px; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) { background-color: rgba(0, 0, 0, 0.04); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td { color: rgba(0, 0, 0, 0.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none { background-color: transparent; } .dx-treelist-headers { color: rgba(0, 0, 0, 0.54); -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; border-bottom: 1px solid #e0e0e0; } .dx-treelist-headers .dx-treelist-content { margin-bottom: -1px; } .dx-treelist-borders .dx-treelist-headers .dx-treelist-table { border-bottom-width: 1px; } .dx-treelist-headers .dx-treelist-table .dx-row > td { border-bottom: 1px solid #e0e0e0; padding-top: 12px; padding-bottom: 12px; line-height: 16px; font-weight: 500; font-size: 12px; } .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator, .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort { color: rgba(0, 0, 0, 0.87); } .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content { color: rgba(0, 0, 0, 0.87); } .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort { color: rgba(0, 0, 0, 0.38); } .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) { background-color: rgba(0, 0, 0, 0.04); } .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select { padding-bottom: 12px; } .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row > td { padding-top: 12px; padding-bottom: 12px; vertical-align: bottom; border-right: 1px solid #e0e0e0; } .dx-treelist-filter-row { background-color: #fafafa; } .dx-treelist-filter-row .dx-menu { left: -8px; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container { height: 100%; top: 2px; position: absolute; } .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper { height: 100%; } .dx-treelist-filter-row .dx-menu .dx-overlay-content { color: rgba(117, 117, 117, 0.87); } .dx-treelist-filter-row .dx-filter-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content { padding: 10px 0 10px 22px; } .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td { padding-top: 0; padding-bottom: 0; } .dx-treelist-filter-range-overlay .dx-overlay-content { overflow: inherit; background-color: #fafafa; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2); } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after, .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after { top: auto; bottom: 0; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input { font-size: 13px; height: 37px; padding-right: 8px; padding-left: 8px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before { padding-left: 8px; } .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper { display: none; } .dx-highlight-outline { padding: 10px 0 10px 0; overflow: hidden; text-overflow: ellipsis; } .dx-treelist-header-panel { border-bottom: 1px solid #e0e0e0; padding: 0 10px 0 10px; background-color: #fff; } .dx-treelist-header-panel .dx-apply-button { background-color: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button .dx-icon { color: #fff; } .dx-treelist-header-panel .dx-apply-button.dx-state-hover { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-focused { background-color: rgba(139, 195, 74, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-active { background-color: rgba(139, 195, 74, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon { border-radius: 50%; } .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon { color: rgba(0, 0, 0, 0.87); } .dx-icon-column-chooser { font: 14px/1 DXIcons; } .dx-icon-column-chooser:before { content: "\f04d"; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b"; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c"; } .dx-treelist-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-save-button .dx-icon-edit-button-save:before { content: "\f041"; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050"; } .dx-treelist-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-export-button .dx-icon-export-to:before { content: "\f05f"; } .dx-treelist-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-export-button .dx-icon-export-excel-button:before { content: "\f117"; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-treelist-adaptive-more { vertical-align: middle; width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; color: rgba(0, 0, 0, 0.54); } .dx-row.dx-row-focused .dx-treelist-adaptive-more { color: inherit; } .dx-treelist-rowsview { border-top: 1px solid #e0e0e0; } .dx-treelist-headers + .dx-treelist-rowsview { border-top: none; } .dx-treelist-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td { border-top-width: 0; border-bottom: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-row.dx-edit-row > td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .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 #e0e0e0; border-bottom: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space, .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell { background-color: #fafafa; } .dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified, .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid, .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid { background-color: rgba(244, 67, 54, 0.32); } .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content { padding: 9px 17px 9px; background-color: #F44336; color: #fff; } .dx-treelist-rowsview .dx-row-removed > td { background-color: rgba(139, 195, 74, 0.32); border-top: 1px solid rgba(139, 195, 74, 0.32); border-bottom: 1px solid rgba(139, 195, 74, 0.32); } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label { padding-top: 0; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content { line-height: 26px; min-height: 26px; font-size: 13px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused { padding: 0; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input { padding-left: 10px; padding-right: 10px; font-size: 13px; height: 26px; line-height: 26px; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:after, .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:before { content: none; } .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined { -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-rowsview .dx-item-modified { background-color: rgba(139, 195, 74, 0.32); } .dx-treelist-rowsview .dx-row-focused:focus { outline: none; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link { background-color: #009688; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-closed { color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus { background-color: #fff; color: #009688; } .dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td { border-bottom: 1px solid #009688; } .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td { border-top: 1px solid #009688; border-bottom: 1px solid #009688; } .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select), .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) { background-color: #fff; color: rgba(0, 0, 0, 0.87); } .dx-treelist-rowsview .dx-row-focused.dx-group-row { background-color: #009688; color: #fff; } .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed { color: #fff; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td { background-color: rgba(0, 150, 136, 0.04); color: rgba(0, 0, 0, 0.87); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space { border-right-color: rgba(0, 150, 136, 0.04); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; border-right-color: #e0e0e0; } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td { border-bottom: 1px solid rgba(0, 150, 136, 0.04); border-top: 1px solid rgba(0, 150, 136, 0.04); } .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td { border-bottom-color: #e0e0e0; } .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-right: 0; } .dx-treelist-search-text { color: #fff; background-color: #009688; } .dx-treelist-nodata { color: rgba(102, 102, 102, 0.87); font-size: 14px; } .dx-treelist-bottom-load-panel { border-top: 1px solid #e0e0e0; } .dx-treelist-pager.dx-widget { font-size: 12px; color: rgba(0, 0, 0, 0.54); } .dx-treelist-summary-item { color: rgba(0, 0, 0, 0.7); } .dx-treelist-total-footer { border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-treelist-total-footer > .dx-treelist-content { padding: 0; } .dx-treelist-revert-tooltip .dx-overlay-content { background-color: transparent; min-width: inherit; } .dx-treelist-revert-tooltip .dx-revert-button { border-radius: 2px; background-color: #F44336; color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); margin: 0 0 0 1px; height: 36px; -webkit-box-shadow: none; box-shadow: none; min-width: inherit; } .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content { padding: 2px; } .dx-treelist-revert-tooltip .dx-revert-button .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon, .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-left: 0; margin-right: 0; } .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right, .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right { margin-right: 0; margin-left: 0; } .dx-treelist-revert-tooltip .dx-revert-button .dx-icon { color: #fff; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover { background-color: #F44336; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused { background-color: #F44336; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32); } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active { background-color: #F44336; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32); } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled { background: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave { background-color: rgba(255, 255, 255, 0.2); } .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover { -webkit-box-shadow: none; box-shadow: none; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space { border-left-color: rgba(0, 0, 0, 0.04); border-right-color: transparent; } .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon, .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type { padding-left: 10px; padding-right: 10px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type { padding-right: 10px; padding-left: 10px; } .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select, .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select { padding-right: 10px; padding-left: 0px; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td { border-right-color: #e0e0e0; } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space { border-left-color: rgba(0, 150, 136, 0.04); } .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none { border-left-color: #e0e0e0; } .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content { padding-left: 0; } .dx-header-filter-menu .dx-popup-content { padding: 12px 8px 0 8px; border-bottom: 1px solid #e0e0e0; } .dx-treelist-form-buttons-container .dx-button { background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button .dx-icon { color: #009688; } .dx-treelist-form-buttons-container .dx-button.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-command-adaptive { width: 38px; min-width: 38px; } .dx-treelist-filter-panel { padding: 15px 10px 15px 10px; } .dx-treelist-filter-panel .dx-treelist-filter-panel-text, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter { color: #009688; font-size: 13px; line-height: 16px; } .dx-treelist-filter-panel .dx-icon-filter { color: #009688; } .dx-treelist-filter-panel + .dx-pager { border-top: 1px solid #e0e0e0; } .dx-treelist-rowsview .dx-treelist-empty-space { position: relative; top: -2px; display: inline-block; font: 14px/1 DXIcons; width: 24px; } .dx-treelist-rowsview .dx-treelist-empty-space:before { content: "\f014"; } .dx-treelist-rowsview .dx-treelist-empty-space:before { visibility: hidden; } .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space { color: rgba(98, 98, 98, 0.54); } .dx-treelist-rowsview .dx-treelist-expanded span { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-expanded span:before { content: "\f016"; } .dx-treelist-rowsview .dx-treelist-expanded span:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-treelist-rowsview .dx-treelist-expanded span:before { left: 0; margin-left: -5px; margin-top: -9px; } .dx-treelist-rowsview .dx-treelist-collapsed span { font: 14px/1 DXIcons; font-size: 18px; text-align: center; line-height: 18px; cursor: pointer; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { content: "\f010"; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-treelist-rowsview .dx-treelist-collapsed span:before { left: 0; margin-left: -6px; margin-top: -9px; } .dx-treelist-rowsview .dx-sort-up, .dx-treelist-rowsview .dx-sort-down, .dx-treelist-rowsview .dx-header-filter { vertical-align: middle; } .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space { color: rgba(98, 98, 98, 0.54); } .dx-treelist-rowsview .dx-treelist-cell-expandable { white-space: nowrap; } .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: normal; } .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content { white-space: nowrap; } .dx-treelist-checkbox-size { line-height: 0; } .dx-treelist-cell-expandable .dx-checkbox, .dx-treelist-select-all .dx-checkbox { position: absolute; } .dx-treelist-icon-container { max-height: 16px; } .dx-treelist-icon-container.dx-editor-inline-block { position: relative; padding-right: 26px; } .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox { top: 50%; margin-top: -8px; } .dx-treelist-select-all { position: relative; } .dx-treelist-select-all .dx-checkbox { left: 34px; top: 12px; } .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all { padding-left: 60px; } .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded, .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container { float: right; } .dx-rtl .dx-treelist-select-all .dx-checkbox { left: calc(100% - 50px); } .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all { padding-right: 60px; padding-left: 10px; } .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block { padding-left: 26px; padding-right: 0; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0 7px; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border: none; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; border: 3px dashed #e0e0e0; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 14px 3px; margin-bottom: 1px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-fileuploader-dragover .dx-fileuploader-input-label { padding: 14px 9px; } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: rgba(102, 102, 102, 0.87); } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 7.75px 9px; color: rgba(0, 0, 0, 0.87); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-show-file-list .dx-fileuploader-files-container { padding: 14px 3px 0; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-invalid .dx-fileuploader-files-container { padding-top: 50px; } .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content { padding: 0; } .dx-fileuploader-files-container .dx-fileuploader-file-container { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); padding: 2px 4px; margin-bottom: 4px; } .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button { margin-right: 6px; } .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button { margin-left: 6px; margin-right: 0; } .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button { height: 28px; width: 28px; margin-right: 2px; } .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button { margin-left: 2px; margin-right: 0; } .dx-fileuploader-file { padding-top: 5px; line-height: 13px; } .dx-fileuploader-file-name { padding-bottom: 3.5px; color: rgba(0, 0, 0, 0.87); font-weight: 500; } .dx-fileuploader-file-size { padding-bottom: 3.5px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message { color: #F44336; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child { margin-top: 2px; } .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child { margin-bottom: 2px; } .dx-fileuploader-invalid .dx-fileuploader-button-container { vertical-align: middle; } .dx-fileuploader-invalid .dx-fileuploader-cancel-button { margin-top: 0; } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body, .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body { background: #009688; } .dx-scheduler-win-no-touch .dx-scheduler-appointment { -ms-touch-action: none; touch-action: none; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-selectbox-month-of-year, .dx-recurrence-numberbox-repeat-count, .dx-recurrence-datebox-until-date { float: left; position: relative !important; } .dx-recurrence-numberbox-interval.dx-rtl, .dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-recurrence-datebox-until-date.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-recurrence-repeat-end-wrapper { padding: 0 5px; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 0 5px; vertical-align: top; } .dx-recurrence-repeat-end-label { float: left; width: auto; white-space: nowrap; line-height: 36px; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item { padding-bottom: 10px; } .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label { float: right; } .dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-recurrence-editor-container .dx-field-value-static { width: 100%; } .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox { float: left; } .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl { float: right; } .dx-recurrence-editor-container .dx-field-label { width: auto; float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value { width: 100%; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field { display: block; margin-bottom: 2px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on { display: block; padding-top: 5px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label { padding-top: 10px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label { padding-bottom: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type { left: 0; position: inherit; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label { padding-top: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label { padding-bottom: 2px; padding-top: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field { margin-bottom: 0; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field { padding-top: 0; position: static; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type { margin-top: 0; } .dx-scheduler-recurrence-rule-item.dx-field-item { border-top: 1px solid #e0e0e0; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label { left: -90px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type { left: -88px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child { padding-top: 7px; } .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week { padding-top: 7px; padding-bottom: 7px; } .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field { padding-top: 10px; } .dx-recurrence-editor-container { position: relative; margin-bottom: 21px; padding-top: 17px; } .dx-recurrence-editor-container .dx-recurrence-interval-field { margin-bottom: 20px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type { top: 10px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container { margin: 0; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on { margin-bottom: 10px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label { line-height: 40px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label, .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container { padding-top: 0; line-height: 38px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-datebox-until-date { margin-left: 23px; } .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-repeat-count { margin-left: 11px; } .dx-scheduler-pseudo-cell:before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-pseudo-cell:before { width: 32.5px; } .dx-scheduler-fixed-appointments { z-index: 100; position: absolute; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; } .dx-scheduler-navigator { float: left; padding-left: 10px; white-space: nowrap; min-width: 180px; max-width: 40%; } .dx-device-mobile .dx-scheduler-navigator { padding-left: 5px; } .dx-scheduler-navigator-caption { width: 180px; min-width: 108px; max-width: 80%; } .dx-device-mobile .dx-scheduler-navigator-caption { width: 140px; } .dx-calendar.dx-scheduler-navigator-calendar { width: 100%; height: 100%; } .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .dx-scheduler-view-switcher.dx-tabs { max-width: 52%; min-width: 72px; width: auto; float: right; height: 100%; border: none; } .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs { display: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper { border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-bottom: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button { position: absolute; right: 10px; } .dx-scheduler-view-switcher-label { position: absolute; } .dx-scheduler-view-switcher-reduced { table-layout: auto; } .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab { width: auto; height: 56px; } .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper { height: 56px; } .dx-scheduler-appointment-content-allday { display: none; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { color: #009688; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { position: absolute; top: 37px; right: 0; width: 100%; height: 2px; content: ''; background-color: #EB5757; } .dx-scheduler-date-time-shader-all-day { margin-left: 65px; width: 100%; background-color: rgba(0, 0, 0, 0.03); position: absolute; pointer-events: none; } .dx-scheduler-date-time-indicator { background-color: #EB5757; position: absolute; pointer-events: none; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); } .dx-scheduler-date-time-indicator:before { font-size: 30px; color: #EB5757; position: absolute; z-index: 1000; margin-top: -14px; margin-left: -12px; text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0; } .dx-scheduler-date-time-shader { pointer-events: none; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator { margin-left: 65px; height: 1px; font: 14px/1 DXIcons; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before { content: "\f04e"; } .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator { margin-left: 32.5px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader { margin-left: 65px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before { width: inherit; height: inherit; content: ""; left: inherit; position: absolute; margin-left: 65px; background-color: rgba(0, 0, 0, 0.03); } .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day { margin-left: 0; } .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before { margin-left: 0; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator { margin-left: 0; font: 14px/1 DXIcons; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before { content: "\f04f"; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before { margin-right: -12px; } .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before { margin-left: 0; } .dx-scheduler-timeline-week .dx-scheduler-header-panel, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel, .dx-scheduler-timeline-month .dx-scheduler-header-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead, .dx-scheduler-timeline-month .dx-scheduler-header-panel thead { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; } .dx-scheduler-timeline-week .dx-scheduler-header-row, .dx-scheduler-timeline-work-week .dx-scheduler-header-row, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row, .dx-scheduler-timeline-month .dx-scheduler-header-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; } .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator { width: 1px; top: 0; font: 14px/1 DXIcons; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before { content: "\f001"; } .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before { margin-left: -14px; margin-top: -12px; } .dx-scheduler-timeline .dx-scheduler-date-time-shader { height: 100%; position: absolute; } .dx-scheduler-timeline .dx-scheduler-date-time-shader:before { width: inherit; height: 100%; content: ""; left: 0; position: absolute; background-color: rgba(0, 0, 0, 0.03); } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell { border-bottom: 2px solid #EB5757; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { content: none; } .dx-scheduler-work-space { border: 1px solid #e0e0e0; background-color: #fff; position: relative; display: inline-block; overflow: hidden; height: 100%; width: 100%; border-top: none; float: left; } .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom: 2px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-date-table-scrollable .dx-scrollable-content { overflow: hidden; position: relative; } .dx-scheduler-date-table-cell { border-top: 1px solid #e0e0e0; height: 50px; } .dx-scheduler-date-table-cell > div, .dx-scheduler-all-day-table-cell > div { pointer-events: none; } .dx-scheduler-date-table-cell, .dx-scheduler-header-panel-cell, .dx-scheduler-time-panel-cell, .dx-scheduler-group-header { -webkit-user-select: none; -moz-user-select: none; -ms-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-group-flex-container { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-scheduler-group-flex-container .dx-scheduler-group-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .dx-scheduler-group-flex-container .dx-scheduler-group-row:before { display: none; } .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 5px; height: auto; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; border: none; border-top: 1px solid #e0e0e0; } .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header > div { overflow: hidden; text-overflow: ellipsis; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after { background-color: #e0e0e0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell { border-top: none; border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-scrollable-fixed-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-title { display: none; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: auto; vertical-align: top; text-align: right; font-size: 16px; color: rgba(0, 0, 0, 0.54); } .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-work-space-count .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month { color: #009688; background-color: rgba(0, 150, 136, 0.15); font-weight: bold; } .dx-scheduler-work-space-month .dx-scheduler-all-day-panel, .dx-scheduler-timeline .dx-scheduler-all-day-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-title, .dx-scheduler-timeline .dx-scheduler-all-day-title { display: none; } .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-timeline .dx-scheduler-header-row:before, .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: none; } .dx-scheduler-timeline .dx-scheduler-date-table { border-spacing: 0; border-collapse: separate; margin-left: 0; } .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline .dx-scheduler-date-table-cell { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table-cell { border-right: none; } .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table { display: none; } .dx-scheduler-timeline .dx-scheduler-date-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-date-table tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; min-height: 100px; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; height: inherit; } .dx-scheduler-timeline .dx-scheduler-group-table { border-spacing: 0; border-collapse: separate; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-timeline .dx-scheduler-group-table tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; } .dx-scheduler-timeline .dx-scheduler-group-header-content { overflow: visible; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .dx-scheduler-timeline .dx-scheduler-group-header-content div { white-space: normal; line-height: normal; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { width: 200px; } .dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table { height: 100%; min-height: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table { height: auto; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top-color: transparent; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { border-bottom: 1px solid #e0e0e0; } .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 #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header { border: none; border-top: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child { border-right: none; border-left: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before { width: 100px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content { height: 100%; width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-left: 100px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable { margin-right: 100px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before { width: 160px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content { height: 100%; width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-left: 160px; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable { margin-right: 160px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='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: 240px; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content { height: 100%; width: 100%; } .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable { margin-left: 240px; } .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: 240px; margin-left: 0; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header { border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell { border-right: 1px solid #e0e0e0; } .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { top: 0; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 121px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 151px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 181px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before { height: 91px; margin-top: -91px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell, .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-left: none; } .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: 1px solid #e0e0e0; } .dx-scheduler-header-panel { border-spacing: 0; table-layout: fixed; margin-top: 10px; width: 100%; font-size: 20px; } .dx-scheduler-all-day-title-hidden { display: none; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden { display: block; background-color: transparent; color: transparent; border-left: none; border-right: none; border-bottom: none; height: 0; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 11px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 10px; margin-bottom: -10px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 65px; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable { margin-left: 32.5px; } .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 #e0e0e0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { content: ""; position: absolute; left: 0; width: 65px; border-right: 1px solid #e0e0e0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { width: 32.5px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { float: none; margin-left: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable { float: left; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 65px; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 32.5px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-right: 1px solid #e0e0e0; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel { width: 100%; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 65px; padding: 0; } .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 32.5px; } .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 65px 0 0; } .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 32.5px 0 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 156px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 186px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 216px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 106px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 136px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 166px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 76px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 116px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 146px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 176px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 86px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 66px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 96px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 126px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 36px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable { margin: 0; padding: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable { margin-left: 0; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child { border-left: none; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments { top: 0; } .dx-scheduler-header-panel-cell { position: relative; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; color: rgba(0, 0, 0, 0.54); padding: 0; vertical-align: middle; height: 40px; text-align: center; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-group-row:before, .dx-scheduler-header-row:before, .dx-scheduler-all-day-table-row:before { content: ""; width: 65px; 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: 32.5px; } .dx-scheduler-all-day-panel { width: 100%; } .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell { border-bottom: 2px solid #e0e0e0; } .dx-scheduler-all-day-title { color: rgba(0, 0, 0, 0.54); width: 65px; height: 75px; position: absolute; line-height: 75px; text-align: center; border-bottom: 2px solid #e0e0e0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-scheduler-small .dx-scheduler-all-day-title { width: 32.5px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 25px; line-height: 25px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title { height: 50px; line-height: 50px; } .dx-scheduler-all-day-table { border-spacing: 0; table-layout: fixed; width: 100%; } .dx-scheduler-all-day-table { height: 75px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 25px; } .dx-scheduler-group-header { height: 30px; text-align: center; } .dx-scheduler-time-panel { float: left; width: 65px; border-collapse: collapse; font-size: 20px; } .dx-scheduler-small .dx-scheduler-time-panel { width: 32.5px; font-size: 14px; } .dx-scheduler-time-panel-cell { color: rgba(0, 0, 0, 0.54); position: relative; width: 100%; text-align: right; vertical-align: top; height: 50px; padding-right: 20px; border-bottom: 1px solid transparent; } .dx-scheduler-time-panel-cell > div { margin-top: -13px; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div { margin-top: 0; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 10%; height: 1px; content: ''; right: 0; background-color: #e0e0e0; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell { color: #009688; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before { position: absolute; top: 0; right: 0; width: 2px; height: inherit; content: ''; background-color: #EB5757; } .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-date-table { width: 100%; border-spacing: 0; table-layout: fixed; float: left; margin-left: -65px; } .dx-scheduler-small .dx-scheduler-date-table { margin-left: -32.5px; } .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before { width: 32.5px; } .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #e0e0e0; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(0, 0, 0, 0.54); } .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: rgba(0, 150, 136, 0.12); } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: rgba(0, 150, 136, 0.12); opacity: 1; } .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { -webkit-box-shadow: inset 0 0 0 1px #009688; box-shadow: inset 0 0 0 1px #009688; } .dx-scheduler-date-table-droppable-cell { background-color: #f2f2f2; } .dx-scheduler-scrollable-appointments { position: absolute; top: 0; } .dx-scheduler-appointment { border-bottom: 1px solid transparent; background-clip: padding-box; position: absolute; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #009688; color: #fff; -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3); left: 0; min-width: 4px; min-height: 4px; } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing { -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-focused { -webkit-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); opacity: 0.98; } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top { height: 5px; } .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left { width: 5px; } .dx-scheduler-appointment.dx-draggable-dragging { position: fixed; top: 0; left: 0; -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; opacity: 0.7; } .dx-scheduler-appointment .dx-resizable-handle-left { left: -1px; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before { content: "\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: 0.6; } .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content { padding-right: 40px; } .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon { top: 9px; } .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { top: calc(35% - 3px); right: 20px; } .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-rtl .dx-scheduler-all-day-appointment { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-resizable-resizing { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-all-day-appointment.dx-state-focused { -webkit-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); opacity: 0.98; } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover { -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3); } .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-all-day-appointment.dx-draggable-dragging { -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2); box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2); } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon { position: absolute; top: 15%; } .dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-group-header-content div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; top: 3px; right: 5px; display: none; } .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat { font-size: 18px; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon { display: block; } .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 25px 5px 7px; } .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content { padding: 5px 7px 5px 25px; } .dx-scheduler-appointment-content { padding: 5px 7px; cursor: pointer; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.99; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content { font-size: 12px; } .dx-scheduler-appointment-content > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-empty .dx-scheduler-appointment-title, .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon { display: none; } .dx-scheduler-appointment-content-details { font-size: 11px; white-space: pre; overflow: hidden; } .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-content-date { opacity: 0.7; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch, .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox { margin: 0; } .dx-scheduler-appointment-popup .dx-field-item-label-location-left { padding-right: 20px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item { padding-top: 13px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label { float: none; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count { float: left; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child { padding-top: 7px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label, .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label { position: absolute; left: -90px; padding-right: 10px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type { position: relative; left: -88px; top: 13px; } .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value { display: inline-block; } .dx-scheduler-appointment-popup .dx-field { min-height: 0; } .dx-scheduler-appointment-popup .dx-field-label { width: auto; } .dx-scheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox { float: left; } .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl { float: right; } .dx-scheduler-appointment-collector { background-color: #009688; color: #fff; } .dx-scheduler-appointment-collector.dx-button, .dx-scheduler-appointment-collector.dx-button.dx-state-hover, .dx-scheduler-appointment-collector.dx-button.dx-state-active, .dx-scheduler-appointment-collector.dx-button.dx-state-focused { background-color: #009688; color: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-appointment-collector.dx-button .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content { line-height: inherit; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before { pointer-events: none; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0.98; } .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content { color: #fff; opacity: 0.99; } .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child { padding-left: 0; } .dx-scheduler-agenda .dx-scheduler-date-table-scrollable { margin-top: 10px; } .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 30px; margin-bottom: -30px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 60px; margin-bottom: -60px; } .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 90px; margin-bottom: -90px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 75px; margin-bottom: -75px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 105px; margin-bottom: -105px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 135px; margin-bottom: -135px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 165px; margin-bottom: -165px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 25px; margin-bottom: -25px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 55px; margin-bottom: -55px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-left: 65px; width: 100%; height: 0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-left: 32.5px; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl { padding-left: 0; padding-right: 32.5px; } .dx-scheduler-agenda .dx-scheduler-appointment { position: relative; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-agenda .dx-scheduler-time-panel { margin-top: 0; } .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 0; padding-bottom: 0; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell { vertical-align: top; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-agenda .dx-scheduler-group-table { border-spacing: 0; margin-top: 0; height: 100%; float: left; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell, .dx-scheduler-agenda .dx-scheduler-date-table-cell { border: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: right; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before { border-bottom: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after { display: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row { border-bottom: 1px solid #e0e0e0; } .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: 145px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 72.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 145px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-right: 72.5px; } .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: 225px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 112.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 225px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-right: 112.5px; } .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: 305px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 152.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 305px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-right: 152.5px; } .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 #e0e0e0; } .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content { width: 38px; } .dx-scheduler-agenda .dx-scheduler-group-header-content div { white-space: normal; } .dx-scheduler-agenda .dx-scheduler-appointment-content { font-size: 16px; } .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday { opacity: 1; font-weight: bold; font-size: 13px; margin-top: 4px; } .dx-scheduler-agenda .dx-scheduler-appointment-content-allday { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday { padding-right: 0; padding-left: 5px; } .dx-scheduler-agenda-nodata { text-align: center; font-size: 20px; opacity: 0.5; position: absolute; top: 45%; left: 0; right: 0; } .dx-timezone-editor { overflow: hidden; } .dx-timezone-editor .dx-timezone-display-name { float: left; width: 75%; } .dx-timezone-editor .dx-timezone-iana-id { float: right; width: 23%; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 90px; margin-bottom: 90px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 130px; margin-bottom: 130px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 170px; margin-bottom: 170px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable { padding-bottom: 210px; margin-bottom: 210px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable { display: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable { margin-left: 0 !important; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content { height: 40px; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 130px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -130px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 131px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 131px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 131px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 131px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -162.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 162.5px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -162.5px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 162.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 163.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 163.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 163.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 163.5px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -195px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 195px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -195px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 195px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 196px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 196px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 196px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 196px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 130px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table { float: left; height: 100%; min-height: 100px; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-spacing: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 0; position: relative; height: 50px !important; line-height: 50px !important; border-bottom: none; border-right: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel { display: table-cell; position: relative; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before { content: ""; width: 65px; display: table-cell; } .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before { width: 32.5px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row { height: 50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div { margin-top: 0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell { border-bottom: none; -webkit-box-shadow: inset 0 -1px 0 #e0e0e0; box-shadow: inset 0 -1px 0 #e0e0e0; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell { border-bottom: 2px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 111px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 141px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 51px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { display: block; float: left; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header { -webkit-box-shadow: 0 -2px 0 #e0e0e0; box-shadow: 0 -2px 0 #e0e0e0; border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { height: 75px; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel { border-bottom: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before { display: none; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable { padding-bottom: 0; margin-bottom: 0; } .dx-rtl .dx-scheduler-work-space-vertical-group-table { border-right: none; border-left: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-date-time-shader-all-day { margin-left: 0; margin-right: 65px; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-device-mobile .dx-rtl .dx-scheduler-navigator { padding-right: 5px; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu { left: 10px; right: auto; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-group-table, .dx-rtl .dx-scheduler-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { text-align: left; padding-left: 20px; padding-right: 0; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: auto; left: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -65px; } .dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table { margin-right: -32.5px; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 20px; right: auto; } .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon { left: 20px; right: auto; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid #e0e0e0; border-left: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { border-left: 1px solid #e0e0e0; border-right: none; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { right: 0; border-left: 1px solid #e0e0e0; 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: 65px; margin-left: auto; } .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-right: 32.5px; } .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel { border-left: 1px solid #e0e0e0; 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 #e0e0e0; border-right: none; } .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table { border-left: 1px solid #e0e0e0; 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-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: 32.5px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 65px; padding-left: 0; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments { padding-right: 32.5px; } .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table { float: right; } .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table { float: left; } .dx-rtl .dx-timezone-editor .dx-timezone-display-name { float: right; } .dx-rtl .dx-timezone-editor .dx-timezone-iana-id { float: left; } .dx-scheduler-scrollable-fixed-content { height: auto; } .dx-scheduler-time-panel-cell { height: 28px; padding-right: 8px; } .dx-scheduler-time-panel-cell:after { content: none; } .dx-scheduler-time-panel-cell > div { margin-top: -6px; font-size: 12px; } .dx-scheduler-small .dx-scheduler-time-panel-cell > div { font-size: 11px; } .dx-scheduler-small .dx-scheduler-time-panel-cell { padding-right: 2px; } .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 8px; padding-right: 0; } .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before { content: none; } .dx-scheduler-date-table-cell { height: 28px; } .dx-scheduler-all-day-title { height: 42px; line-height: 42px; font-size: 12px; top: 48px; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-small .dx-scheduler-all-day-title { font-size: 9.6px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title { height: 14px; line-height: 14px; } .dx-scheduler-appointment-content .dx-scheduler-appointment-title, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-title { font-size: 12px; } .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date, .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday, .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday { font-size: 10px; font-weight: normal; opacity: 0.7; } [dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 78px; } [dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -23px; height: 22px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 108px; } [dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -53px; height: 52px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 138px; } [dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -83px; height: 82px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { top: 88px; } .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: 118px; } .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: -63px; height: 62px; } .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: 148px; } .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: -93px; height: 92px; } .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: 178px; } .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: -123px; height: 122px; } .dx-scheduler-all-day-table { height: 42px; } .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table { height: 14px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 130px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -130px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 132px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 132px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 65px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -162.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 162.5px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -162.5px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 162.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 164.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 164.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 164.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 164.5px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 97.5px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content { width: 100%; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -195px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before { width: 195px; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -195px; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before { width: 195px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table { margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable { margin-left: 197px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 197px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable { margin-left: 0; margin-right: 197px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table { margin-right: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 197px 0 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable { width: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { margin-left: 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable { margin: 0 0 0 130px; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-left: 0; } .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; margin-left: 0; } .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before, .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before { width: 130px; } .dx-scheduler-appointment-content { padding: 2px 4px; } .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content { padding: 2px 4px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator { height: 2px; } .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator:before { display: none; } .dx-scheduler-header-panel { margin-top: 0; } .dx-scheduler-header-panel-cell { height: 40px; text-align: left; vertical-align: bottom; } .dx-rtl .dx-scheduler-header-panel-cell { text-align: right; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { height: 22px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { height: 34px; font-size: 12px; padding-left: 14px; padding-right: 14px; padding-top: 11px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) { height: 34px; font-size: 12px; padding-left: 14px; padding-right: 14px; } .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell { border-bottom: 1px solid #e0e0e0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before { content: none; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { display: block; margin: 0 14px; } .dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { margin: 0 7px; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child { font-size: 12px; line-height: 7px; } .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child { font-size: 20px; line-height: 25px; } .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .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: 70px; margin-bottom: -70px; } .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: 100px; margin-bottom: -100px; } .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: 130px; margin-bottom: -130px; } .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: 82px; margin-bottom: -82px; } .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: 112px; margin-bottom: -112px; } .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: 142px; margin-bottom: -142px; } .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: 172px; margin-bottom: -172px; } .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: 54px; margin-bottom: -54px; } .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: 84px; margin-bottom: -84px; } .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: 114px; margin-bottom: -114px; } .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: 144px; margin-bottom: -144px; } .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: 42px; margin-bottom: -42px; } .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: 72px; margin-bottom: -72px; } .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: 102px; margin-bottom: -102px; } .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: 132px; margin-bottom: -132px; } .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: 14px; margin-bottom: -14px; } .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: 44px; margin-bottom: -44px; } .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: 74px; margin-bottom: -74px; } .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: 104px; margin-bottom: -104px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title { top: 49px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel { margin-top: 0; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title { top: 118px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title:before { top: -63px; height: 62px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title { top: 148px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title:before { top: -93px; height: 92px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title { top: 178px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title:before { top: -123px; height: 122px; } .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title { top: 88px; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell { border-left: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell { border-right: 1px solid #e0e0e0; } .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 130px; margin-bottom: -130px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding-top: 3px; font-size: 12px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month { border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { font-size: 14px; text-align: left; height: 100px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div { padding: 4px; } .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell { text-align: right; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date { font-size: 12px; margin-left: 4px; line-height: 22px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector { margin-top: 3px; margin-left: 52px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable { padding-bottom: 22px; margin-bottom: -22px; } .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date { color: #009688; } .dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector { margin: 0; } .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell { white-space: nowrap; } .dx-scheduler-appointment-collector { margin-top: 2px; position: absolute; } .dx-scheduler-appointment-collector.dx-button { border-radius: 12px; height: 18px; min-width: auto; width: auto; } .dx-scheduler-appointment-collector.dx-button:before { display: none; } .dx-scheduler-appointment-collector.dx-button .dx-button-content { padding: 2px 0; font-size: 12px; } .dx-scheduler-header { background-color: #fff; border: 1px solid #e0e0e0; height: 48px; } .dx-scheduler-navigator { padding: 10px; } .dx-scheduler-navigator .dx-button { background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-navigator .dx-button .dx-icon { color: #009688; } .dx-scheduler-navigator .dx-button.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-scheduler-navigator .dx-button .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-scheduler-navigator .dx-button .dx-button-text { text-transform: none; } .dx-scheduler-navigator-caption { border-radius: 0; border-right-width: 0; border-left-width: 0; } .dx-scheduler-navigator-caption.dx-state-focused, .dx-scheduler-navigator-caption.dx-state-hover, .dx-scheduler-navigator-caption.dx-state-active { border-right-width: 1px; border-left-width: 1px; } .dx-scheduler-navigator-previous { border-radius: 2px 0 0 2px; } .dx-rtl .dx-scheduler-navigator-previous { border-radius: 0 2px 2px 0; } .dx-scheduler-navigator-next { border-radius: 0 2px 2px 0; } .dx-rtl .dx-scheduler-navigator-next { border-radius: 2px 0 0 2px; } .dx-scheduler-view-switcher.dx-tabs { background: none; margin-right: 14px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-state-hover) { background: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { bottom: 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .dx-scheduler-view-switcher.dx-tabs .dx-tabs-nav-button { height: 28px; margin-top: 9px; } .dx-scheduler-view-switcher.dx-dropdownmenu { margin-top: 9px; background-color: transparent; color: rgba(0, 0, 0, 0.54); -webkit-box-shadow: none; box-shadow: none; z-index: 1; } .dx-scheduler-view-switcher.dx-dropdownmenu:before { display: none; } .dx-scheduler-view-switcher.dx-dropdownmenu .dx-icon { color: rgba(0, 0, 0, 0.54); } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-hover { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-focused { background-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-active { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-scheduler-view-switcher.dx-dropdownmenu .dx-inkripple-wave { background-color: rgba(0, 0, 0, 0.2); } .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button-has-icon:not(.dx-button-has-text) { border-radius: 2px; } .dx-scheduler-view-switcher-label { margin-top: 9px; right: 10px; height: 28px; line-height: 24px; padding: 2px 14px; padding-right: 42px; z-index: 0; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; } .dx-rtl .dx-scheduler-view-switcher-label { left: 10px; right: auto; padding-right: 14px; padding-left: 42px; } .dx-scheduler-group-flex-container .dx-scheduler-group-header { font-weight: bold; } .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header, .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: 500; font-size: 14px; color: rgba(0, 0, 0, 0.87); text-align: left; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-left: 14px; } .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content, .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-left: 4px; } .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { vertical-align: top; } .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div, .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div { top: 8px; -webkit-transform: none; transform: none; } .dx-scheduler-header-panel .dx-scheduler-group-row:before { border-right: 1px solid #e0e0e0; } .dx-scheduler-all-day-panel { background-color: #fff; } .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell { border-bottom: 1px solid #e0e0e0; } .dx-scheduler-work-space { padding-top: 48px; margin-top: -49px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel { border-bottom-width: 1px; } .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-all-day-title-hidden { border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header { border-bottom: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell { border: none; } .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th { border-left: none; border-right: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell { border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-date-table-cell { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(221, 221, 221, 0.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.54); } .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-appointment-popup .dx-form { padding: 0 10px 0 10px; } .dx-scheduler-appointment-popup .dx-form .dx-layout-manager { padding: 0 10px 0 10px; } .dx-scheduler-appointment-popup .dx-popup-title { background-color: #fff; border-bottom: none; } .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl { margin: 0; } .dx-scheduler-appointment-popup .dx-toolbar-after { margin-right: 4px; } .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after { margin-left: 4px; margin-right: 0; } .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch-wrapper { padding-top: 30px; } .dx-scheduler-appointment-popup .dx-form-validation-summary { padding: 10px 20px; } .dx-scheduler-header-panel, .dx-scheduler-time-panel { font-size: 16px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th, .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell { border-right: 1px solid #bfbfbf; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child, .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child { border-right: none; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell { border-left: 1px solid #bfbfbf; border-right: 1px solid #e0e0e0; } .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child { border-left: none; } .dx-scheduler-appointment, .dx-rtl .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment, .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment { border-left: 1px solid transparent; border-right: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; } .dx-scheduler-appointment.dx-state-focused, .dx-rtl .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused { color: #fff; } .dx-scheduler-appointment.dx-state-active, .dx-rtl .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing, .dx-rtl .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging, .dx-rtl .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging, .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable { -webkit-box-shadow: none; box-shadow: none; } .dx-scheduler-dropdown-appointment-date { color: rgba(0, 0, 0, 0.54); } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 131px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 40px; margin-bottom: -40px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 70px; margin-bottom: -70px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 100px; margin-bottom: -100px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 130px; margin-bottom: -130px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable { padding-bottom: 0px; margin-bottom: 0px; } .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).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-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable { border-top: 1px solid #e0e0e0; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[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: 111px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[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: 141px; } .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline[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: 171px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable { height: 81px; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline.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: 80px; margin-bottom: -80px; } .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.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: 81px; margin-top: -81px; } .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable, .dx-scheduler-work-space.dx-scheduler-timeline .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: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before { background-color: #fff; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 71px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 101px; } .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 131px; } .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable { height: 41px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 31px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 61px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 91px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable { height: 1px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 113px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 143px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 173px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable { height: 83px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 85px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 115px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 145px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 55px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 73px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 103px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 133px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable { height: 43px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 45px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 75px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 105px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 15px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 73px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 103px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 133px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable { height: 43px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 45px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 75px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 105px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable { height: 15px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable { height: 53px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable { height: 83px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable { height: 113px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable { height: 23px; } .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable { height: auto; } .dx-scheduler-agenda .dx-scheduler-group-header { font-size: 14px; width: 99px; } .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content { padding-top: 2px; } .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content:before { display: none; } .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header { border-bottom: none; } .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child) .dx-scheduler-group-header { border-bottom: 1px solid #bfbfbf; } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-right: -100px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -50px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -100px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table { margin-left: -50px; } .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 165px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 82.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 165px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments { padding-right: 82.5px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-right: -200px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -100px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -200px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table { margin-left: -100px; } .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 265px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 132.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 265px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments { padding-right: 132.5px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-right: -300px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -150px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -300px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table { margin-left: -150px; } .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 365px; } .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 182.5px; } .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-left: 0; padding-right: 365px; } .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments { padding-right: 182.5px; } .dx-scheduler-agenda .dx-scheduler-time-panel-cell > span { font-size: 12px; } .dx-scheduler-agenda .dx-scheduler-group-table { border-right: 1px solid #e0e0e0; } .dx-scheduler-agenda .dx-scheduler-date-table-scrollable { margin-top: 0; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row { border-bottom: none; } .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child) { border-bottom: 1px solid #bfbfbf; } .dx-scheduler-agenda-nodata { font-size: 16px; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button { min-width: auto; padding: 0; background-color: transparent; color: #009688; -webkit-box-shadow: none; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon { color: #009688; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused { background-color: rgba(0, 150, 136, 0.08); -webkit-box-shadow: none; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active { background-color: rgba(0, 150, 136, 0.36); -webkit-box-shadow: none; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-icon { opacity: 0.6; } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-button-text { color: rgba(0, 0, 0, 0.35); } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave { background-color: rgba(0, 150, 136, 0.2); } .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0px 0px; background-size: 18px 18px; padding: 0px; font-size: 18px; text-align: center; line-height: 18px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler-overlay-panel .dx-overlay-content { background-color: #fff; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content, .dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content { padding: 0; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item { margin-bottom: 0; margin-top: 0; border-bottom: 1px solid #e0e0e0; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: none; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type { border-top-left-radius: 2px; border-top-right-radius: 2px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item { margin-left: 8px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body { width: 18px; height: 18px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject { margin-top: 3px; font-size: 14px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date { font-size: 11px; opacity: 1; margin-top: 4px; } .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container, .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container { padding-top: 2px; } .dx-drawer-shader { background-color: rgba(0, 0, 0, 0.5); } .dx-htmleditor { border-color: #e0e0e0; } .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child { border-bottom: 1px solid #e0e0e0; } .dx-htmleditor.dx-invalid { border-color: rgba(244, 67, 54, 0.4); } .dx-htmleditor.dx-invalid.dx-state-focused { border-color: #F44336; } .dx-htmleditor-content.ql-blank::before { color: rgba(148, 148, 148, 0.87); } .dx-htmleditor-content pre { color: rgba(0, 0, 0, 0.8); } .dx-htmleditor-content blockquote { color: rgba(0, 0, 0, 0.8); border-left-color: #e0e0e0; } .dx-rtl .dx-htmleditor-content blockquote { border-right-color: #e0e0e0; } .dx-htmleditor-content .dx-variable > span { background: rgba(0, 150, 136, 0.15); } .dx-htmleditor-toolbar { background-color: transparent; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #e6e6e6; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success { background-color: #71a436; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default { background-color: #00635a; } .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger { background-color: #ea1c0d; } .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled { background-color: transparent; } .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content, .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content { padding-bottom: 2px; } .dx-htmleditor-toolbar-separator { height: 50%; border-left-color: #e0e0e0; } .dx-htmleditor-toolbar-menu-separator { border-top-color: #e0e0e0; } .dx-resize-frame { border-color: #009688; } .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-bottom-left { background-color: #009688; } .dx-resize-frame .dx-resizable-handle-top::after, .dx-resize-frame .dx-resizable-handle-left::after, .dx-resize-frame .dx-resizable-handle-right::after, .dx-resize-frame .dx-resizable-handle-bottom::after { background-color: #009688; } .dx-mention { background-color: #e0e0e0; } .dx-suggestion-list-wrapper { height: 100%; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); border-top-width: 0; border-bottom-width: 1px; } .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-suggestion-list-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-suggestion-list-wrapper .dx-list { height: 100%; min-height: 36px; } .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 10px 7px; } .dx-suggestion-list-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-suggestion-list-wrapper .dx-list-item, .dx-suggestion-list-wrapper .dx-empty-message { border-top: 0; } .dx-suggestion-list-wrapper .dx-list-item:last-of-type, .dx-suggestion-list-wrapper .dx-empty-message:last-of-type { border-bottom: none; } .dx-fa-button.dx-fa-button-main .dx-overlay-shader { background-color: rgba(0, 0, 0, 0.32); } .dx-fa-button.dx-fa-button-main .dx-overlay-content { min-width: 56px; max-height: 56px; background-color: #009688; color: #fff; overflow: visible; border-radius: 28px; -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover { background-color: #00635a; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover .dx-fa-button-icon { background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active { background-color: #004a43; } .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active .dx-fa-button-icon { background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close { padding: 19px; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper { position: static; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label { background: none; color: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin-right: 0; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple { border-radius: 28px; } .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon-close { padding: 19px 0 19px 12px; } .dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close { padding: 11px; width: 18px; height: 18px; -webkit-box-sizing: content-box; box-sizing: content-box; } .dx-fa-button .dx-fa-button-icon .dx-icon, .dx-fa-button .dx-fa-button-icon-close .dx-icon { font-size: 18px; } .dx-fa-button .dx-fa-button-icon img, .dx-fa-button .dx-fa-button-icon-close img { width: 100%; height: 100%; } .dx-fa-button .dx-overlay-content { min-width: 40px; max-height: 40px; background-color: transparent; color: rgba(0, 0, 0, 0.87); overflow: visible; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper { right: auto; left: 40px; } .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label { margin-left: 16px; margin-right: auto; } .dx-fa-button .dx-overlay-content.dx-state-hover .dx-fa-button-icon { background-color: #ebebeb; } .dx-fa-button .dx-overlay-content.dx-state-active .dx-fa-button-icon { background-color: #a3a3a3; } .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper { position: absolute; right: 40px; } .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label { background-color: #fff; color: rgba(0, 0, 0, 0.87); white-space: nowrap; border-radius: 4px; padding: 0 12px; margin-right: 16px; line-height: 32px; height: 32px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); font-size: 11px; } .dx-fa-button .dx-overlay-content .dx-fa-button-icon { -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); background-color: #fff; border-radius: 50%; position: relative; } .dx-fa-button .dx-overlay-content .dx-inkripple { overflow: hidden; border-radius: 20px; } .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label { padding: 0 20px 0 12px; font-size: 13px; text-transform: uppercase; letter-spacing: 1.25px; font-weight: 500; } .dx-splitter { background-color: rgba(0, 150, 136, 0.5); } .dx-splitter.dx-splitter-transparent { background-color: transparent; } .dx-splitter-border { background-color: #e0e0e0; } .dx-filemanager { border-color: #e0e0e0; } .dx-filemanager .dx-filemanager-notification-common { border-color: #e0e0e0; } .dx-filemanager .dx-filemanager-progress-panel { background-color: #fff; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details { border-color: #e0e0e0; } .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.175); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.175); } .dx-filemanager .dx-filemanager-progress-box-error { color: #fff; background: #F44336; } .dx-filemanager .dx-filemanager-toolbar { background: #fff; } .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar, .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar { background: #f7f7f7; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item { height: 26px; background: #e0e0e0; } .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor { width: 150px; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled { background: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused { background: rgba(0, 0, 0, 0.1); } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor { border-color: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon { background: transparent; } .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background: transparent; border-color: transparent; } .dx-filemanager .dx-filemanager-container { border-top-color: #e0e0e0; } .dx-filemanager .dx-filemanager-dirs-panel { border-right-color: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs { border-bottom-color: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused { background: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content { background: #e0e0e0; } .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover { background: transparent; } .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected { color: rgba(0, 0, 0, 0.87); background: #fff; } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected { color: rgba(0, 0, 0, 0.87); background: rgba(0, 150, 136, 0.04); } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused { border-color: rgba(0, 0, 0, 0.87); } .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail { color: #e0e0e0; } .dx-filemanager .dx-filemanager-files-view { background: #fff; } .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail { font-size: 18px; } .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item { background: transparent; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * { color: rgba(0, 0, 0, 0.87); } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item { background: #ebebeb; } .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * { color: rgba(0, 0, 0, 0.87); } .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel { min-width: 300px; max-width: 350px; } .dx-filemanager-file-actions-button .dx-button { min-width: 26px; height: 18px; } .dx-filemanager-file-actions-button .dx-button .dx-button-content { padding: 9px 6px; } .dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text { margin-left: 30px; } .dx-filemanager-i.dx-filemanager-i-refresh, .dx-filemanager-i.dx-icon.dx-filemanager-i-refresh, .dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager-i.dx-icon.dx-filemanager-i-progress { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x31_%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M11%2C4c2.45%2C0%2C4.59%2C1.26%2C5.84%2C3.16L15%2C9l6%2C1l-1-6l-1.73%2C1.73C16.64%2C3.47%2C14%2C2%2C11%2C2%0A%09%09c-4.97%2C0-9%2C4.03-9%2C9h2C4%2C7.13%2C7.13%2C4%2C11%2C4z%22%2F%3E%0A%09%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.92%2C12c-0.49%2C3.39-3.39%2C6-6.92%2C6c-2.19%2C0-4.13-1.01-5.41-2.59L7%2C14l-6-1l1%2C6l2.17-2.17%0A%09%09C5.82%2C18.76%2C8.26%2C20%2C11%2C20c4.63%2C0%2C8.44-3.5%2C8.94-8H17.92z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 16px; height: 16px; } .dx-filemanager-i.dx-filemanager-i-done, .dx-filemanager-i.dx-icon.dx-filemanager-i-done { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%238BC34A%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M21.35%2C14.35l-4.71%2C5l-3-3l0.71-0.71l2.15%2C2.15l4.15-4.15L21.35%2C14.35z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 16px; height: 16px; } .dx-filemanager-i.dx-filemanager-i-danger, .dx-filemanager-i.dx-icon.dx-filemanager-i-danger { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Argba%280,%200,%200,%200.87%29%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23F44336%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M17%2C20v-1h1v1H17z%20M17%2C13h1v5h-1V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 16px; height: 16px; } .dx-filemanager-i.dx-filemanager-i-cancel, .dx-filemanager-i.dx-icon.dx-filemanager-i-cancel { background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20d%3D%22M8%2C0c4.42%2C0%2C8%2C3.58%2C8%2C8s-3.58%2C8-8%2C8c-4.42%2C0-8-3.58-8-8S3.58%2C0%2C8%2C0%20M10.87%2C4L8%2C6.87L5.13%2C4L4%2C5.13L6.87%2C8%0A%09L4%2C10.87L5.13%2C12L8%2C9.13L10.87%2C12L12%2C10.87L9.13%2C8L12%2C5.13L10.87%2C4z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 16px; height: 16px; } .dx-diagram { border-color: #e0e0e0; } .dx-diagram .dxdi-control .dxdi-canvas { background-color: #d9d9d9; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path { stroke: #009688; stroke-opacity: 1; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse { stroke: rgba(0, 0, 0, 0.54); stroke-opacity: 0.5; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background { fill: rgba(0, 0, 0, 0.54); opacity: 0.5; } .dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse { fill: #F44336; } .dx-diagram .dx-diagram-toolbar-wrapper { border-bottom: 1px solid #e0e0e0; } .dx-diagram .dx-diagram-left-panel, .dx-diagram .dx-diagram-right-panel { background: #fff; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item { border-left: none; border-right: none; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group { padding-top: 24px; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type { border-top: none; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item, .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item { border-color: #e0e0e0; } .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type), .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) { border-bottom-color: transparent; } .dx-diagram .dx-diagram-left-panel { border-right-color: #e0e0e0; } .dx-diagram .dx-diagram-left-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text { opacity: 0.25; } .dx-diagram .dx-diagram-right-panel { border-left-color: #e0e0e0; } .dx-diagram.dx-diagram-fullscreen { background-color: #fff; } .dx-diagram-toolbar { background-color: transparent; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #e6e6e6; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success { background-color: #71a436; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default { background-color: #00635a; } .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger { background-color: #ea1c0d; } .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled { background-color: transparent; } .dx-diagram-toolbar .dx-diagram-toolbar-separator { height: 50%; border-left-color: #e0e0e0; } .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator { border-top-color: #e0e0e0; } .dx-diagram-toolbar .dx-diagram-toolbar-text { padding: 21px 0 20px 12px; } .dx-diagram-toolbar .dx-format-sm .dx-texteditor { width: 110px; } .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor { width: 110px; } .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { border-bottom-width: 3px; border-bottom-style: solid; } .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { margin-left: 12px; margin-right: 12px; } .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon { font-size: 18px; color: rgba(0, 0, 0, 0.87); } .dx-diagram-touchbar .dx-menu-item .dx-menu-item-content { padding: 7px; } .dx-diagram-touchbar .dx-menu-separator { width: 1px; height: 34px; margin: 0; } .dx-diagram-i-connector-begin-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M1%2C15l9-9l1%2C1l-9%2C9L1%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M12%2C10V5H0v12h12v-5h20v-2H12z%20M10%2C15H2V7h8V15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-begin-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12%2C12v4L0%2C11l12-5v4h20v2H12z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-end-none { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M21%2C15l9-9l1%2C1l-9%2C9L21%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M0%2C10l0%2C2h20v5h12V5H20v5H0z%20M22%2C7h8v8h-8V7z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-end-arrow { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M0%2C12l0-2h20V6l12%2C5l-12%2C5v-4H0z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-orthogonal { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2C2H2v4h4V2z%20M30%2C16h-4v4h4V16z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-connector-straight { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C14v2.2L8%2C2.8V0H0v8h8V5.8l16%2C13.3V22h8v-8H24z%20M6%2C6H2V2h4V6z%20M30%2C20h-4v-4h4V20z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 26.28px; height: 18px; } .dx-diagram-i-button-fill { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A"); width: 18px; height: 21px; } .dx-diagram-i-button-fullscreen { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-lock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x31_%22%20d%3D%22M14%2C5c0-2.8-2.2-5-5-5C6.2%2C0%2C4%2C2.2%2C4%2C5C2.9%2C5%2C2%2C5.9%2C2%2C7v8c0%2C1.1%2C0.9%2C2%2C2%2C2h10c1.1%2C0%2C2-0.9%2C2-2V7%0A%09C16%2C5.9%2C15.1%2C5%2C14%2C5z%20M9%2C13c-1.1%2C0-2-0.9-2-2s0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C11%2C12.1%2C10.1%2C13%2C9%2C13z%20M6%2C5c0-1.7%2C1.3-3%2C3-3%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3H6z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-unlock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C17H4c-1.1%2C0-2-0.9-2-2V7c0-1.1%2C0.9-2%2C2-2h2h2h4c0-1.7-1.3-3-3-3C8.1%2C2%2C7.3%2C2.4%2C6.8%2C3H4.4%0A%09C5.2%2C1.2%2C7%2C0%2C9%2C0c2.8%2C0%2C5%2C2.2%2C5%2C5c1.1%2C0%2C2%2C0.9%2C2%2C2v8C16%2C16.1%2C15.1%2C17%2C14%2C17z%20M9%2C9c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2%0A%09C11%2C9.9%2C10.1%2C9%2C9%2C9z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-send-to-back { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st1%22%20d%3D%22M8%2C12c-1.1%2C0-2-0.9-2-2V4H4C2.9%2C4%2C2%2C4.9%2C2%2C6v8c0%2C1.1%2C0.9%2C2%2C2%2C2h8c1.1%2C0%2C2-0.9%2C2-2v-2H8z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-bring-to-front { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x30_%22%20class%3D%22st1%22%20d%3D%22M4%2C4h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V6C2%2C4.9%2C2.9%2C4%2C4%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-select-all { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M7.5%2C5c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.2%0A%09l-1.9%2C0.3l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9C11.4%2C16%2C11.3%2C16%2C11.2%2C16c-0.2%2C0-0.4-0.1-0.5-0.3l-1.3-2.6l-1.5%2C1.1%0A%09c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.3%2C0-0.6-0.2-0.6-0.5V5.6C6.9%2C5.3%2C7.2%2C5%2C7.5%2C5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cg%20id%3D%22_x33_%22%20class%3D%22st1%22%3E%0A%09%3Cpolygon%20id%3D%22_x31__1_%22%20class%3D%22st0%22%20points%3D%2211%2C5%2013%2C7%2015%2C7%2015%2C5%20%09%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2210.6%22%20y%3D%221%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%202.1005%209.0711)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%227%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%222.6%22%20y%3D%229%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-5.8995%205.7574)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%223%22%20y%3D%220.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.2426%203.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%221%22%20y%3D%225%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-image-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M16%2C14.4L14.5%2C16l-2-2l-2%2C2L9%2C14.4l2-2l-2-2L10.5%2C9l2%2C2l2-2l1.5%2C1.5l-2%2C2L16%2C14.4z%20M11%2C5l-4%2C6L5%2C9%0A%09l-3%2C5h5v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L11%2C5z%20M4.5%2C4C3.7%2C4%2C3%2C4.6%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5%0A%09S5.3%2C4%2C4.5%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-image-edit { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C6L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M16%2C11.5L11.5%2C16H10v-1.5l4.5-4.5L16%2C11.5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-button-image-insert { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C7L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M12%2C10h2v2h2v2h-2v2h-2v-2h-2v-2h2V10z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-lock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x31_%22%20d%3D%22M14%2C5c0-2.8-2.2-5-5-5C6.2%2C0%2C4%2C2.2%2C4%2C5C2.9%2C5%2C2%2C5.9%2C2%2C7v8c0%2C1.1%2C0.9%2C2%2C2%2C2h10c1.1%2C0%2C2-0.9%2C2-2V7%0A%09C16%2C5.9%2C15.1%2C5%2C14%2C5z%20M9%2C13c-1.1%2C0-2-0.9-2-2s0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C11%2C12.1%2C10.1%2C13%2C9%2C13z%20M6%2C5c0-1.7%2C1.3-3%2C3-3%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3H6z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-unlock { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C17H4c-1.1%2C0-2-0.9-2-2V7c0-1.1%2C0.9-2%2C2-2h2h2h4c0-1.7-1.3-3-3-3C8.1%2C2%2C7.3%2C2.4%2C6.8%2C3H4.4%0A%09C5.2%2C1.2%2C7%2C0%2C9%2C0c2.8%2C0%2C5%2C2.2%2C5%2C5c1.1%2C0%2C2%2C0.9%2C2%2C2v8C16%2C16.1%2C15.1%2C17%2C14%2C17z%20M9%2C9c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2%0A%09C11%2C9.9%2C10.1%2C9%2C9%2C9z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-send-to-back { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st1%22%20d%3D%22M8%2C12c-1.1%2C0-2-0.9-2-2V4H4C2.9%2C4%2C2%2C4.9%2C2%2C6v8c0%2C1.1%2C0.9%2C2%2C2%2C2h8c1.1%2C0%2C2-0.9%2C2-2v-2H8z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-bring-to-front { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cpath%20id%3D%22_x30_%22%20class%3D%22st1%22%20d%3D%22M4%2C4h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V6C2%2C4.9%2C2.9%2C4%2C4%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-select-all { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M7.5%2C5c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.2%0A%09l-1.9%2C0.3l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9C11.4%2C16%2C11.3%2C16%2C11.2%2C16c-0.2%2C0-0.4-0.1-0.5-0.3l-1.3-2.6l-1.5%2C1.1%0A%09c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.3%2C0-0.6-0.2-0.6-0.5V5.6C6.9%2C5.3%2C7.2%2C5%2C7.5%2C5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3Cg%20id%3D%22_x33_%22%20class%3D%22st1%22%3E%0A%09%3Cpolygon%20id%3D%22_x31__1_%22%20class%3D%22st0%22%20points%3D%2211%2C5%2013%2C7%2015%2C7%2015%2C5%20%09%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2210.6%22%20y%3D%221%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%202.1005%209.0711)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%227%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%222.6%22%20y%3D%229%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-5.8995%205.7574)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%223%22%20y%3D%220.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.2426%203.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%221%22%20y%3D%225%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-image-delete { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M16%2C14.4L14.5%2C16l-2-2l-2%2C2L9%2C14.4l2-2l-2-2L10.5%2C9l2%2C2l2-2l1.5%2C1.5l-2%2C2L16%2C14.4z%20M11%2C5l-4%2C6L5%2C9%0A%09l-3%2C5h5v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L11%2C5z%20M4.5%2C4C3.7%2C4%2C3%2C4.6%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5%0A%09S5.3%2C4%2C4.5%2C4z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-image-edit { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C6L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M16%2C11.5L11.5%2C16H10v-1.5l4.5-4.5L16%2C11.5z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-diagram-i-menu-image-insert { background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C7L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M12%2C10h2v2h2v2h-2v2h-2v-2h-2v-2h2V10z%22%20fill%3D%22rgba%280,%200,%200,%200.87%29%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); width: 18px; height: 18px; } .dx-gantt { border: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-view { background-color: #fff; } .dx-gantt .dx-header-row { height: 51px; } .dx-gantt .dx-gantt-header { color: rgba(0, 0, 0, 0.54); font-size: 12px; } .dx-gantt .dx-gantt-header .dx-gantt-tsac, .dx-gantt .dx-gantt-header .dx-gantt-tsa, .dx-gantt .dx-gantt-header .dx-gantt-hb, .dx-gantt .dx-gantt-header .dx-gantt-vb { border-color: #e0e0e0; background-color: #fff; } .dx-gantt .dx-gantt-si { padding-left: 16px; padding-right: 16px; } .dx-gantt .dx-gantt-tsac, .dx-gantt .dx-gantt-tsa { border-bottom: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-hb { border-top: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-vb { border-left: 1px solid #e0e0e0; } .dx-gantt .dx-gantt-taskWrapper { padding-top: 9px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes { height: 20px; line-height: 20px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task { background-color: #009688; border-radius: 2px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg { border-radius: 2px; background-color: rgba(0, 0, 0, 0.2); } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask { border-radius: 2px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask .dx-gantt-titleIn { padding: 0 2px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes { color: #fff; background-color: #999; border-radius: 2px; margin-left: 21px; padding-left: 4px; padding-right: 4px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn { color: #fff; padding: 0 9px; } .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut { padding-right: 20px; } .dx-gantt .dx-gantt-milestone { background-image: linear-gradient(135deg, #e0e0e0, rgba(0, 0, 0, 0.87)); width: 14px; height: 14px; } .dx-gantt .dx-gantt-task-edit-wrapper { padding-top: 9px; padding-left: 1px; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame { height: 20px; border: 1px solid #00635a; border-radius: 2px; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress { border-color: transparent transparent #00635a transparent; } .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress-status { border-radius: 2px; } .dx-gantt .dx-gantt-task-edit-wrapper-successor { padding-top: 9px; } .dx-gantt .dx-gantt-task-edit-wrapper-successor .dx-gantt-task-edit-frame-successor { height: 20px; } .dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-r, .dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-l { background: white; border: 1px solid #00635a; width: 10px; height: 10px; top: 4.5px; } .dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-r { left: -11px; } .dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-l { right: -11px; } .dx-gantt .dx-gantt-task-edit-dependency-line { background-color: rgba(0, 0, 0, 0.87); } .dx-gantt .dx-gantt-sel { background-color: rgba(0, 150, 136, 0.04); } .dx-gantt .dx-gantt-conn-v { border-left-color: rgba(0, 0, 0, 0.87); } .dx-gantt .dx-gantt-conn-h { border-top-color: rgba(0, 0, 0, 0.87); } .dx-gantt .dx-gantt-arrow { border: 5px solid rgba(0, 0, 0, 0.87); } .dx-gantt .dx-gantt-altRow, .dx-gantt .dx-gantt-collapsable-row { background-color: #f2f2f2; } .dx-sortable-placeholder { border-color: #009688; } .dx-sortable-dragging > * { border-color: rgba(0, 150, 136, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2); }