yinghe-lowcode
Version:
基于vue、ant-design-vue,datagrid的低代码平台
1,999 lines • 577 kB
CSS
/**
* DevExtreme (dx.darkmoon.css)
* Version: 20.1.9
* Build date: Fri Nov 20 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-theme-generic-typography {
background-color: #465672;
color: #fff;
font-weight: 400;
font-size: 14px;
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-theme-generic-typography input,
.dx-theme-generic-typography textarea {
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-theme-generic-typography .dx-font-xl,
.dx-theme-generic-typography h1 {
font-weight: 200;
font-size: 34px;
}
.dx-theme-generic-typography .dx-font-l,
.dx-theme-generic-typography h2 {
font-weight: 400;
font-size: 28px;
}
.dx-theme-generic-typography h3 {
font-weight: 400;
font-size: 22px;
}
.dx-theme-generic-typography .dx-font-m {
font-weight: 400;
font-size: 20px;
}
.dx-theme-generic-typography .dx-font-s,
.dx-theme-generic-typography h4 {
font-weight: 500;
font-size: 18px;
}
.dx-theme-generic-typography h5 {
font-weight: 700;
font-size: 16px;
}
.dx-theme-generic-typography .dx-font-xs,
.dx-theme-generic-typography h6,
.dx-theme-generic-typography small {
font-weight: 800;
font-size: 12px;
}
.dx-theme-generic-typography a {
color: #3debd3;
}
.dx-theme-marker {
font-family: "dx.generic.darkmoon";
}
.dx-theme-accent-as-text-color {
color: #3debd3!important;
}
.dx-theme-text-color {
color: #fff!important;
}
.dx-theme-background-color-as-text-color {
color: #465672!important;
}
.dx-theme-border-color-as-text-color {
color: #596980!important;
}
.dx-theme-accent-as-background-color {
background-color: #3debd3!important;
fill: #3debd3!important;
}
.dx-theme-text-color-as-background-color {
background-color: #fff!important;
fill: #fff!important;
}
.dx-theme-background-color {
background-color: #465672!important;
fill: #465672!important;
}
.dx-theme-border-color-as-background-color {
background-color: #596980!important;
fill: #596980!important;
}
.dx-theme-accent-as-border-color {
border-color: #3debd3!important;
}
.dx-theme-text-color-as-border-color {
border-color: #fff!important;
}
.dx-theme-background-color-as-border-color {
border-color: #465672!important;
}
.dx-theme-border-color {
border-color: #596980!important;
}
.dx-rtl .dx-icon-spinnext:before {
content: "\f04f";
}
.dx-rtl .dx-icon-spinprev:before {
content: "\f04e";
}
.dx-rtl .dx-icon-chevronnext:before {
content: "\f012";
}
.dx-rtl .dx-icon-back:before,
.dx-rtl .dx-icon-chevronprev:before {
content: "\f010";
}
.dx-rtl .dx-icon-undo:before {
content: "\f093";
}
.dx-rtl .dx-icon-redo:before {
content: "\f04c";
}
.dx-rtl .dx-icon-hidepanel:before {
content: "\f11d";
}
.dx-rtl .dx-icon-showpanel:before {
content: "\f11c";
}
@font-face {
font-family: DXIcons;
src: local("DevExtreme Generic Icons"),local("devextreme_generic_icons"),url(icons/dxicons.woff2) format('woff2'),url(icons/dxicons.woff) format('woff'),url(icons/dxicons.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
.dx-icon {
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.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-file {
font: 14px/1 DXIcons;
}
.dx-icon-file: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-activefolder {
font: 14px/1 DXIcons;
}
.dx-icon-activefolder: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-spinprev {
font: 14px/1 DXIcons;
}
.dx-icon-spinprev: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-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-chevronprev {
font: 14px/1 DXIcons;
}
.dx-icon-chevronprev:before {
content: "\f012";
}
.dx-icon-back {
font: 14px/1 DXIcons;
}
.dx-icon-back: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-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-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-increaselinespacing {
font: 14px/1 DXIcons;
}
.dx-icon-increaselinespacing: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-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-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-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-icon-redo {
font: 14px/1 DXIcons;
}
.dx-icon-redo:before {
content: "\f093";
}
.dx-icon-hidepanel {
font: 14px/1 DXIcons;
}
.dx-icon-hidepanel:before {
content: "\f11c";
}
.dx-icon-showpanel {
font: 14px/1 DXIcons;
}
.dx-icon-showpanel:before {
content: "\f11d";
}
.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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAQAAAD2dTOtAAAApElEQVRIx2OYxQCHvlggw38oZBgcCrFCihQ2YIFDViH1g+cMFjhkFVI/eP5jgUNWIfWDh2iFdbMuYUCsCmcS65lRhXRRqDXrwKzDYPgci8LDUFgKMilq1h+saREBt8xig1gai1fp9llsCDcm4FS2dxYnqmfS8ClD9XUmFq9wYk/hOWjKeHBnhVK4smMgZfjyTDVY2clZ/IQzVzWwuOPHyFz/iYQAhMbywidpE3YAAAAASUVORK5CYII=);
background-position: 0 0;
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,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);
background-position: center center;
background-repeat: no-repeat;
}
.dx-widget {
color: #fff;
font-weight: 400;
font-size: 14px;
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-widget input,
.dx-widget textarea {
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
opacity: .5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
cursor: default;
}
.dx-state-disabled .dx-widget .dx-widget,
.dx-state-disabled.dx-widget .dx-widget {
opacity: 1;
}
.dx-card {
border: 1px solid #596980;
border-radius: 2px;
background-color: #465672;
}
.dx-field {
color: #fff;
font-weight: 400;
font-size: 14px;
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-field input,
.dx-field textarea {
font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
line-height: 1.35715;
}
.dx-field-label {
color: #c1c7c9;
cursor: default;
padding: 8px 15px 9px 0;
}
.dx-field-value.dx-attention {
color: #f9517e;
padding: 8px 10px 9px 28px;
position: relative;
}
.dx-field-value.dx-attention:before {
pointer-events: none;
font-weight: 700;
position: absolute;
top: 50%;
margin-top: -9px;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 13px;
background-color: #f9517e;
color: #2a2a2a;
content: '!';
border-radius: 50%;
left: 0;
}
.dx-field-value-static,
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
width: 60%;
}
.dx-field {
min-height: 36px;
padding: 0;
}
.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
margin: 0;
}
.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
float: right;
}
.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
margin: 7px 0;
}
.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
margin: 6px 0;
}
.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
margin: 4px 0;
}
.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
margin: 5px 0;
}
.dx-field-value-static {
padding: 8px 10px 9px;
}
.dx-fieldset {
margin: 30px 20px;
padding: 0;
}
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.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-switch {
float: left;
}
.dx-fieldset-header {
margin: 0 0 20px;
font-weight: 500;
font-size: 18px;
}
.dx-field {
margin: 0 0 10px;
}
.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-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-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-switch {
float: left;
}
.dx-device-mobile .dx-fieldset-header {
margin: 0 0 20px;
font-weight: 500;
font-size: 18px;
}
.dx-device-mobile .dx-field {
margin: 0 0 10px;
}
.dx-device-mobile .dx-field:last-of-type {
margin: 0;
}
.dx-box-item-content {
font-size: 14px;
}
.dx-button-content {
line-height: 0;
}
.dx-button-text {
line-height: normal;
}
.dx-button a {
text-decoration: none;
}
.dx-button .dx-button-content {
padding: 8px;
}
.dx-button .dx-icon {
width: 18px;
height: 18px;
background-position: 0 0;
background-size: 18px 18px;
padding: 0;
font-size: 18px;
text-align: center;
line-height: 18px;
margin-right: 0;
margin-left: 0;
}
.dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-button .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-has-icon .dx-button-content {
padding: 8px;
}
.dx-button-has-icon .dx-icon {
width: 18px;
height: 18px;
background-position: 0 0;
background-size: 18px 18px;
padding: 0;
font-size: 18px;
text-align: center;
line-height: 18px;
margin-right: 0;
margin-left: 0;
}
.dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-has-text .dx-button-content {
padding: 7px 18px 8px;
}
.dx-button-has-text .dx-icon {
width: 18px;
height: 18px;
background-position: 0 0;
background-size: 18px 18px;
padding: 0;
font-size: 18px;
text-align: center;
line-height: 18px;
margin-right: 9px;
margin-left: 0;
}
.dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
margin-left: 9px;
margin-right: 0;
}
.dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
margin-right: 9px;
margin-left: 0;
}
.dx-button-back .dx-button-content {
padding: 8px;
}
.dx-button-back .dx-icon {
width: 18px;
height: 18px;
background-position: 0 0;
background-size: 18px 18px;
padding: 0;
font-size: 18px;
text-align: center;
line-height: 18px;
margin-right: 0;
margin-left: 0;
}
.dx-button-back .dx-icon.dx-icon-right,
.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
margin-left: 0;
margin-right: 0;
}
.dx-rtl .dx-button-back .dx-icon.dx-icon-right,
.dx-rtl.dx-button-back .dx-icon.dx-icon-right {
margin-right: 0;
margin-left: 0;
}
.dx-button-back .dx-button-text {
display: none;
}
.dx-button {
border-radius: 2px;
border-width: 1px;
border-style: solid;
}
.dx-state-disabled .dx-button .dx-icon,
.dx-state-disabled.dx-button .dx-icon {
opacity: .6;
}
.dx-state-disabled .dx-button .dx-button-text,
.dx-state-disabled.dx-button .dx-button-text {
opacity: .5;
}
.dx-button-mode-contained {
background-color: #465672;
border-color: #798aa2;
color: #fff;
}
.dx-button-mode-contained .dx-icon {
color: #fff;
}
.dx-button-mode-contained.dx-state-hover {
background-color: #4e607f;
border-color: #798aa2;
}
.dx-button-mode-contained.dx-state-focused {
background-color: #56698b;
border-color: #798aa2;
}
.dx-button-mode-contained.dx-state-active {
background-color: #8193b2;
border-color: #798aa2;
color: #fff;
}
.dx-button-mode-contained.dx-button-danger {
background-color: #f9517e;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-danger .dx-icon {
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-danger.dx-state-hover {
background-color: #fb7d9f;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-focused {
background-color: #fb8caa;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-active {
background-color: #fdc2d2;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-success {
background-color: #59d8a4;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-success .dx-icon {
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
background-color: #7ee1b8;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused {
background-color: #8be4bf;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-active {
background-color: #b8eed8;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-default {
background-color: #3debd3;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-default .dx-icon {
color: #2a2a2a;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover {
background-color: #67efdc;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-focused {
background-color: #74f1e0;
border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-active {
background-color: #a7f6eb;
border-color: transparent;
color: #2a2a2a;
}
.dx-button-mode-outlined {
background-color: transparent;
border-color: #798aa2;
color: #fff;
}
.dx-button-mode-outlined .dx-icon {
color: #fff;
}
.dx-button-mode-outlined.dx-state-hover {
background-color: rgba(255,255,255,.04);
border-color: #798aa2;
}
.dx-button-mode-outlined.dx-state-focused {
background-color: rgba(255,255,255,.08);
border-color: #798aa2;
}
.dx-button-mode-outlined.dx-state-active {
background-color: rgba(255,255,255,.24);
border-color: #798aa2;
color: #fff;
}
.dx-button-mode-outlined.dx-button-danger {
background-color: transparent;
border-color: #f8386c;
color: #f8386c;
}
.dx-button-mode-outlined.dx-button-danger .dx-icon {
color: #f8386c;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
background-color: rgba(248,56,108,.1);
border-color: #f8386c;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
background-color: rgba(248,56,108,.4);
border-color: #f8386c;
color: #f8386c;
}
.dx-button-mode-outlined.dx-button-success {
background-color: transparent;
border-color: #44d399;
color: #44d399;
}
.dx-button-mode-outlined.dx-button-success .dx-icon {
color: #44d399;
}
.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
background-color: rgba(68,211,153,.1);
border-color: #44d399;
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
background-color: rgba(68,211,153,.4);
border-color: #44d399;
color: #44d399;
}
.dx-button-mode-outlined.dx-button-default {
background-color: transparent;
border-color: #26e9ce;
color: #26e9ce;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
color: #26e9ce;
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
background-color: rgba(38,233,206,.1);
border-color: #26e9ce;
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
background-color: rgba(38,233,206,.4);
border-color: #26e9ce;
color: #26e9ce;
}
.dx-button-mode-text {
background-color: transparent;
border-color: transparent;
color: #fff;
}
.dx-button-mode-text .dx-icon {
color: #fff;
}
.dx-button-mode-text.dx-state-hover {
background-color: rgba(255,255,255,.04);
border-color: transparent;
}
.dx-button-mode-text.dx-state-focused {
background-color: rgba(255,255,255,.08);
border-color: transparent;
}
.dx-button-mode-text.dx-state-active {
background-color: rgba(255,255,255,.24);
border-color: transparent;
color: #fff;
}
.dx-button-mode-text.dx-button-danger {
background-color: transparent;
border-color: transparent;
color: #f8386c;
}
.dx-button-mode-text.dx-button-danger .dx-icon {
color: #f8386c;
}
.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
background-color: rgba(248,56,108,.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
background-color: rgba(248,56,108,.4);
border-color: transparent;
color: #f8386c;
}
.dx-button-mode-text.dx-button-success {
background-color: transparent;
border-color: transparent;
color: #44d399;
}
.dx-button-mode-text.dx-button-success .dx-icon {
color: #44d399;
}
.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
background-color: rgba(68,211,153,.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-success.dx-state-active {
background-color: rgba(68,211,153,.4);
border-color: transparent;
color: #44d399;
}
.dx-button-mode-text.dx-button-default {
background-color: transparent;
border-color: transparent;
color: #26e9ce;
}
.dx-button-mode-text.dx-button-default .dx-icon {
color: #26e9ce;
}
.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
background-color: rgba(38,233,206,.1);
border-color: transparent;
}
.dx-button-mode-text.dx-button-default.dx-state-active {
background-color: rgba(38,233,206,.4);
border-color: transparent;
color: #26e9ce;
}
.dx-button-back.dx-state-hover .dx-button-content,
.dx-button-normal.dx-state-hover .dx-button-content {
background-color: transparent;
border-radius: 2px;
}
.dx-texteditor-buttons-container > .dx-button {
margin: 1px;
}
.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
padding-top: 5px;
padding-bottom: 6px;
}
.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
padding: 6px;
}
.dx-button-mode-contained.dx-buttongroup-item,
.dx-button-mode-outlined.dx-buttongroup-item {
padding-left: 1px;
padding-right: 1px;
}
.dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content {
border-radius: 0;
}
.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-button-mode-outlined.dx-buttongroup-first-item {
padding-left: 0;
border-left-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-button-mode-outlined.dx-buttongroup-last-item {
padding-right: 0;
}
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.dx-button-mode-text.dx-buttongroup-first-item {
margin-left: 0;
}
.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: .6;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal {
background-color: #465672;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
background-color: #4e607f;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused {
background-color: #56698b;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
background-color: #6b80a4;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
background-color: #5b7095;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused {
background-color: #61779e;
}
.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: #fff;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
background-color: #465672;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default {
border-color: #26e9ce;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover {
background-color: #4e607f;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused {
background-color: #56698b;
}
.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: #26e9ce;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success {
border-color: #44d399;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover {
background-color: #4e607f;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused {
background-color: #56698b;
}
.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: #44d399;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger {
border-color: #f8386c;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover {
background-color: #4e607f;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused {
background-color: #56698b;
}
.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: #f8386c;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
background-color: rgba(255,255,255,.04);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
background-color: rgba(255,255,255,.08);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover {
background-color: rgba(38,233,206,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover {
background-color: rgba(68,211,153,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
background-color: rgba(248,56,108,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
background-color: rgba(255,255,255,.04);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused {
background-color: rgba(255,255,255,.08);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover {
background-color: rgba(38,233,206,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover {
background-color: rgba(68,211,153,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover {
background-color: rgba(248,56,108,.1);
}
.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(255,255,255,.17);
}
.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(255,255,255,.11);
}
.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(255,255,255,.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 {
background-color: rgba(89,216,164,.3);
}
.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-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-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover {
background-color: rgba(89,216,164,.2);
}
.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(61,235,211,.3);
}
.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-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-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover {
background-color: rgba(61,235,211,.2);
}
.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(249,81,126,.3);
}
.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-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-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover {
background-color: rgba(249,81,126,.2);
}
.dx-buttongroup-item.dx-butto