You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1883 lines
43 KiB
1883 lines
43 KiB
/*! |
|
* DevExpress PhoneJS |
|
* Version: 13.2.7 |
|
* Build date: Feb 10, 2014 |
|
* |
|
* Copyright (c) 2012 - 2014 Developer Express Inc. ALL RIGHTS RESERVED |
|
* EULA: http://phonejs.devexpress.com/EULA |
|
*/ |
|
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td |
|
{ |
|
font-size: 100%; |
|
margin: 0; |
|
padding: 0; |
|
border: 0; |
|
outline: 0; |
|
background: transparent; |
|
} |
|
html, body |
|
{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
body |
|
{ |
|
background: #fff; |
|
} |
|
.dx-viewport, .dx-hidden-bag |
|
{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-hidden-bag |
|
{ |
|
top: -9999px; |
|
left: -9999px; |
|
position: fixed; |
|
} |
|
blockquote, q |
|
{ |
|
quotes: none; |
|
} |
|
a |
|
{ |
|
color: #818181; |
|
} |
|
:focus |
|
{ |
|
outline: 0; |
|
} |
|
ins |
|
{ |
|
text-decoration: none; |
|
} |
|
del |
|
{ |
|
text-decoration: line-through; |
|
} |
|
table |
|
{ |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
} |
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section |
|
{ |
|
display: block; |
|
} |
|
.dx-full-height |
|
{ |
|
height: 100%; |
|
} |
|
.dx-transition |
|
{ |
|
position: relative; |
|
} |
|
.dx-transition-absolute .dx-transition-inner-wrapper |
|
{ |
|
position: absolute; |
|
height: 100%; |
|
width: 100%; |
|
} |
|
.dx-transition-absolute .dx-inactive-view |
|
{ |
|
left: -9999px !important; |
|
height: 100%; |
|
position: absolute !important; |
|
} |
|
.dx-transition-absolute .dx-active-view |
|
{ |
|
left: 0; |
|
height: 100%; |
|
position: absolute; |
|
} |
|
.dx-hidden, .dx-transition-static .dx-inactive-view |
|
{ |
|
display: none !important; |
|
} |
|
.dx-inactive-view .dx-loadindicator |
|
{ |
|
display: none; |
|
} |
|
.dx-clearfix:before, .dx-clearfix:after |
|
{ |
|
display: table; |
|
line-height: 0; |
|
content: ""; |
|
} |
|
.dx-clearfix:after |
|
{ |
|
clear: both; |
|
} |
|
.dx-translate-disabled |
|
{ |
|
-webkit-transform: none !important; |
|
-moz-transform: none !important; |
|
-ms-transform: none !important; |
|
-o-transform: none !important; |
|
transform: none !important; |
|
} |
|
.dx-hidden-input |
|
{ |
|
position: fixed; |
|
left: -10px; |
|
top: -10px; |
|
width: 0; |
|
height: 0; |
|
} |
|
.dx-user-select |
|
{ |
|
-webkit-user-select: text; |
|
-moz-user-select: text; |
|
-ms-user-select: text; |
|
-o-user-select: text; |
|
user-select: text; |
|
} |
|
.dx-color-scheme |
|
{ |
|
font-family: "#"; |
|
} |
|
.dx-widget |
|
{ |
|
padding: 0; |
|
-webkit-touch-callout: none; |
|
-webkit-tap-highlight-color: rgba(0,0,0,0); |
|
-ms-content-zooming: none; |
|
-webkit-text-size-adjust: none; |
|
} |
|
.dx-widget.dx-state-invisible, .dx-widget .dx-state-invisible |
|
{ |
|
display: none !important; |
|
} |
|
.dx-fieldset |
|
{ |
|
margin-bottom: 20px; |
|
} |
|
.dx-fieldset .dx-field |
|
{ |
|
padding: .4em; |
|
position: relative; |
|
} |
|
.dx-fieldset .dx-field:before, .dx-fieldset .dx-field:after |
|
{ |
|
display: table; |
|
line-height: 0; |
|
content: ""; |
|
} |
|
.dx-fieldset .dx-field:after |
|
{ |
|
clear: both; |
|
} |
|
.dx-fieldset .dx-field-label |
|
{ |
|
float: left; |
|
width: 40%; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.dx-fieldset .dx-field-value |
|
{ |
|
float: right; |
|
width: 60%; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
margin: 0; |
|
} |
|
.dx-button |
|
{ |
|
display: inline-block; |
|
cursor: pointer; |
|
text-align: center; |
|
vertical-align: middle; |
|
max-width: 100%; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-button .dx-button-content |
|
{ |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
max-height: 100%; |
|
} |
|
.dx-button.dx-state-disabled |
|
{ |
|
cursor: default; |
|
} |
|
.dx-button .dx-button-link |
|
{ |
|
text-decoration: none; |
|
} |
|
.dx-button .dx-icon |
|
{ |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.dx-button .dx-button-text |
|
{ |
|
display: inline; |
|
vertical-align: middle; |
|
} |
|
.dx-scrollable |
|
{ |
|
height: 100%; |
|
} |
|
.dx-scrollable.dx-scrollable-native |
|
{ |
|
-webkit-overflow-scrolling: touch; |
|
-ms-overflow-style: -ms-autohiding-scrollbar; |
|
-ms-scroll-snap-type: proximity; |
|
} |
|
.dx-scrollable.dx-scrollable-native .dx-scrollable-scrollbar |
|
{ |
|
display: none; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-scrollbar-simulated |
|
{ |
|
position: relative; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar |
|
{ |
|
display: block; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable.dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container |
|
{ |
|
overflow-y: auto; |
|
-ms-touch-action: pan-y; |
|
overflow-x: hidden; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable.dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container |
|
{ |
|
overflow-x: auto; |
|
-ms-touch-action: pan-x; |
|
overflow-y: hidden; |
|
float: none; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-both, .dx-scrollable.dx-scrollable-native.dx-scrollable-both .dx-scrollable-container |
|
{ |
|
overflow-x: auto; |
|
overflow-y: auto; |
|
-ms-touch-action: pan-y pan-x; |
|
float: none; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable.dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container |
|
{ |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
-ms-touch-action: auto auto; |
|
} |
|
.dx-scrollable.dx-scrollable-native .dx-scrollable-container |
|
{ |
|
height: 100%; |
|
-webkit-overflow-scrolling: touch; |
|
position: relative; |
|
} |
|
.dx-scrollable.dx-scrollable-native .dx-scrollable-content |
|
{ |
|
-webkit-transform: translateZ(0); |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar |
|
{ |
|
display: none; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content |
|
{ |
|
min-height: 101%; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-native-generic |
|
{ |
|
-ms-overflow-style: auto; |
|
overflow: hidden; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content |
|
{ |
|
height: auto; |
|
-webkit-transform: translateZ(0); |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-native-android |
|
{ |
|
overflow: hidden; |
|
} |
|
.dx-scrollable.dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content |
|
{ |
|
-webkit-backface-visibility: visible; |
|
-moz-backface-visibility: visible; |
|
-ms-backface-visibility: visible; |
|
backface-visibility: visible; |
|
-webkit-transform: none; |
|
-moz-transform: none; |
|
-ms-transform: none; |
|
-o-transform: none; |
|
transform: none; |
|
} |
|
.dx-scrollable-container |
|
{ |
|
position: relative; |
|
overflow: hidden; |
|
width: 100%; |
|
height: 100%; |
|
-ms-touch-action: none; |
|
-webkit-tap-highlight-color: transparent; |
|
} |
|
.dx-scrollable-content |
|
{ |
|
position: relative; |
|
min-height: 100%; |
|
-webkit-backface-visibility: hidden; |
|
-webkit-transform: translate3d(0,0,0); |
|
} |
|
.dx-scrollable-content:before, .dx-scrollable-content:after |
|
{ |
|
display: table; |
|
line-height: 0; |
|
content: ""; |
|
} |
|
.dx-scrollable-content:after |
|
{ |
|
clear: both; |
|
} |
|
.dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content |
|
{ |
|
float: left; |
|
min-width: 100%; |
|
display: block; |
|
} |
|
.dx-scrollable-scrollbar |
|
{ |
|
position: absolute; |
|
} |
|
.dx-scrollable-scrollbar.dx-scrollbar-vertical |
|
{ |
|
top: 0; |
|
right: 0; |
|
height: 100%; |
|
} |
|
.dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll |
|
{ |
|
min-height: 15px; |
|
width: 5px; |
|
} |
|
.dx-scrollable-scrollbar.dx-scrollbar-horizontal |
|
{ |
|
bottom: 0; |
|
left: 0; |
|
width: 100%; |
|
} |
|
.dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll |
|
{ |
|
min-width: 15px; |
|
height: 5px; |
|
} |
|
.dx-scrollable-scrollbar .dx-scrollable-scroll |
|
{ |
|
opacity: .5; |
|
position: relative; |
|
-webkit-backface-visibility: hidden; |
|
-webkit-transform: translate3d(0,0,0); |
|
-webkit-transition: opacity 0 linear 0; |
|
-moz-transition: opacity 0 linear 0; |
|
-o-transition: opacity 0 linear 0; |
|
transition: opacity 0 linear 0; |
|
} |
|
.dx-scrollable-scrollbar .dx-scrollable-scroll.dx-state-invisible |
|
{ |
|
display: block !important; |
|
opacity: 0; |
|
-webkit-transition: opacity 500ms linear 1s; |
|
-moz-transition: opacity 500ms linear 1s; |
|
-o-transition: opacity 500ms linear 1s; |
|
transition: opacity 500ms linear 1s; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android.dx-scrollview-obsolete-android-browser .dx-scrollview-content |
|
{ |
|
-webkit-transform: none; |
|
-moz-transform: none; |
|
-ms-transform: none; |
|
-o-transform: none; |
|
transform: none; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android.dx-scrollview-obsolete-android-browser .dx-scrollview-scrollbottom |
|
{ |
|
-webkit-transform: none; |
|
-moz-transform: none; |
|
-ms-transform: none; |
|
-o-transform: none; |
|
transform: none; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket |
|
{ |
|
height: 3px; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down |
|
{ |
|
position: relative; |
|
height: 3px; |
|
width: 100%; |
|
top: 0; |
|
padding: 0; |
|
background: #2c9fc9; |
|
margin: 0 auto -2px; |
|
-webkit-transition: width 100ms linear 0; |
|
-moz-transition: width 100ms linear 0; |
|
-o-transition: width 100ms linear 0; |
|
transition: width 100ms linear 0; |
|
overflow: hidden; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down div |
|
{ |
|
position: absolute; |
|
width: 3px; |
|
height: 3px; |
|
background: #fff; |
|
top: 0; |
|
left: 0; |
|
opacity: 0; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading |
|
{ |
|
width: 100%; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pulldown-pointer1 |
|
{ |
|
-webkit-animation: dx-pulldown-animation 2s ease-in infinite 0; |
|
-moz-animation: dx-pulldown-animation 2s ease-in infinite 0; |
|
-o-animation: dx-pulldown-animation 2s ease-in infinite 0; |
|
animation: dx-pulldown-animation 2s ease-in infinite 0; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pulldown-pointer2 |
|
{ |
|
-webkit-animation: dx-pulldown-animation 2s ease-in infinite .5s; |
|
-moz-animation: dx-pulldown-animation 2s ease-in infinite .5s; |
|
-o-animation: dx-pulldown-animation 2s ease-in infinite .5s; |
|
animation: dx-pulldown-animation 2s ease-in infinite .5s; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pulldown-pointer3 |
|
{ |
|
-webkit-animation: dx-pulldown-animation 2s ease-in infinite 1s; |
|
-moz-animation: dx-pulldown-animation 2s ease-in infinite 1s; |
|
-o-animation: dx-pulldown-animation 2s ease-in infinite 1s; |
|
animation: dx-pulldown-animation 2s ease-in infinite 1s; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pulldown-pointer4 |
|
{ |
|
-webkit-animation: dx-pulldown-animation 2s ease-in infinite 1.5s; |
|
-moz-animation: dx-pulldown-animation 2s ease-in infinite 1.5s; |
|
-o-animation: dx-pulldown-animation 2s ease-in infinite 1.5s; |
|
animation: dx-pulldown-animation 2s ease-in infinite 1.5s; |
|
} |
|
@-webkit-keyframes dx-pulldown-animation |
|
{ |
|
0% |
|
{ |
|
left: 0; |
|
opacity: .9; |
|
} |
|
100% |
|
{ |
|
left: 100%; |
|
opacity: .6; |
|
} |
|
} |
|
@-moz-keyframes dx-pulldown-animation |
|
{ |
|
0% |
|
{ |
|
left: 0; |
|
opacity: .9; |
|
} |
|
100% |
|
{ |
|
left: 100%; |
|
opacity: .6; |
|
} |
|
} |
|
@-ms-keyframes dx-pulldown-animation |
|
{ |
|
0% |
|
{ |
|
left: 0; |
|
opacity: .9; |
|
} |
|
100% |
|
{ |
|
left: 100%; |
|
opacity: .6; |
|
} |
|
} |
|
@-o-keyframes dx-pulldown-animation{0%{left:0;opacity:.9;}100%{left:100%;opacity:.6;}} |
|
@keyframes dx-pulldown-animation |
|
{ |
|
0% |
|
{ |
|
left: 0; |
|
opacity: .9; |
|
} |
|
100% |
|
{ |
|
left: 100%; |
|
opacity: .6; |
|
} |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket |
|
{ |
|
position: absolute; |
|
left: 0; |
|
width: 100%; |
|
z-index: -1; |
|
overflow-y: auto; |
|
-webkit-transition: -webkit-transform 400ms ease; |
|
-moz-transition: -moz-transform 400ms ease; |
|
-o-transition: -o-transform 400ms ease; |
|
transition: transform 400ms ease; |
|
-webkit-transform: translate3d(0,0,0) scale(1); |
|
-moz-transform: translate3d(0,0,0) scale(1); |
|
-ms-transform: translate3d(0,0,0) scale(1); |
|
-o-transform: translate3d(0,0,0) scale(1); |
|
transform: translate3d(0,0,0) scale(1); |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content |
|
{ |
|
-webkit-transition: -webkit-transform 400ms ease; |
|
-moz-transition: -moz-transform 400ms ease; |
|
-o-transition: -o-transform 400ms ease; |
|
transition: transform 400ms ease; |
|
-webkit-transform: translate3d(0,0,0) scale(1); |
|
-moz-transform: translate3d(0,0,0) scale(1); |
|
-ms-transform: translate3d(0,0,0) scale(1); |
|
-o-transform: translate3d(0,0,0) scale(1); |
|
transform: translate3d(0,0,0) scale(1); |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled |
|
{ |
|
overflow-y: auto; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container |
|
{ |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container .dx-scrollable-content |
|
{ |
|
overflow-y: hidden; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container .dx-scrollview-content |
|
{ |
|
overflow-y: hidden; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollable-content |
|
{ |
|
height: 100%; |
|
width: 100%; |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
-ms-overflow-style: none; |
|
-ms-scroll-snap-type: mandatory; |
|
-ms-scroll-snap-points-y: snapList(0%,80px,100%); |
|
-ms-scroll-chaining: none; |
|
-ms-touch-action: pan-y; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollable-content:after |
|
{ |
|
display: block; |
|
content: " "; |
|
height: 30px; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollable-content .dx-scrollview-top-pocket |
|
{ |
|
min-height: 30px; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollview-content |
|
{ |
|
height: 100%; |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
-ms-overflow-style: -ms-autohiding-scrollbar; |
|
-ms-touch-action: pan-y; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-locked, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-refreshing, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-loading |
|
{ |
|
-ms-touch-action: none; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-locked .dx-scrollable-content, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-refreshing .dx-scrollable-content, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-loading .dx-scrollable-content |
|
{ |
|
-ms-touch-action: none; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-locked .dx-scrollview-content, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-refreshing .dx-scrollview-content, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-loading .dx-scrollview-content |
|
{ |
|
-ms-touch-action: none; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-refreshing .dx-scrollview-pull-down-indicator, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator |
|
{ |
|
opacity: 1; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-refreshing .dx-scrollview-pull-down-image, .dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image |
|
{ |
|
opacity: 0; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollview-pull-down-indicator |
|
{ |
|
transition: opacity ease 400ms; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollview-pull-down-indicator progress::-ms-fill |
|
{ |
|
animation-name: -ms-ring; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container .dx-scrollview-bottom-pocket |
|
{ |
|
width: 100%; |
|
text-align: center; |
|
} |
|
.dx-scrollview.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket |
|
{ |
|
position: absolute; |
|
display: none; |
|
} |
|
.dx-scrollview .dx-scrollview-content |
|
{ |
|
position: relative; |
|
-webkit-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
} |
|
.dx-scrollview .dx-scrollview-content:before, .dx-scrollview .dx-scrollview-content:after |
|
{ |
|
display: table; |
|
line-height: 0; |
|
content: ""; |
|
} |
|
.dx-scrollview .dx-scrollview-content:after |
|
{ |
|
clear: both; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down |
|
{ |
|
width: 100%; |
|
height: 50px; |
|
padding-top: 30px; |
|
top: -80px; |
|
overflow: hidden; |
|
-webkit-transform: translate3d(0,0,0); |
|
-moz-transform: translate3d(0,0,0); |
|
-ms-transform: translate3d(0,0,0); |
|
-o-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down .dx-scrollview-pull-down-container |
|
{ |
|
display: inline-block; |
|
width: 49%; |
|
text-align: right; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator |
|
{ |
|
opacity: 0; |
|
position: absolute; |
|
left: 0; |
|
top: 50%; |
|
display: inline-block; |
|
margin: -21px 40px 0; |
|
width: 20px; |
|
height: 23px; |
|
line-height: 30px; |
|
padding-top: 7px; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down .dx-scrollview-pull-down-image |
|
{ |
|
display: inline-block; |
|
vertical-align: middle; |
|
margin: 0 40px; |
|
width: 20px; |
|
height: 50px; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
-webkit-transform: translate3d(0,0,0) rotate(0); |
|
-moz-transform: translate3d(0,0,0) rotate(0); |
|
-ms-transform: translate3d(0,0,0) rotate(0); |
|
-o-transform: translate3d(0,0,0) rotate(0); |
|
transform: translate3d(0,0,0) rotate(0); |
|
-ms-transform: rotate(0); |
|
-webkit-transition: -webkit-transform .2s linear; |
|
-moz-transition: -moz-transform .2s linear; |
|
-o-transition: -o-transform .2s linear; |
|
transition: transform .2s linear; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down .dx-scrollview-pull-down-text |
|
{ |
|
display: inline; |
|
vertical-align: middle; |
|
position: relative; |
|
overflow: visible; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down .dx-scrollview-pull-down-text div |
|
{ |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
white-space: nowrap; |
|
overflow: visible; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image |
|
{ |
|
-webkit-transform: translate3d(0,0,0) rotate(-180deg); |
|
-moz-transform: translate3d(0,0,0) rotate(-180deg); |
|
-ms-transform: translate3d(0,0,0) rotate(-180deg); |
|
-o-transform: translate3d(0,0,0) rotate(-180deg); |
|
transform: translate3d(0,0,0) rotate(-180deg); |
|
-ms-transform: rotate(-180deg); |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image |
|
{ |
|
opacity: 0; |
|
} |
|
.dx-scrollview .dx-scrollview-pull-down.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator |
|
{ |
|
opacity: 1; |
|
} |
|
.dx-scrollview .dx-scrollview-scrollbottom |
|
{ |
|
width: 100%; |
|
padding: 10px 0; |
|
overflow: hidden; |
|
text-align: center; |
|
-webkit-transform: translate3d(0,0,0); |
|
-moz-transform: translate3d(0,0,0); |
|
-ms-transform: translate3d(0,0,0); |
|
-o-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
} |
|
.dx-scrollview .dx-scrollview-scrollbottom .dx-scrollview-scrollbottom-indicator |
|
{ |
|
display: inline-block; |
|
height: 23px; |
|
line-height: 30px; |
|
padding-top: 7px; |
|
margin: 0 10px 0 0; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-scrollview .dx-scrollview-scrollbottom .dx-scrollview-scrollbottom-text |
|
{ |
|
display: inline; |
|
vertical-align: middle; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-scrollview .dx-scrollview-scrollbottom.dx-scrollview-scrollbottom-end |
|
{ |
|
opacity: 0; |
|
} |
|
.dx-scrollable.dx-scrollview-hybrid |
|
{ |
|
overflow: visible; |
|
height: auto; |
|
} |
|
.dx-scrollable.dx-scrollview-hybrid .dx-scrollable-container |
|
{ |
|
overflow: visible; |
|
height: auto; |
|
} |
|
.dx-checkbox |
|
{ |
|
display: inline-block; |
|
margin: 1px; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-checkbox.dx-state-disabled |
|
{ |
|
cursor: default; |
|
} |
|
.dx-checkbox .dx-checkbox-icon |
|
{ |
|
display: inline-block; |
|
width: 100%; |
|
height: 100%; |
|
background-size: cover !important; |
|
} |
|
.dx-slider |
|
{ |
|
margin: 1px; |
|
line-height: 0; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
} |
|
.dx-slider.dx-state-disabled .dx-slider-wrapper |
|
{ |
|
cursor: default; |
|
} |
|
.dx-slider .dx-slider-wrapper |
|
{ |
|
position: relative; |
|
display: inline-block; |
|
width: 100%; |
|
cursor: pointer; |
|
} |
|
.dx-slider .dx-slider-wrapper .dx-slider-range |
|
{ |
|
position: absolute; |
|
top: 0; |
|
height: 100%; |
|
pointer-events: none; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-slider .dx-slider-wrapper .dx-slider-handle |
|
{ |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-switch |
|
{ |
|
position: relative; |
|
display: inline-block; |
|
overflow: visible; |
|
margin: 1px; |
|
cursor: pointer; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
} |
|
.dx-switch.dx-state-disabled |
|
{ |
|
cursor: default; |
|
} |
|
.dx-switch .dx-switch-wrapper |
|
{ |
|
overflow: hidden; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-switch .dx-switch-inner |
|
{ |
|
margin-left: -50px; |
|
} |
|
.dx-tabs |
|
{ |
|
text-align: center; |
|
display: inline-block; |
|
font-size: 0 !important; |
|
} |
|
.dx-tabs .dx-tab |
|
{ |
|
display: inline-block; |
|
cursor: pointer; |
|
position: relative; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.dx-tabs .dx-tab a |
|
{ |
|
text-decoration: none; |
|
color: #fff; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
background-color: #fff; |
|
opacity: .001; |
|
} |
|
.dx-tabs .dx-tab .dx-icon |
|
{ |
|
display: block; |
|
margin: 0 auto; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-tabs .dx-tab .dx-tab-text |
|
{ |
|
display: block; |
|
text-align: center; |
|
margin: 0 auto; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-map |
|
{ |
|
position: relative; |
|
} |
|
.dx-map .dx-map-container, .dx-map .dx-map-shield |
|
{ |
|
color: #000; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-map .dx-map-shield |
|
{ |
|
opacity: .01; |
|
background: rgba(0,0,0,.01); |
|
} |
|
.dx-tabs.dx-navbar |
|
{ |
|
width: 100%; |
|
margin: 0; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
} |
|
.dx-tabs.dx-navbar .dx-nav-item |
|
{ |
|
vertical-align: bottom; |
|
} |
|
.dx-tabs.dx-navbar .dx-nav-item a |
|
{ |
|
display: block; |
|
height: 100%; |
|
text-decoration: none; |
|
} |
|
.dx-tabs.dx-navbar .dx-nav-item-content |
|
{ |
|
position: relative; |
|
} |
|
.dx-editbox |
|
{ |
|
margin: 1px; |
|
} |
|
.dx-editbox .dx-editbox-input |
|
{ |
|
width: 100%; |
|
border: 0; |
|
outline: 0; |
|
-webkit-appearance: none; |
|
-webkit-user-modify: read-write-plaintext-only; |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
-webkit-user-select: text; |
|
-moz-user-select: text; |
|
-ms-user-select: text; |
|
-o-user-select: text; |
|
user-select: text; |
|
} |
|
.dx-editbox .dx-placeholder |
|
{ |
|
position: relative; |
|
} |
|
.dx-editbox .dx-placeholder:before |
|
{ |
|
position: absolute; |
|
display: block; |
|
width: 100%; |
|
height: 100%; |
|
content: attr(DATA-DX_PLACEHOLDER); |
|
} |
|
.dx-editbox .dx-placeholder.dx-hide:before |
|
{ |
|
display: none; |
|
} |
|
.dx-textarea .dx-editbox-input |
|
{ |
|
resize: none; |
|
font-family: inherit; |
|
} |
|
.dx-numberbox input[type=number]::-webkit-inner-spin-button |
|
{ |
|
-webkit-appearance: none; |
|
} |
|
.dx-datepicker-wrapper .dx-datepicker-rollers |
|
{ |
|
display: table; |
|
} |
|
.dx-datepicker-wrapper .dx-datepicker-rollers .dx-datepicker-roller |
|
{ |
|
position: relative; |
|
display: table-cell; |
|
} |
|
.dx-toolbar |
|
{ |
|
position: relative; |
|
width: 100%; |
|
overflow: hidden; |
|
} |
|
.dx-toolbar .dx-toolbar-items-container |
|
{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-toolbar .dx-toolbar-item |
|
{ |
|
display: table-cell; |
|
padding: 0 5px; |
|
vertical-align: middle; |
|
} |
|
.dx-toolbar .dx-toolbar-item .dx-tabs |
|
{ |
|
table-layout: auto; |
|
} |
|
.dx-toolbar .dx-toolbar-item img |
|
{ |
|
display: block; |
|
} |
|
.dx-toolbar .dx-toolbar-menu-container |
|
{ |
|
display: table-cell; |
|
padding: 0 5px; |
|
vertical-align: middle; |
|
} |
|
.dx-toolbar .dx-toolbar-menu-container .dx-tabs |
|
{ |
|
table-layout: auto; |
|
} |
|
.dx-toolbar .dx-toolbar-menu-container img |
|
{ |
|
display: block; |
|
} |
|
.dx-toolbar .dx-toolbar-left, .dx-toolbar .dx-toolbar-right |
|
{ |
|
position: absolute; |
|
} |
|
.dx-toolbar .dx-toolbar-left |
|
{ |
|
left: 0; |
|
} |
|
.dx-toolbar .dx-toolbar-right |
|
{ |
|
right: 0; |
|
} |
|
.dx-toolbar .dx-toolbar-label |
|
{ |
|
white-space: nowrap; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-toolbar .dx-toolbar-label>div |
|
{ |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.dx-toolbar .dx-toolbar-center |
|
{ |
|
margin: 0 auto; |
|
height: 100%; |
|
text-align: center; |
|
} |
|
.dx-toolbar .dx-toolbar-center, .dx-toolbar .dx-toolbar-left, .dx-toolbar .dx-toolbar-right |
|
{ |
|
display: table; |
|
top: 0; |
|
height: 100%; |
|
} |
|
.dx-list |
|
{ |
|
min-height: 3em; |
|
margin: 0; |
|
} |
|
.dx-list .dx-list-item |
|
{ |
|
position: static; |
|
cursor: pointer; |
|
-webkit-backface-visibility: hidden; |
|
} |
|
.dx-list.dx-scrollable-native-android.dx-scrollview-obsolete-android-browser .dx-list-item |
|
{ |
|
-webkit-backface-visibility: visible; |
|
-moz-backface-visibility: visible; |
|
-ms-backface-visibility: visible; |
|
backface-visibility: visible; |
|
} |
|
.dx-list.dx-scrollable-native-ios .dx-list-item |
|
{ |
|
-webkit-transform: translate3d(0,0,0); |
|
-moz-transform: translate3d(0,0,0); |
|
-ms-transform: translate3d(0,0,0); |
|
-o-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
} |
|
.dx-list .dx-list-item-response-wait |
|
{ |
|
opacity: .5; |
|
-webkit-transition: opacity .2s linear 0; |
|
-moz-transition: opacity .2s linear 0; |
|
-o-transition: opacity .2s linear 0; |
|
transition: opacity .2s linear 0; |
|
} |
|
.dx-list .dx-list-item-bag-container, .dx-list .dx-slide-item-content |
|
{ |
|
display: table; |
|
table-layout: fixed; |
|
width: 100%; |
|
} |
|
.dx-list .dx-list-item-bag-container |
|
{ |
|
padding: 0 !important; |
|
} |
|
.dx-list .dx-list-item-content, .dx-list .dx-list-item-left-bag, .dx-list .dx-list-item-right-bag |
|
{ |
|
display: table-cell; |
|
} |
|
.dx-list .dx-list-item-left-bag, .dx-list .dx-list-item-right-bag |
|
{ |
|
position: relative; |
|
vertical-align: middle; |
|
height: 100%; |
|
width: 0; |
|
} |
|
.dx-list .dx-list-item-content |
|
{ |
|
width: 100%; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.dx-list .dx-list-item-left-bag .dx-toggle-delete-switch |
|
{ |
|
display: block; |
|
float: left; |
|
opacity: 0; |
|
padding: 3px 0; |
|
} |
|
.dx-list .dx-list-item-left-bag .dx-icon-toggle-delete |
|
{ |
|
-webkit-transition: all .1s linear 0; |
|
-moz-transition: all .1s linear 0; |
|
-o-transition: all .1s linear 0; |
|
transition: all .1s linear 0; |
|
} |
|
.dx-list .dx-list-item-left-bag .dx-select-checkbox |
|
{ |
|
float: left; |
|
-webkit-transition: all .1s linear 0; |
|
-moz-transition: all .1s linear 0; |
|
-o-transition: all .1s linear 0; |
|
transition: all .1s linear 0; |
|
} |
|
.dx-list .dx-switchable-delete-button-container |
|
{ |
|
overflow: hidden; |
|
position: absolute; |
|
top: 0; |
|
right: -100%; |
|
bottom: 0; |
|
-webkit-transition: right .2s linear 0; |
|
-moz-transition: right .2s linear 0; |
|
-o-transition: right .2s linear 0; |
|
transition: right .2s linear 0; |
|
} |
|
.dx-list .dx-switchable-delete-button-wrapper |
|
{ |
|
display: table; |
|
height: 100%; |
|
} |
|
.dx-list .dx-switchable-delete-button-inner-wrapper |
|
{ |
|
display: table-cell; |
|
vertical-align: middle; |
|
height: 100%; |
|
padding-left: 1px; |
|
} |
|
.dx-list .dx-switchable-delete-ready .dx-icon-toggle-delete |
|
{ |
|
-webkit-transform: rotate(-90deg); |
|
-moz-transform: rotate(-90deg); |
|
-ms-transform: rotate(-90deg); |
|
-o-transform: rotate(-90deg); |
|
transform: rotate(-90deg); |
|
} |
|
.dx-list .dx-switchable-delete-ready .dx-switchable-delete-button-container |
|
{ |
|
right: 0 !important; |
|
} |
|
.dx-list .dx-slide-item-content |
|
{ |
|
z-index: 1001; |
|
position: relative; |
|
} |
|
.dx-list .dx-slide-item-delete-button-container |
|
{ |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
position: absolute; |
|
overflow: hidden; |
|
top: 0; |
|
bottom: 0; |
|
left: 100%; |
|
right: 0; |
|
} |
|
.dx-list .dx-slide-item-delete-button |
|
{ |
|
display: table; |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
right: 0; |
|
height: 100%; |
|
} |
|
.dx-list .dx-slide-item-delete-button-content |
|
{ |
|
display: table-cell; |
|
vertical-align: middle; |
|
padding: 0 10px; |
|
} |
|
.dx-list .dx-list-next-button |
|
{ |
|
padding: 5px; |
|
text-align: center; |
|
} |
|
.dx-list .dx-list-next-button .dx-button |
|
{ |
|
padding: 0 3em; |
|
} |
|
.dx-list.dx-list-editing .dx-list-item |
|
{ |
|
position: relative; |
|
} |
|
.dx-list.dx-list-editing .dx-swipe-delete-button |
|
{ |
|
padding-right: 10px; |
|
} |
|
.dx-list.dx-list-editing .dx-toggle-delete-switch |
|
{ |
|
opacity: 1; |
|
} |
|
.dx-list.dx-state-disabled, .dx-list.dx-state-disabled .dx-list-item, .dx-list.dx-state-disabled.dx-list-item |
|
{ |
|
cursor: default; |
|
} |
|
.dx-holddelete-menuitem |
|
{ |
|
cursor: pointer; |
|
} |
|
.dx-tileview .dx-tile |
|
{ |
|
position: absolute !important; |
|
-webkit-backface-visibility: hidden; |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
.dx-tileview .dx-tile.dx-state-active |
|
{ |
|
-webkit-transition: -webkit-transform 100ms linear; |
|
-moz-transition: -moz-transform 100ms linear; |
|
-o-transition: -o-transform 100ms linear; |
|
transition: transform 100ms linear; |
|
-webkit-transform: scale(.96); |
|
-moz-transform: scale(.96); |
|
-ms-transform: scale(.96); |
|
-o-transform: scale(.96); |
|
transform: scale(.96); |
|
} |
|
.dx-tileview .dx-tiles-wrapper |
|
{ |
|
position: relative; |
|
height: 1px; |
|
} |
|
.dx-tileview div.dx-scrollable-container |
|
{ |
|
overflow-y: hidden; |
|
} |
|
.dx-overlay-wrapper |
|
{ |
|
position: absolute; |
|
z-index: 1000; |
|
top: 0; |
|
left: 0; |
|
-webkit-transform: translate3d(0,0,0); |
|
-moz-transform: translate3d(0,0,0); |
|
-ms-transform: translate3d(0,0,0); |
|
-o-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
} |
|
.dx-overlay-wrapper.dx-overlay-modal |
|
{ |
|
position: fixed; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-overlay-wrapper.dx-overlay-shader |
|
{ |
|
background-color: rgba(128,128,128,.5); |
|
} |
|
.dx-overlay-wrapper .dx-overlay-content |
|
{ |
|
position: absolute; |
|
z-index: 1000; |
|
overflow: hidden; |
|
-webkit-transform: translate3d(0,0,0); |
|
-moz-transform: translate3d(0,0,0); |
|
-ms-transform: translate3d(0,0,0); |
|
-o-transform: translate3d(0,0,0); |
|
transform: translate3d(0,0,0); |
|
} |
|
.dx-toast-wrapper .dx-toast-content |
|
{ |
|
display: inline-block; |
|
padding: 10px; |
|
vertical-align: middle; |
|
} |
|
.dx-toast-wrapper .dx-toast-content .dx-toast-icon |
|
{ |
|
display: inline-block; |
|
width: 35px; |
|
height: 35px; |
|
margin-right: 10px; |
|
vertical-align: middle; |
|
} |
|
.dx-toast-wrapper .dx-toast-content .dx-toast-message |
|
{ |
|
display: inline; |
|
vertical-align: middle; |
|
} |
|
.dx-toast-wrapper .dx-toast-content.dx-toast-info |
|
{ |
|
background-color: #80b9e4; |
|
} |
|
.dx-toast-wrapper .dx-toast-content.dx-toast-warning |
|
{ |
|
background-color: #ffb277; |
|
} |
|
.dx-toast-wrapper .dx-toast-content.dx-toast-error |
|
{ |
|
background-color: #f77; |
|
} |
|
.dx-toast-wrapper .dx-toast-content.dx-toast-success |
|
{ |
|
background-color: #6ec881; |
|
} |
|
.dx-popup-wrapper .dx-overlay-content .dx-popup-title |
|
{ |
|
min-height: 19px; |
|
padding: 10px; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-popup-wrapper .dx-overlay-content .dx-popup-content |
|
{ |
|
padding: 10px; |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
} |
|
.dx-dialog-root .dx-overlay-shader |
|
{ |
|
background-color: #444; |
|
} |
|
.dx-dialog-root .dx-overlay-content .dx-dialog-content |
|
{ |
|
padding: 0; |
|
} |
|
.dx-dialog-root .dx-overlay-content .dx-dialog-message |
|
{ |
|
padding: 10px 10px 5px 10px; |
|
} |
|
.dx-dialog-root .dx-overlay-content .dx-dialog-buttons |
|
{ |
|
width: 100%; |
|
margin: 0 auto; |
|
overflow: hidden; |
|
text-align: center; |
|
} |
|
.dx-popover-wrapper .dx-popover-arrow |
|
{ |
|
width: 10px; |
|
height: 10px; |
|
z-index: 2000; |
|
width: 21px; |
|
height: 11px; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
.dx-popover-wrapper .dx-popover-arrow:after |
|
{ |
|
width: 20px; |
|
height: 20px; |
|
top: 5px; |
|
left: 0; |
|
overflow: hidden; |
|
position: absolute; |
|
content: " "; |
|
display: block; |
|
-webkit-transform: rotate(45deg); |
|
-moz-transform: rotate(45deg); |
|
-ms-transform: rotate(45deg); |
|
-o-transform: rotate(45deg); |
|
transform: rotate(45deg); |
|
} |
|
.dx-popover-wrapper .dx-popover-arrow.dx-popover-arrow-flipped:after |
|
{ |
|
top: -14px; |
|
} |
|
.dx-gallery |
|
{ |
|
position: relative; |
|
overflow: hidden; |
|
width: 100%; |
|
height: 100%; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
} |
|
.dx-gallery .dx-gallery-wrapper |
|
{ |
|
position: relative; |
|
height: 100%; |
|
} |
|
.dx-gallery .dx-gallery-nav-button-prev, .dx-gallery .dx-gallery-nav-button-next |
|
{ |
|
position: absolute; |
|
top: 50%; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
-o-user-select: none; |
|
user-select: none; |
|
-webkit-background-size: 100% 100%; |
|
-moz-background-size: 100% 100%; |
|
background-size: 100% 100%; |
|
} |
|
.dx-gallery.dx-state-disabled .dx-gallery-nav-button-prev, .dx-gallery.dx-state-disabled .dx-gallery-nav-button-next |
|
{ |
|
cursor: default; |
|
} |
|
.dx-gallery .dx-gallery-nav-button-prev |
|
{ |
|
left: 0; |
|
} |
|
.dx-gallery .dx-gallery-nav-button-next |
|
{ |
|
right: 0; |
|
} |
|
.dx-gallery .dx-gallery-item |
|
{ |
|
text-align: center; |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
} |
|
.dx-gallery .dx-gallery-indicator |
|
{ |
|
position: absolute; |
|
bottom: 10px; |
|
width: 100%; |
|
height: 10px; |
|
font-size: 0; |
|
} |
|
.dx-gallery .dx-gallery-indicator-item |
|
{ |
|
display: inline-block; |
|
height: 10px; |
|
margin: 0 2px; |
|
} |
|
.dx-gallery .dx-gallery-item-loop |
|
{ |
|
display: none; |
|
} |
|
.dx-gallery.dx-gallery-loop .dx-gallery-item-loop |
|
{ |
|
display: block; |
|
} |
|
.dx-lookup |
|
{ |
|
height: 19px; |
|
} |
|
.dx-lookup .dx-lookup-field |
|
{ |
|
cursor: pointer; |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
width: 100%; |
|
height: 100%; |
|
position: relative; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
-o-text-overflow: ellipsis; |
|
-ms-text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.dx-lookup-popup-wrapper .dx-list-item |
|
{ |
|
cursor: pointer; |
|
} |
|
.dx-lookup-popup-wrapper .dx-popup-content |
|
{ |
|
position: absolute; |
|
top: 40px; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
} |
|
.dx-lookup-popup-wrapper .dx-popup-content .dx-list |
|
{ |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
height: auto; |
|
min-height: 0; |
|
} |
|
.dx-lookup-popup-wrapper.dx-lookup-popup-search .dx-popup-content .dx-list |
|
{ |
|
top: 45px; |
|
} |
|
.dx-action-sheet-popup-wrapper .dx-overlay-content |
|
{ |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
padding-top: 0; |
|
padding-bottom: 0; |
|
} |
|
.dx-action-sheet-popup-wrapper .dx-overlay-content .dx-button |
|
{ |
|
padding-left: 0; |
|
padding-right: 0; |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
.dx-action-sheet-popup-wrapper .dx-overlay-content .dx-action-sheet-item, .dx-action-sheet-popup-wrapper .dx-overlay-content .dx-action-sheet-cancel |
|
{ |
|
width: 100%; |
|
} |
|
.dx-action-sheet-popup-wrapper .dx-popup-title, .dx-action-sheet-popover-wrapper .dx-popup-title |
|
{ |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
} |
|
.dx-loadindicator |
|
{ |
|
position: relative; |
|
width: 32px; |
|
height: 32px; |
|
display: inline-block; |
|
overflow: hidden; |
|
border: none; |
|
background: transparent; |
|
} |
|
.dx-loadindicator.dx-loadindicator-small |
|
{ |
|
width: 20px; |
|
height: 20px; |
|
} |
|
.dx-loadindicator.dx-loadindicator-medium |
|
{ |
|
width: 32px; |
|
height: 32px; |
|
} |
|
.dx-loadindicator.dx-loadindicator-large |
|
{ |
|
width: 64px; |
|
height: 64px; |
|
} |
|
.dx-loadindicator-container>.dx-loadindicator |
|
{ |
|
top: 50%; |
|
left: 50%; |
|
position: absolute; |
|
margin-top: -16px; |
|
margin-left: -16px; |
|
} |
|
.dx-loadindicator-container>.dx-loadindicator.dx-loadindicator-small |
|
{ |
|
margin-top: -10px; |
|
margin-left: -10px; |
|
} |
|
.dx-loadindicator-container>.dx-loadindicator.dx-loadindicator-medium |
|
{ |
|
margin-top: -16px; |
|
margin-left: -16px; |
|
} |
|
.dx-loadindicator-container>.dx-loadindicator.dx-loadindicator-large |
|
{ |
|
margin-top: -32px; |
|
margin-left: -32px; |
|
} |
|
.dx-loadpanel-content |
|
{ |
|
padding: 10px; |
|
border: 1px solid #ccc; |
|
background: #fefefe; |
|
filter: alpha(opacity=90); |
|
-khtml-opacity: .9; |
|
-moz-opacity: .9; |
|
opacity: .9; |
|
-webkit-border-radius: 5px; |
|
-moz-border-radius: 5px; |
|
-ms-border-radius: 5px; |
|
-o-border-radius: 5px; |
|
border-radius: 5px; |
|
-webkit-user-drag: none; |
|
-moz-user-drag: none; |
|
-ms-user-drag: none; |
|
-o-user-drag: none; |
|
user-drag: none; |
|
text-align: center; |
|
} |
|
.dx-loadpanel-content .dx-loadpanel-image |
|
{ |
|
height: 30px; |
|
} |
|
.dx-loadpanel-content .dx-loadpanel-message |
|
{ |
|
margin: 25px; |
|
text-align: center; |
|
} |
|
.dx-loadpanel-content .dx-loadpanel-message.dx-loadpanel-has-indicator |
|
{ |
|
margin: 0; |
|
} |
|
.dx-overlay-wrapper.dx-loadpanel-wrapper, .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-overlay-shader, .dx-overlay-wrapper.dx-loadpanel-wrapper .dx-overlay-content |
|
{ |
|
z-index: 1001; |
|
} |
|
.dx-autocomplete-popup-wrapper .dx-list |
|
{ |
|
min-height: 35px; |
|
} |
|
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list |
|
{ |
|
min-height: 40px; |
|
min-width: 100px; |
|
} |
|
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-child |
|
{ |
|
border-bottom: none; |
|
} |
|
.dx-selectbox |
|
{ |
|
position: relative; |
|
} |
|
.dx-selectbox .dx-selectbox-value |
|
{ |
|
display: inline; |
|
vertical-align: middle; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
} |
|
.dx-radio-group .dx-radio-button |
|
{ |
|
display: table; |
|
cursor: pointer; |
|
} |
|
.dx-radio-group .dx-radio-button .dx-radio-value-container |
|
{ |
|
display: table-cell; |
|
vertical-align: middle; |
|
padding-right: 10px; |
|
padding-left: 5px; |
|
} |
|
.dx-radio-group.dx-radio-group-horizontal:before, .dx-radio-group.dx-radio-group-horizontal:after |
|
{ |
|
display: table; |
|
line-height: 0; |
|
content: ""; |
|
} |
|
.dx-radio-group.dx-radio-group-horizontal:after |
|
{ |
|
clear: both; |
|
} |
|
.dx-radio-group.dx-radio-group-horizontal .dx-radio-button |
|
{ |
|
float: left; |
|
} |
|
.dx-radio-group.dx-radio-group-horizontal .dx-radio-button:last-of-type |
|
{ |
|
margin-right: 0; |
|
} |
|
.dx-pivottabs |
|
{ |
|
position: relative; |
|
overflow: hidden; |
|
width: 100%; |
|
} |
|
.dx-pivottabs .dx-pivottabs-tab, .dx-pivottabs .dx-pivottabs-ghosttab |
|
{ |
|
position: absolute; |
|
} |
|
.dx-pivot |
|
{ |
|
position: relative; |
|
height: 100%; |
|
} |
|
.dx-pivot .dx-pivot-itemcontainer |
|
{ |
|
position: absolute; |
|
bottom: 0; |
|
width: 100%; |
|
} |
|
.dx-pivot .dx-pivot-itemwrapper |
|
{ |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-pivot .dx-pivot-item |
|
{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.dx-pivot .dx-pivot-item.dx-pivot-item-hidden |
|
{ |
|
top: -9999px; |
|
left: -9999px; |
|
position: absolute; |
|
} |
|
.dx-panorama |
|
{ |
|
position: relative; |
|
height: 100%; |
|
overflow: hidden; |
|
-webkit-background-size: auto 100%; |
|
-moz-background-size: auto 100%; |
|
background-size: auto 100%; |
|
background-repeat: repeat-x; |
|
background-position-y: 0; |
|
} |
|
.dx-panorama .dx-panorama-title, .dx-panorama .dx-panorama-ghosttitle |
|
{ |
|
position: absolute; |
|
white-space: nowrap; |
|
} |
|
.dx-panorama .dx-panorama-itemscontainer |
|
{ |
|
position: absolute; |
|
bottom: 0; |
|
width: 100%; |
|
} |
|
.dx-panorama .dx-panorama-item, .dx-panorama .dx-panorama-ghostitem |
|
{ |
|
-webkit-box-sizing: border-box; |
|
-moz-box-sizing: border-box; |
|
box-sizing: border-box; |
|
position: absolute; |
|
width: 88%; |
|
height: 100%; |
|
} |
|
.dx-slideout |
|
{ |
|
height: 100%; |
|
width: 100%; |
|
position: absolute; |
|
overflow: hidden; |
|
} |
|
.dx-slideout .dx-slideout-menu.dx-list |
|
{ |
|
min-width: 280px; |
|
position: absolute; |
|
top: 0; |
|
} |
|
.dx-slideout .dx-slideout-menu.dx-list .dx-list-item .dx-icon |
|
{ |
|
float: left; |
|
margin-right: 15px; |
|
-moz-background-size: 100%; |
|
-o-background-size: 100%; |
|
-webkit-background-size: 100%; |
|
background-size: 100%; |
|
width: 24px; |
|
height: 24px; |
|
} |
|
.dx-slideout .dx-slideout-item-container |
|
{ |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
}
|
|
|