devextreme/dist/css/dx.material.teal.dark.compact.css

HTML5 JavaScript Component Suite for Responsive Web Development

@charset "UTF-8";
/**
* DevExtreme (dx.material.teal.dark.compact.css)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 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);
.dx-validationsummary-item {
  cursor: pointer;
}
.dx-invalid-message.dx-overlay {
  position: relative;
}
.dx-invalid-message.dx-overlay-wrapper {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
}
.dx-invalid-message > .dx-overlay-content {
  display: inline-block;
  border-width: 0;
  font-size: .85em;
  line-height: normal;
  word-wrap: break-word;
}
.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto,
.dx-invalid-message.dx-invalid-message-always,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible;
}
.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
@-webkit-keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@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: 13px;
  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: 64px;
  letter-spacing: -1.5px;
}
.dx-theme-material-typography h2 {
  font-weight: 300;
  font-size: 42px;
  letter-spacing: -.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: .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: .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 .dx-font-xs,
.dx-theme-material-typography small {
  font-size: 12px;
}
.dx-theme-material-typography a {
  color: #009688;
}
.dx-icon-add,
.dx-icon-addcolumnleft,
.dx-icon-addcolumnright,
.dx-icon-addrowabove,
.dx-icon-addrowbelow,
.dx-icon-addtable,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-background,
.dx-icon-blockquote,
.dx-icon-bold,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-bulletlist,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-cellproperties,
.dx-icon-chart,
.dx-icon-checklist,
.dx-icon-clear,
.dx-icon-clearformat,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-color,
.dx-icon-columnproperties,
.dx-icon-comment,
.dx-icon-decreaseindent,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-event,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-folder,
.dx-icon-fontsize,
.dx-icon-food,
.dx-icon-formula,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-growfont,
.dx-icon-header,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-increaseindent,
.dx-icon-indent,
.dx-icon-info,
.dx-icon-italic,
.dx-icon-key,
.dx-icon-like,
.dx-icon-link,
.dx-icon-map,
.dx-icon-mention,
.dx-icon-menu,
.dx-icon-mergecells,
.dx-icon-money,
.dx-icon-music,
.dx-icon-orderedlist,
.dx-icon-overflow,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-plus,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-removecolumn,
.dx-icon-removerow,
.dx-icon-removetable,
.dx-icon-rowproperties,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-shrinkfont,
.dx-icon-splitcells,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-superscript,
.dx-icon-tableproperties,
.dx-icon-tags,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-verticalalignbottom,
.dx-icon-verticalaligncenter,
.dx-icon-verticalaligntop,
.dx-icon-video {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.dx-icon {
  background-position: 50% 50%;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dx-svg-icon svg {
  pointer-events: none;
}
.dx-rtl .dx-icon-spinnext::before {
  content: "";
}
.dx-rtl .dx-icon-spinprev::before {
  content: "";
}
.dx-rtl .dx-icon-chevronnext::before {
  content: "";
}
.dx-rtl .dx-icon-back::before,
.dx-rtl .dx-icon-chevronprev::before {
  content: "";
}
.dx-rtl .dx-icon-undo::before {
  content: "";
}
.dx-rtl .dx-icon-redo::before {
  content: "";
}
.dx-rtl .dx-icon-hidepanel::before {
  content: "";
}
.dx-rtl .dx-icon-showpanel::before {
  content: "";
}
@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-add {
  font: 14px/1 DXIcons;
}
.dx-icon-add::before {
  content: "";
}
.dx-icon-airplane {
  font: 14px/1 DXIcons;
}
.dx-icon-airplane::before {
  content: "";
}
.dx-icon-bookmark {
  font: 14px/1 DXIcons;
}
.dx-icon-bookmark::before {
  content: "";
}
.dx-icon-box {
  font: 14px/1 DXIcons;
}
.dx-icon-box::before {
  content: "";
}
.dx-icon-car {
  font: 14px/1 DXIcons;
}
.dx-icon-car::before {
  content: "";
}
.dx-icon-card {
  font: 14px/1 DXIcons;
}
.dx-icon-card::before {
  content: "";
}
.dx-icon-cart {
  font: 14px/1 DXIcons;
}
.dx-icon-cart::before {
  content: "";
}
.dx-icon-chart {
  font: 14px/1 DXIcons;
}
.dx-icon-chart::before {
  content: "";
}
.dx-icon-check {
  font: 14px/1 DXIcons;
}
.dx-icon-check::before {
  content: "";
}
.dx-icon-clear {
  font: 14px/1 DXIcons;
}
.dx-icon-clear::before {
  content: "";
}
.dx-icon-clock {
  font: 14px/1 DXIcons;
}
.dx-icon-clock::before {
  content: "";
}
.dx-icon-close {
  font: 14px/1 DXIcons;
}
.dx-icon-close::before {
  content: "";
}
.dx-icon-coffee {
  font: 14px/1 DXIcons;
}
.dx-icon-coffee::before {
  content: "";
}
.dx-icon-comment {
  font: 14px/1 DXIcons;
}
.dx-icon-comment::before {
  content: "";
}
.dx-icon-doc {
  font: 14px/1 DXIcons;
}
.dx-icon-doc::before {
  content: "";
}
.dx-icon-file {
  font: 14px/1 DXIcons;
}
.dx-icon-file::before {
  content: "";
}
.dx-icon-download {
  font: 14px/1 DXIcons;
}
.dx-icon-download::before {
  content: "";
}
.dx-icon-dragvertical {
  font: 14px/1 DXIcons;
}
.dx-icon-dragvertical::before {
  content: "";
}
.dx-icon-edit {
  font: 14px/1 DXIcons;
}
.dx-icon-edit::before {
  content: "";
}
.dx-icon-email {
  font: 14px/1 DXIcons;
}
.dx-icon-email::before {
  content: "";
}
.dx-icon-event {
  font: 14px/1 DXIcons;
}
.dx-icon-event::before {
  content: "";
}
.dx-icon-favorites {
  font: 14px/1 DXIcons;
}
.dx-icon-favorites::before {
  content: "";
}
.dx-icon-find {
  font: 14px/1 DXIcons;
}
.dx-icon-find::before {
  content: "";
}
.dx-icon-filter {
  font: 14px/1 DXIcons;
}
.dx-icon-filter::before {
  content: "";
}
.dx-icon-folder {
  font: 14px/1 DXIcons;
}
.dx-icon-folder::before {
  content: "";
}
.dx-icon-activefolder {
  font: 14px/1 DXIcons;
}
.dx-icon-activefolder::before {
  content: "";
}
.dx-icon-food {
  font: 14px/1 DXIcons;
}
.dx-icon-food::before {
  content: "";
}
.dx-icon-gift {
  font: 14px/1 DXIcons;
}
.dx-icon-gift::before {
  content: "";
}
.dx-icon-globe {
  font: 14px/1 DXIcons;
}
.dx-icon-globe::before {
  content: "";
}
.dx-icon-group {
  font: 14px/1 DXIcons;
}
.dx-icon-group::before {
  content: "";
}
.dx-icon-help {
  font: 14px/1 DXIcons;
}
.dx-icon-help::before {
  content: "";
}
.dx-icon-home {
  font: 14px/1 DXIcons;
}
.dx-icon-home::before {
  content: "";
}
.dx-icon-image {
  font: 14px/1 DXIcons;
}
.dx-icon-image::before {
  content: "";
}
.dx-icon-info {
  font: 14px/1 DXIcons;
}
.dx-icon-info::before {
  content: "";
}
.dx-icon-key {
  font: 14px/1 DXIcons;
}
.dx-icon-key::before {
  content: "";
}
.dx-icon-like {
  font: 14px/1 DXIcons;
}
.dx-icon-like::before {
  content: "";
}
.dx-icon-map {
  font: 14px/1 DXIcons;
}
.dx-icon-map::before {
  content: "";
}
.dx-icon-menu {
  font: 14px/1 DXIcons;
}
.dx-icon-menu::before {
  content: "";
}
.dx-icon-message {
  font: 14px/1 DXIcons;
}
.dx-icon-message::before {
  content: "";
}
.dx-icon-money {
  font: 14px/1 DXIcons;
}
.dx-icon-money::before {
  content: "";
}
.dx-icon-music {
  font: 14px/1 DXIcons;
}
.dx-icon-music::before {
  content: "";
}
.dx-icon-overflow {
  font: 14px/1 DXIcons;
}
.dx-icon-overflow::before {
  content: "";
}
.dx-icon-percent {
  font: 14px/1 DXIcons;
}
.dx-icon-percent::before {
  content: "";
}
.dx-icon-photo {
  font: 14px/1 DXIcons;
}
.dx-icon-photo::before {
  content: "";
}
.dx-icon-plus {
  font: 14px/1 DXIcons;
}
.dx-icon-plus::before {
  content: "";
}
.dx-icon-minus {
  font: 14px/1 DXIcons;
}
.dx-icon-minus::before {
  content: "";
}
.dx-icon-preferences {
  font: 14px/1 DXIcons;
}
.dx-icon-preferences::before {
  content: "";
}
.dx-icon-product {
  font: 14px/1 DXIcons;
}
.dx-icon-product::before {
  content: "";
}
.dx-icon-pulldown {
  font: 14px/1 DXIcons;
}
.dx-icon-pulldown::before {
  content: "";
}
.dx-icon-refresh {
  font: 14px/1 DXIcons;
}
.dx-icon-refresh::before {
  content: "";
}
.dx-icon-remove {
  font: 14px/1 DXIcons;
}
.dx-icon-remove::before {
  content: "";
}
.dx-icon-revert {
  font: 14px/1 DXIcons;
}
.dx-icon-revert::before {
  content: "";
}
.dx-icon-runner {
  font: 14px/1 DXIcons;
}
.dx-icon-runner::before {
  content: "";
}
.dx-icon-save {
  font: 14px/1 DXIcons;
}
.dx-icon-save::before {
  content: "";
}
.dx-icon-search {
  font: 14px/1 DXIcons;
}
.dx-icon-search::before {
  content: "";
}
.dx-icon-tags {
  font: 14px/1 DXIcons;
}
.dx-icon-tags::before {
  content: "";
}
.dx-icon-tel {
  font: 14px/1 DXIcons;
}
.dx-icon-tel::before {
  content: "";
}
.dx-icon-tips {
  font: 14px/1 DXIcons;
}
.dx-icon-tips::before {
  content: "";
}
.dx-icon-todo {
  font: 14px/1 DXIcons;
}
.dx-icon-todo::before {
  content: "";
}
.dx-icon-toolbox {
  font: 14px/1 DXIcons;
}
.dx-icon-toolbox::before {
  content: "";
}
.dx-icon-trash {
  font: 14px/1 DXIcons;
}
.dx-icon-trash::before {
  content: "";
}
.dx-icon-user {
  font: 14px/1 DXIcons;
}
.dx-icon-user::before {
  content: "";
}
.dx-icon-upload {
  font: 14px/1 DXIcons;
}
.dx-icon-upload::before {
  content: "";
}
.dx-icon-floppy {
  font: 14px/1 DXIcons;
}
.dx-icon-floppy::before {
  content: "";
}
.dx-icon-arrowleft {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowleft::before {
  content: "";
}
.dx-icon-arrowdown {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowdown::before {
  content: "";
}
.dx-icon-arrowright {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowright::before {
  content: "";
}
.dx-icon-arrowup {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowup::before {
  content: "";
}
.dx-icon-spinleft {
  font: 14px/1 DXIcons;
}
.dx-icon-spinleft::before {
  content: "";
}
.dx-icon-spinprev {
  font: 14px/1 DXIcons;
}
.dx-icon-spinprev::before {
  content: "";
}
.dx-icon-spinright {
  font: 14px/1 DXIcons;
}
.dx-icon-spinright::before {
  content: "";
}
.dx-icon-spinnext {
  font: 14px/1 DXIcons;
}
.dx-icon-spinnext::before {
  content: "";
}
.dx-icon-spindown {
  font: 14px/1 DXIcons;
}
.dx-icon-spindown::before {
  content: "";
}
.dx-icon-spinup {
  font: 14px/1 DXIcons;
}
.dx-icon-spinup::before {
  content: "";
}
.dx-icon-chevronleft {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronleft::before {
  content: "";
}
.dx-icon-chevronprev {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronprev::before {
  content: "";
}
.dx-icon-back {
  font: 14px/1 DXIcons;
}
.dx-icon-back::before {
  content: "";
}
.dx-icon-chevronright {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronright::before {
  content: "";
}
.dx-icon-chevronnext {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronnext::before {
  content: "";
}
.dx-icon-chevrondown {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondown::before {
  content: "";
}
.dx-icon-chevronup {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronup::before {
  content: "";
}
.dx-icon-chevrondoubleleft {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleleft::before {
  content: "";
}
.dx-icon-chevrondoubleright {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleright::before {
  content: "";
}
.dx-icon-equal {
  font: 14px/1 DXIcons;
}
.dx-icon-equal::before {
  content: "";
}
.dx-icon-notequal {
  font: 14px/1 DXIcons;
}
.dx-icon-notequal::before {
  content: "";
}
.dx-icon-less {
  font: 14px/1 DXIcons;
}
.dx-icon-less::before {
  content: "";
}
.dx-icon-greater {
  font: 14px/1 DXIcons;
}
.dx-icon-greater::before {
  content: "";
}
.dx-icon-lessorequal {
  font: 14px/1 DXIcons;
}
.dx-icon-lessorequal::before {
  content: "";
}
.dx-icon-greaterorequal {
  font: 14px/1 DXIcons;
}
.dx-icon-greaterorequal::before {
  content: "";
}
.dx-icon-isblank {
  font: 14px/1 DXIcons;
}
.dx-icon-isblank::before {
  content: "";
}
.dx-icon-isnotblank {
  font: 14px/1 DXIcons;
}
.dx-icon-isnotblank::before {
  content: "";
}
.dx-icon-sortup {
  font: 14px/1 DXIcons;
}
.dx-icon-sortup::before {
  content: "";
}
.dx-icon-sortdown {
  font: 14px/1 DXIcons;
}
.dx-icon-sortdown::before {
  content: "";
}
.dx-icon-sortuptext {
  font: 14px/1 DXIcons;
}
.dx-icon-sortuptext::before {
  content: "";
}
.dx-icon-sortdowntext {
  font: 14px/1 DXIcons;
}
.dx-icon-sortdowntext::before {
  content: "";
}
.dx-icon-sorted {
  font: 14px/1 DXIcons;
}
.dx-icon-sorted::before {
  content: "";
}
.dx-icon-expand {
  font: 14px/1 DXIcons;
}
.dx-icon-expand::before {
  content: "";
}
.dx-icon-collapse {
  font: 14px/1 DXIcons;
}
.dx-icon-collapse::before {
  content: "";
}
.dx-icon-columnfield {
  font: 14px/1 DXIcons;
}
.dx-icon-columnfield::before {
  content: "";
}
.dx-icon-rowfield {
  font: 14px/1 DXIcons;
}
.dx-icon-rowfield::before {
  content: "";
}
.dx-icon-datafield {
  font: 14px/1 DXIcons;
}
.dx-icon-datafield::before {
  content: "";
}
.dx-icon-fields {
  font: 14px/1 DXIcons;
}
.dx-icon-fields::before {
  content: "";
}
.dx-icon-fieldchooser {
  font: 14px/1 DXIcons;
}
.dx-icon-fieldchooser::before {
  content: "";
}
.dx-icon-columnchooser {
  font: 14px/1 DXIcons;
}
.dx-icon-columnchooser::before {
  content: "";
}
.dx-icon-pin {
  font: 14px/1 DXIcons;
}
.dx-icon-pin::before {
  content: "";
}
.dx-icon-unpin {
  font: 14px/1 DXIcons;
}
.dx-icon-unpin::before {
  content: "";
}
.dx-icon-pinleft {
  font: 14px/1 DXIcons;
}
.dx-icon-pinleft::before {
  content: "";
}
.dx-icon-pinright {
  font: 14px/1 DXIcons;
}
.dx-icon-pinright::before {
  content: "";
}
.dx-icon-contains {
  font: 14px/1 DXIcons;
}
.dx-icon-contains::before {
  content: "";
}
.dx-icon-startswith {
  font: 14px/1 DXIcons;
}
.dx-icon-startswith::before {
  content: "";
}
.dx-icon-endswith {
  font: 14px/1 DXIcons;
}
.dx-icon-endswith::before {
  content: "";
}
.dx-icon-doesnotcontain {
  font: 14px/1 DXIcons;
}
.dx-icon-doesnotcontain::before {
  content: "";
}
.dx-icon-range {
  font: 14px/1 DXIcons;
}
.dx-icon-range::before {
  content: "";
}
.dx-icon-export {
  font: 14px/1 DXIcons;
}
.dx-icon-export::before {
  content: "";
}
.dx-icon-exportxlsx {
  font: 14px/1 DXIcons;
}
.dx-icon-exportxlsx::before {
  content: "";
}
.dx-icon-exportpdf {
  font: 14px/1 DXIcons;
}
.dx-icon-exportpdf::before {
  content: "";
}
.dx-icon-exportselected {
  font: 14px/1 DXIcons;
}
.dx-icon-exportselected::before {
  content: "";
}
.dx-icon-warning {
  font: 14px/1 DXIcons;
}
.dx-icon-warning::before {
  content: "";
}
.dx-icon-more {
  font: 14px/1 DXIcons;
}
.dx-icon-more::before {
  content: "";
}
.dx-icon-square {
  font: 14px/1 DXIcons;
}
.dx-icon-square::before {
  content: "";
}
.dx-icon-clearsquare {
  font: 14px/1 DXIcons;
}
.dx-icon-clearsquare::before {
  content: "";
}
.dx-icon-repeat {
  font: 14px/1 DXIcons;
}
.dx-icon-repeat::before {
  content: "";
}
.dx-icon-selectall {
  font: 14px/1 DXIcons;
}
.dx-icon-selectall::before {
  content: "";
}
.dx-icon-unselectall {
  font: 14px/1 DXIcons;
}
.dx-icon-unselectall::before {
  content: "";
}
.dx-icon-print {
  font: 14px/1 DXIcons;
}
.dx-icon-print::before {
  content: "";
}
.dx-icon-bold {
  font: 14px/1 DXIcons;
}
.dx-icon-bold::before {
  content: "";
}
.dx-icon-italic {
  font: 14px/1 DXIcons;
}
.dx-icon-italic::before {
  content: "";
}
.dx-icon-underline {
  font: 14px/1 DXIcons;
}
.dx-icon-underline::before {
  content: "";
}
.dx-icon-strike {
  font: 14px/1 DXIcons;
}
.dx-icon-strike::before {
  content: "";
}
.dx-icon-indent {
  font: 14px/1 DXIcons;
}
.dx-icon-indent::before {
  content: "";
}
.dx-icon-increaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-icon-increaselinespacing::before {
  content: "";
}
.dx-icon-font {
  font: 14px/1 DXIcons;
}
.dx-icon-font::before {
  content: "";
}
.dx-icon-fontsize {
  font: 14px/1 DXIcons;
}
.dx-icon-fontsize::before {
  content: "";
}
.dx-icon-shrinkfont {
  font: 14px/1 DXIcons;
}
.dx-icon-shrinkfont::before {
  content: "";
}
.dx-icon-growfont {
  font: 14px/1 DXIcons;
}
.dx-icon-growfont::before {
  content: "";
}
.dx-icon-color {
  font: 14px/1 DXIcons;
}
.dx-icon-color::before {
  content: "";
}
.dx-icon-background {
  font: 14px/1 DXIcons;
}
.dx-icon-background::before {
  content: "";
}
.dx-icon-fill {
  font: 14px/1 DXIcons;
}
.dx-icon-fill::before {
  content: "";
}
.dx-icon-palette {
  font: 14px/1 DXIcons;
}
.dx-icon-palette::before {
  content: "";
}
.dx-icon-superscript {
  font: 14px/1 DXIcons;
}
.dx-icon-superscript::before {
  content: "";
}
.dx-icon-subscript {
  font: 14px/1 DXIcons;
}
.dx-icon-subscript::before {
  content: "";
}
.dx-icon-header {
  font: 14px/1 DXIcons;
}
.dx-icon-header::before {
  content: "";
}
.dx-icon-blockquote {
  font: 14px/1 DXIcons;
}
.dx-icon-blockquote::before {
  content: "";
}
.dx-icon-formula {
  font: 14px/1 DXIcons;
}
.dx-icon-formula::before {
  content: "";
}
.dx-icon-codeblock {
  font: 14px/1 DXIcons;
}
.dx-icon-codeblock::before {
  content: "";
}
.dx-icon-orderedlist {
  font: 14px/1 DXIcons;
}
.dx-icon-orderedlist::before {
  content: "";
}
.dx-icon-bulletlist {
  font: 14px/1 DXIcons;
}
.dx-icon-bulletlist::before {
  content: "";
}
.dx-icon-increaseindent {
  font: 14px/1 DXIcons;
}
.dx-icon-increaseindent::before {
  content: "";
}
.dx-icon-decreaseindent {
  font: 14px/1 DXIcons;
}
.dx-icon-decreaseindent::before {
  content: "";
}
.dx-icon-decreaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-icon-decreaselinespacing::before {
  content: "";
}
.dx-icon-alignleft {
  font: 14px/1 DXIcons;
}
.dx-icon-alignleft::before {
  content: "";
}
.dx-icon-alignright {
  font: 14px/1 DXIcons;
}
.dx-icon-alignright::before {
  content: "";
}
.dx-icon-aligncenter {
  font: 14px/1 DXIcons;
}
.dx-icon-aligncenter::before {
  content: "";
}
.dx-icon-alignjustify {
  font: 14px/1 DXIcons;
}
.dx-icon-alignjustify::before {
  content: "";
}
.dx-icon-link {
  font: 14px/1 DXIcons;
}
.dx-icon-link::before {
  content: "";
}
.dx-icon-video {
  font: 14px/1 DXIcons;
}
.dx-icon-video::before {
  content: "";
}
.dx-icon-mention {
  font: 14px/1 DXIcons;
}
.dx-icon-mention::before {
  content: "";
}
.dx-icon-variable {
  font: 14px/1 DXIcons;
}
.dx-icon-variable::before {
  content: "";
}
.dx-icon-clearformat {
  font: 14px/1 DXIcons;
}
.dx-icon-clearformat::before {
  content: "";
}
.dx-icon-fullscreen {
  font: 14px/1 DXIcons;
}
.dx-icon-fullscreen::before {
  content: "";
}
.dx-icon-hierarchy {
  font: 14px/1 DXIcons;
}
.dx-icon-hierarchy::before {
  content: "";
}
.dx-icon-docfile {
  font: 14px/1 DXIcons;
}
.dx-icon-docfile::before {
  content: "";
}
.dx-icon-docxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-docxfile::before {
  content: "";
}
.dx-icon-pdffile {
  font: 14px/1 DXIcons;
}
.dx-icon-pdffile::before {
  content: "";
}
.dx-icon-pptfile {
  font: 14px/1 DXIcons;
}
.dx-icon-pptfile::before {
  content: "";
}
.dx-icon-pptxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-pptxfile::before {
  content: "";
}
.dx-icon-rtffile {
  font: 14px/1 DXIcons;
}
.dx-icon-rtffile::before {
  content: "";
}
.dx-icon-txtfile {
  font: 14px/1 DXIcons;
}
.dx-icon-txtfile::before {
  content: "";
}
.dx-icon-xlsfile {
  font: 14px/1 DXIcons;
}
.dx-icon-xlsfile::before {
  content: "";
}
.dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-xlsxfile::before {
  content: "";
}
.dx-icon-copy {
  font: 14px/1 DXIcons;
}
.dx-icon-copy::before {
  content: "";
}
.dx-icon-cut {
  font: 14px/1 DXIcons;
}
.dx-icon-cut::before {
  content: "";
}
.dx-icon-paste {
  font: 14px/1 DXIcons;
}
.dx-icon-paste::before {
  content: "";
}
.dx-icon-share {
  font: 14px/1 DXIcons;
}
.dx-icon-share::before {
  content: "";
}
.dx-icon-inactivefolder {
  font: 14px/1 DXIcons;
}
.dx-icon-inactivefolder::before {
  content: "";
}
.dx-icon-newfolder {
  font: 14px/1 DXIcons;
}
.dx-icon-newfolder::before {
  content: "";
}
.dx-icon-movetofolder {
  font: 14px/1 DXIcons;
}
.dx-icon-movetofolder::before {
  content: "";
}
.dx-icon-parentfolder {
  font: 14px/1 DXIcons;
}
.dx-icon-parentfolder::before {
  content: "";
}
.dx-icon-rename {
  font: 14px/1 DXIcons;
}
.dx-icon-rename::before {
  content: "";
}
.dx-icon-detailslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-detailslayout::before {
  content: "";
}
.dx-icon-contentlayout {
  font: 14px/1 DXIcons;
}
.dx-icon-contentlayout::before {
  content: "";
}
.dx-icon-smalliconslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-smalliconslayout::before {
  content: "";
}
.dx-icon-mediumiconslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-mediumiconslayout::before {
  content: "";
}
.dx-icon-undo {
  font: 14px/1 DXIcons;
}
.dx-icon-undo::before {
  content: "";
}
.dx-icon-redo {
  font: 14px/1 DXIcons;
}
.dx-icon-redo::before {
  content: "";
}
.dx-icon-hidepanel {
  font: 14px/1 DXIcons;
}
.dx-icon-hidepanel::before {
  content: "";
}
.dx-icon-showpanel {
  font: 14px/1 DXIcons;
}
.dx-icon-showpanel::before {
  content: "";
}
.dx-icon-checklist {
  font: 14px/1 DXIcons;
}
.dx-icon-checklist::before {
  content: "";
}
.dx-icon-verticalaligntop {
  font: 14px/1 DXIcons;
}
.dx-icon-verticalaligntop::before {
  content: "";
}
.dx-icon-verticalaligncenter {
  font: 14px/1 DXIcons;
}
.dx-icon-verticalaligncenter::before {
  content: "";
}
.dx-icon-verticalalignbottom {
  font: 14px/1 DXIcons;
}
.dx-icon-verticalalignbottom::before {
  content: "";
}
.dx-icon-rowproperties {
  font: 14px/1 DXIcons;
}
.dx-icon-rowproperties::before {
  content: "";
}
.dx-icon-columnproperties {
  font: 14px/1 DXIcons;
}
.dx-icon-columnproperties::before {
  content: "";
}
.dx-icon-cellproperties {
  font: 14px/1 DXIcons;
}
.dx-icon-cellproperties::before {
  content: "";
}
.dx-icon-tableproperties {
  font: 14px/1 DXIcons;
}
.dx-icon-tableproperties::before {
  content: "";
}
.dx-icon-splitcells {
  font: 14px/1 DXIcons;
}
.dx-icon-splitcells::before {
  content: "";
}
.dx-icon-mergecells {
  font: 14px/1 DXIcons;
}
.dx-icon-mergecells::before {
  content: "";
}
.dx-icon-deleterow {
  font: 14px/1 DXIcons;
}
.dx-icon-deleterow::before {
  content: "";
}
.dx-icon-deletecolumn {
  font: 14px/1 DXIcons;
}
.dx-icon-deletecolumn::before {
  content: "";
}
.dx-icon-insertrowabove {
  font: 14px/1 DXIcons;
}
.dx-icon-insertrowabove::before {
  content: "";
}
.dx-icon-insertrowbelow {
  font: 14px/1 DXIcons;
}
.dx-icon-insertrowbelow::before {
  content: "";
}
.dx-icon-insertcolumnleft {
  font: 14px/1 DXIcons;
}
.dx-icon-insertcolumnleft::before {
  content: "";
}
.dx-icon-insertcolumnright {
  font: 14px/1 DXIcons;
}
.dx-icon-insertcolumnright::before {
  content: "";
}
.dx-icon-inserttable {
  font: 14px/1 DXIcons;
}
.dx-icon-inserttable::before {
  content: "";
}
.dx-icon-deletetable {
  font: 14px/1 DXIcons;
}
.dx-icon-deletetable::before {
  content: "";
}
.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-color-scheme {
  font-family: "#";
}
.dx-widget {
  display: block;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
  line-height: 1.2857;
}
.dx-widget,
.dx-widget *,
.dx-widget ::after,
.dx-widget ::before,
.dx-widget::after,
.dx-widget::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-item {
  outline: 0;
}
.dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.dx-state-disabled {
  pointer-events: none;
}
.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 {
  overflow: hidden;
  -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: 2px;
  background-color: #363640;
  margin: 2px 2px 3px;
}
.dx-fieldset .dx-field-value {
  margin: 0;
}
.dx-fieldset,
.dx-fieldset * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-fieldset-header:empty {
  display: none;
}
.dx-field {
  position: relative;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  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::after,
.dx-field::before {
  display: table;
  content: "";
  line-height: 0;
}
.dx-field::after {
  clear: both;
}
.dx-field-label {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-field-value,
.dx-field-value-static {
  float: right;
}
.dx-field-value.dx-datebox {
  min-width: 60%;
}
.dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%;
}
.dx-field-value .dx-selectbox-tag-container {
  white-space: normal;
}
.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  width: auto;
  text-align: left;
}
.dx-fieldset.dx-rtl .dx-field-label,
.dx-rtl .dx-fieldset .dx-field-label {
  float: right;
}
.dx-fieldset.dx-rtl .dx-field-value,
.dx-rtl .dx-fieldset .dx-field-value {
  float: left;
}
.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 8px 20px 24px;
  position: relative;
}
.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: 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: 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-static {
  white-space: normal;
  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-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 16px;
  font-size: 14px;
}
.dx-field {
  margin: 0 0 20px;
}
.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: 14px;
}
.dx-device-mobile .dx-field {
  margin: 0 0 10px;
}
.dx-device-mobile .dx-field:last-of-type {
  margin: 0;
}
.dx-theme-marker {
  font-family: "dx.material.teal.dark.compact";
}
.dx-theme-accent-as-text-color {
  color: #009688!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: #009688!important;
  fill: #009688!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: #009688!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-resizable {
  display: block;
  position: relative;
}
.dx-resizable-handle {
  position: absolute;
  z-index: 50;
}
.dx-state-disabled .dx-resizable-handle {
  cursor: default;
}
.dx-resizable-handle-left,
.dx-resizable-handle-right {
  top: 0;
  height: 100%;
  width: 3px;
}
.dx-resizable-handle-left {
  left: 0;
  cursor: e-resize;
}
.dx-resizable-handle-right {
  right: 0;
  cursor: e-resize;
}
.dx-resizable-handle-bottom,
.dx-resizable-handle-top {
  left: 0;
  width: 100%;
  height: 3px;
}
.dx-resizable-handle-top {
  top: 0;
  cursor: s-resize;
}
.dx-resizable-handle-bottom {
  bottom: 0;
  cursor: s-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  width: 6px;
  height: 6px;
}
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left {
  cursor: se-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-right {
  cursor: ne-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-left {
  left: 0;
  border-bottom-right-radius: 100%;
}
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-right {
  right: 0;
  border-bottom-left-radius: 100%;
}
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  top: 0;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right {
  bottom: 0;
}
.dx-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-draggable.dx-state-disabled,
.dx-state-disabled .dx-draggable {
  cursor: default;
}
.dx-draggable-clone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
}
.dx-clearfix::after,
.dx-clearfix::before {
  display: table;
  content: "";
  line-height: 0;
}
.dx-clearfix::after {
  clear: both;
}
.dx-translate-disabled {
  -webkit-transform: none!important;
  transform: none!important;
}
.dx-hidden-input {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
}
.dx-user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.dx-hidden,
.dx-state-invisible {
  display: none!important;
}
.dx-gesture-cover {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2147483647;
}
.dx-animating {
  pointer-events: none;
}
.dx-fade-animation.dx-enter,
.dx-fade-animation.dx-leave.dx-leave-active,
.dx-no-direction.dx-enter,
.dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0;
}
.dx-fade-animation.dx-enter.dx-enter-active,
.dx-fade-animation.dx-leave,
.dx-no-direction.dx-enter.dx-enter-active,
.dx-no-direction.dx-leave {
  opacity: 1;
}
.dx-overflow-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  z-index: 2;
}
.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 2;
}
.dx-overflow-animation.dx-enter.dx-backward,
.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward,
.dx-overflow-animation.dx-leave.dx-forward,
.dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 1;
}
.dx-overflow-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 2;
}
.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  z-index: 2;
}
.dx-slide-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.dx-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.dx-slide-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
.dx-slide-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.dx-opendoor-animation.dx-enter.dx-forward {
  -webkit-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1);
  transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward,
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.dx-opendoor-animation.dx-leave.dx-backward,
.dx-opendoor-animation.dx-leave.dx-forward {
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 1;
}
.dx-opendoor-animation.dx-enter.dx-backward,
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1);
  transform: matrix3d(.5,0,.87,-.001,0,1,0,0,-.87,0,.5,0,0,0,0,1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1);
  transform: matrix3d(.71,0,.71,.001,0,1,0,0,-.71,0,.71,0,0,0,0,1);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-forward {
  -webkit-transform: scale(.5);
  transform: scale(.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-enter.dx-backward,
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: scale(.5);
  transform: scale(.5);
  opacity: 0;
}
.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(0,150px,0);
  transform: translate3d(0,150px,0);
  opacity: 0;
}
.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}
.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  z-index: 1;
}
.dx-ios7-slide-animation.dx-enter.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.dx-ios7-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-20%,0,0);
  transform: translate3d(-20%,0,0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-20%,0,0);
  transform: translate3d(-20%,0,0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-leave.dx-backward {
  z-index: 2;
}
.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(40%,0,0);
  transform: translate3d(40%,0,0);
  opacity: 0;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-40%,0,0);
  transform: translate3d(-40%,0,0);
  opacity: 0;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward,
.dx-ios7-toolbar-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-40%,0,0);
  transform: translate3d(-40%,0,0);
  opacity: 0;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(40%,0,0);
  transform: translate3d(40%,0,0);
  opacity: 0;
  z-index: 2;
}
.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0,-120%,0);
  transform: translate3d(0,-120%,0);
}
.dx-drop-animation.dx-enter.dx-enter-active,
.dx-drop-animation.dx-leave {
  -webkit-transf