UNPKG

yinghe-lowcode

Version:

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

2,120 lines 688 kB
/** * 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