yinghe-lowcode/src/assets/other-css/dx.material.blue.dark.css

基于vue、ant-design-vue,datagrid的低代码平台

/**
* DevExtreme (dx.material.blue.dark.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/
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@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: #363640;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography input,
.dx-theme-material-typography textarea {
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
}
.dx-theme-material-typography h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -.5px;
}
.dx-theme-material-typography h3 {
  font-weight: 400;
  font-size: 48px;
}
.dx-theme-material-typography h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: .25px;
}
.dx-theme-material-typography h5 {
  font-weight: 400;
  font-size: 24px;
}
.dx-theme-material-typography h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: .15px;
}
.dx-theme-material-typography .dx-font-xl {
  font-size: 34px;
}
.dx-theme-material-typography .dx-font-l {
  font-size: 28px;
}
.dx-theme-material-typography .dx-font-m {
  font-size: 20px;
}
.dx-theme-material-typography .dx-font-s {
  font-size: 18px;
}
.dx-theme-material-typography .dx-font-xs,
.dx-theme-material-typography small {
  font-size: 12px;
}
.dx-theme-material-typography a {
  color: #03a9f4;
}
.dx-theme-marker {
  font-family: "dx.material.blue.dark";
}
.dx-theme-accent-as-text-color {
  color: #03a9f4!important;
}
.dx-theme-text-color {
  color: #fff!important;
}
.dx-theme-background-color-as-text-color {
  color: #363640!important;
}
.dx-theme-border-color-as-text-color {
  color: #515159!important;
}
.dx-theme-accent-as-background-color {
  background-color: #03a9f4!important;
  fill: #03a9f4!important;
}
.dx-theme-text-color-as-background-color {
  background-color: #fff!important;
  fill: #fff!important;
}
.dx-theme-background-color {
  background-color: #363640!important;
  fill: #363640!important;
}
.dx-theme-border-color-as-background-color {
  background-color: #515159!important;
  fill: #515159!important;
}
.dx-theme-accent-as-border-color {
  border-color: #03a9f4!important;
}
.dx-theme-text-color-as-border-color {
  border-color: #fff!important;
}
.dx-theme-background-color-as-border-color {
  border-color: #363640!important;
}
.dx-theme-border-color {
  border-color: #515159!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,.16);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.dx-inkripple-showing {
  -webkit-transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear,-webkit-transform .1s linear;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.dx-inkripple-hiding {
  -webkit-transition: opacity .1s linear,-webkit-transform .1s linear;
  transition: transform .1s linear,opacity .1s linear,-webkit-transform .1s linear;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  opacity: 0;
}
.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 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: 400;
  font-style: normal;
}
.dx-icon {
  display: inline-block;
  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-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-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: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-widget input,
.dx-widget textarea {
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
  opacity: .38;
  -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 {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  border-radius: 4px;
  background-color: #363640;
  margin: 2px 2px 3px;
}
.dx-field {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dx-field input,
.dx-field textarea {
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-field-label i {
  font-style: normal;
}
.dx-field-value.dx-attention {
  color: #f44336;
  padding: 21px 10px 20px 32px;
  position: relative;
}
.dx-field-value.dx-attention:before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #f44336;
  color: rgba(0,0,0,.87);
  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-label {
  color: #fff;
  font-size: 12px;
  cursor: default;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 15px;
}
.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: 19px 0;
}
.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 18px 0;
}
.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 14px 0;
}
.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 15px 0;
}
.dx-field-value-static {
  padding: 21px 10px 20px;
}
.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-size: 18px;
}
.dx-field {
  margin: 0 0 30px;
}
.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-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: 23px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .04em;
}
.dx-button a {
  text-decoration: none;
}
.dx-button {
  min-width: 36px;
}
.dx-button .dx-button-content {
  padding: 6px;
  position: relative;
}
.dx-button .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
  color: #fff;
}
.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 {
  min-width: 36px;
}
.dx-button-has-icon .dx-button-content {
  padding: 6px;
}
.dx-button-has-icon .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  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 {
  min-width: 64px;
}
.dx-button-has-text .dx-button-content {
  padding: 6px 16px;
}
.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: 12px;
  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: 12px;
  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: 12px;
  margin-left: 0;
}
.dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding: 6px 16px;
}
.dx-button-has-icon.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: 8px;
  margin-left: 0;
}
.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-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
  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: 36px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background-color: #363640;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.dx-button.dx-state-hover {
  background-color: #494956;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-state-focused {
  background-color: #494956;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.48);
  box-shadow: 0 1px 3px rgba(0,0,0,.48);
}
.dx-button.dx-state-active {
  background-color: #7d7d92;
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.48);
  box-shadow: 0 4px 6px rgba(0,0,0,.48);
}
.dx-button.dx-state-disabled {
  background: rgba(255,255,255,.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button .dx-inkripple-wave {
  background-color: rgba(255,255,255,.2);
}
.dx-button.dx-button-default {
  border-radius: 4px;
  background-color: #03a9f4;
  color: rgba(0,0,0,.87);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-default .dx-icon {
  color: rgba(0,0,0,.87);
}
.dx-button.dx-button-default.dx-state-hover {
  background-color: #26bafc;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-default.dx-state-focused {
  background-color: #26bafc;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.48);
  box-shadow: 0 1px 3px rgba(0,0,0,.48);
}
.dx-button.dx-button-default.dx-state-active {
  background-color: #88d9fe;
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.48);
  box-shadow: 0 4px 6px rgba(0,0,0,.48);
}
.dx-button.dx-button-default.dx-state-disabled {
  background: rgba(255,255,255,.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-default.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button.dx-button-default .dx-inkripple-wave {
  background-color: rgba(0,0,0,.2);
}
.dx-button.dx-button-danger {
  border-radius: 4px;
  background-color: #f44336;
  color: rgba(0,0,0,.87);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-danger .dx-icon {
  color: rgba(0,0,0,.87);
}
.dx-button.dx-button-danger.dx-state-hover {
  background-color: #f6695f;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-danger.dx-state-focused {
  background-color: #f6695f;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.48);
  box-shadow: 0 1px 3px rgba(0,0,0,.48);
}
.dx-button.dx-button-danger.dx-state-active {
  background-color: #f99b94;
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.48);
  box-shadow: 0 4px 6px rgba(0,0,0,.48);
}
.dx-button.dx-button-danger.dx-state-disabled {
  background: rgba(255,255,255,.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(0,0,0,.2);
}
.dx-button.dx-button-success {
  border-radius: 4px;
  background-color: #8bc34a;
  color: rgba(0,0,0,.87);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-success .dx-icon {
  color: rgba(0,0,0,.87);
}
.dx-button.dx-button-success.dx-state-hover {
  background-color: #a0ce6b;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.dx-button.dx-button-success.dx-state-focused {
  background-color: #a0ce6b;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.48);
  box-shadow: 0 1px 3px rgba(0,0,0,.48);
}
.dx-button.dx-button-success.dx-state-active {
  background-color: #bbdc95;
  -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.48);
  box-shadow: 0 4px 6px rgba(0,0,0,.48);
}
.dx-button.dx-button-success.dx-state-disabled {
  background: rgba(255,255,255,.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-success.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button.dx-button-success .dx-inkripple-wave {
  background-color: rgba(0,0,0,.2);
}
.dx-button.dx-button-back {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  min-width: 36px;
}
.dx-button.dx-button-back.dx-state-focused,
.dx-button.dx-button-back.dx-state-hover {
  background-color: rgba(255,255,255,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-back.dx-state-active {
  background-color: rgba(255,255,255,.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-back.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button.dx-button-back.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button.dx-button-back.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button.dx-button-back .dx-inkripple-wave {
  background-color: rgba(255,255,255,.2);
}
.dx-button.dx-button-back .dx-button-content {
  padding: 6px;
}
.dx-button.dx-button-back .dx-icon {
  color: #fff;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
}
.dx-button.dx-button-back .dx-icon.dx-icon-right,
.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-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: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text .dx-icon {
  color: #fff;
}
.dx-button-mode-text.dx-state-focused,
.dx-button-mode-text.dx-state-hover {
  background-color: rgba(255,255,255,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-state-active {
  background-color: rgba(255,255,255,.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-text.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-text .dx-inkripple-wave {
  background-color: rgba(255,255,255,.2);
}
.dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #03a9f4;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-default .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(3,169,244,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(3,169,244,.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  background-color: rgba(3,169,244,.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-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(244,67,54,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(244,67,54,.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(244,67,54,.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-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(139,195,74,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(139,195,74,.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  background-color: rgba(139,195,74,.2);
}
.dx-button-mode-outlined {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(255,255,255,.24);
}
.dx-button-mode-outlined .dx-icon {
  color: #fff;
}
.dx-button-mode-outlined.dx-state-focused,
.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(255,255,255,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-state-active {
  background-color: rgba(255,255,255,.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-outlined.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-outlined .dx-inkripple-wave {
  background-color: rgba(255,255,255,.2);
}
.dx-button-mode-outlined.dx-button-default {
  background-color: transparent;
  color: #03a9f4;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #03a9f4;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(3,169,244,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(3,169,244,.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  background-color: rgba(3,169,244,.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-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(244,67,54,.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(244,67,54,.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: .6;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(255,255,255,.35);
}
.dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(244,67,54,.2);
}
.dx-button-mode-outlined.dx-button-success {
  background-color: transparent;
  color: #8bc34a;
  -webkit-box-shadow: none;
  box-shado