md-date-time-picker-rails 2.0.2 → 2.0.3a

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: aba4d28c8f11e2435d30493018627351c506ef5b
4
- data.tar.gz: 70c6ceb06b0dc57c2a735a548c66fbeb4a52c938
3
+ metadata.gz: 2504d6abf78a11ae0629c5ee61e307c8f661f67f
4
+ data.tar.gz: d9081779d28a6654852387f4963af0ca64d9e1e0
5
5
  SHA512:
6
- metadata.gz: 4154c3ba49a51fa62b52989fcd1c429df2e139fe5f010005e49333a3b78a735e984872f5bac54fa2f1ce5ef27ca78a7631b945a74b0a6055337924cee3376d47
7
- data.tar.gz: 21f0dbcf6654c9fac242d3f949d2661785a199e7ed10e132b1e1f185c13dd8c4d4a1ee2a563fbd8279f60a50ddcffa8e4e6fd08c1108c68d708de01cf919d5ef
6
+ metadata.gz: a6d750ce371eb73c76bbcb8265eaf34b6ae715cb714510d3d26e37eccc6f13e09dbf135f0b51be2722164995258e5a12efbe24fef22a727c067305962e2ec8db
7
+ data.tar.gz: 96de1a3910d8ae6f64890889724c3d19319c7d9e72617a98b15b77363d8826919c20763488c05abef23729e695759387ed764a914d0ded8d919fa6fd82c02eea
data/README.md CHANGED
@@ -15,7 +15,7 @@ Ruby gems url: https://rubygems.org/gems/md-date-time-picker-rails
15
15
  Add this line to your application's Gemfile:
16
16
 
17
17
  ```ruby
18
- gem 'md_date_time_picker-rails'
18
+ gem 'md-date-time-picker-rails'
19
19
  ```
20
20
 
21
21
  And then execute:
@@ -38,9 +38,43 @@ And you need to edit your `app/assets/stylesheets/application.css` file
38
38
  and add the following line:
39
39
 
40
40
  ```css
41
- *= require mdDateTimePicker.min
41
+ *= require md-date-time-picker
42
42
  ```
43
43
 
44
+ If Use `app/assets/stylesheets/application.scss` file
45
+ ```scss
46
+ @import "md-date-time-picker";
47
+ ```
48
+
49
+ ## Theme
50
+
51
+ mdDateTimePicker provided prebuilt
52
+ [themes](http://puranjayjain.github.io/md-date-time-picker/)
53
+
54
+ This Gem progressively support all Themes
55
+
56
+ If you apply theme, you need to edit your `app/assets/stylesheets/application.scss` or `app/assets/stylesheets/application.scss` file
57
+ and change the following line:
58
+
59
+
60
+ ```css
61
+ # app/assets/stylesheets/application.css
62
+ *= require themes/dark/amber/md-date-time-picker
63
+ ```
64
+
65
+ ```scss
66
+ # app/assets/stylesheets/application.scss
67
+ @import "themes/dark/amber/md-date-time-picker";
68
+ ```
69
+
70
+ Currently, Support Theme List
71
+
72
+ - `themes/dark/amber`, `themes/dark/blue`, `themes/dark/blue-grey`
73
+
74
+
75
+
76
+
77
+
44
78
 
45
79
  ## Usage
46
80
 
@@ -1,5 +1,5 @@
1
1
  module MdDateTimePicker
2
2
  module Rails
3
- VERSION = "2.0.2"
3
+ VERSION = "2.0.3a"
4
4
  end
5
5
  end
@@ -0,0 +1,1537 @@
1
+ /* ========== Color Palettes ========== */
2
+ /* colors.scss */
3
+ /* Typography */
4
+ /* Shadows */
5
+ /* Animations */
6
+ /* Dialog */
7
+ .mddtp-button {
8
+ height: 36px;
9
+ min-width: 64px;
10
+ border: none;
11
+ background-color: transparent;
12
+ border-radius: 3px;
13
+ display: inline-block;
14
+ padding: 0 8px;
15
+ margin-right: 8px;
16
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
17
+ font-size: 15px;
18
+ text-transform: uppercase;
19
+ outline: none;
20
+ cursor: pointer;
21
+ color: #ffe082;
22
+ -webkit-appearance: button;
23
+ overflow: visible;
24
+ -webkit-tap-highlight-color: transparent;
25
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
26
+
27
+ .mddtp-button:hover,
28
+ .mddtp-button:focus {
29
+ background-color: #616161; }
30
+
31
+ .mddtp-button:active {
32
+ background-color: #757575; }
33
+
34
+ .mddtp-button:disabled {
35
+ color: rgba(255, 255, 255, 0.3);
36
+ cursor: not-allowed; }
37
+
38
+ .mddtp-picker {
39
+ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
40
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
41
+ min-width: 280px;
42
+ position: fixed;
43
+ top: 50%;
44
+ left: 50%;
45
+ -webkit-transform: translate3d(-50%, -50%, 0);
46
+ transform: translate3d(-50%, -50%, 0);
47
+ -webkit-transform-origin: 0 0;
48
+ -ms-transform-origin: 0 0;
49
+ transform-origin: 0 0;
50
+ display: table;
51
+ border-radius: 3px;
52
+ line-height: normal;
53
+ overflow: hidden;
54
+ z-index: 99999; }
55
+ .mddtp-picker .mddtp-picker__header {
56
+ width: 100px;
57
+ background-color: #616161;
58
+ padding: 24px 24px 20px; }
59
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title {
60
+ color: rgba(255, 255, 255, 0.7);
61
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
62
+ font-size: 28px;
63
+ font-weight: 700; }
64
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
65
+ font-weight: 400;
66
+ font-size: 16px;
67
+ line-height: 20px; }
68
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
69
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
70
+ color: rgba(255, 255, 255, 0.7);
71
+ margin: 0;
72
+ cursor: pointer; }
73
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__color--active {
74
+ color: white; }
75
+ .mddtp-picker .mddtp-picker__body {
76
+ position: relative;
77
+ background-color: #424242; }
78
+ .mddtp-picker .mddtp-picker__body .mddtp-picker__action {
79
+ margin-top: 24px;
80
+ padding: 8px 0;
81
+ text-align: right; }
82
+ .mddtp-picker .mddtp-picker__header,
83
+ .mddtp-picker .mddtp-picker__body {
84
+ display: table-cell;
85
+ vertical-align: top;
86
+ height: 100%; }
87
+
88
+ .mddtp-picker-date .mddtp-picker__left {
89
+ /* background: url("../images/ic_keyboard_arrow_left_white_24px.svg"); */
90
+ background: url("<%= image_path('ic_keyboard_arrow_left_white_24px.svg') %>");
91
+ left: 4px; }
92
+
93
+ .mddtp-picker-date .mddtp-picker__right {
94
+ /* background: url("../images/ic_keyboard_arrow_right_white_24px.svg"); */
95
+ background: url("<%= image_path('ic_keyboard_arrow_right_white_24px.svg') %>");
96
+ right: 4px; }
97
+
98
+ .mddtp-picker-date .mddtp-picker__left,
99
+ .mddtp-picker-date .mddtp-picker__right {
100
+ position: absolute;
101
+ background-repeat: no-repeat;
102
+ background-position: center;
103
+ margin: 0;
104
+ height: 48px;
105
+ width: 48px;
106
+ min-width: 48px;
107
+ top: 4px;
108
+ border-radius: 50%; }
109
+ .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:focus, .mddtp-picker-date .mddtp-picker__left:focus,
110
+ .mddtp-picker-date .mddtp-picker__right:hover,
111
+ .mddtp-picker-date .mddtp-picker__right:hover,
112
+ .mddtp-picker-date .mddtp-picker__right:focus,
113
+ .mddtp-picker-date .mddtp-picker__right:focus {
114
+ background-color: #616161; }
115
+ .mddtp-picker-date .mddtp-picker__left:active, .mddtp-picker-date .mddtp-picker__left:active,
116
+ .mddtp-picker-date .mddtp-picker__right:active,
117
+ .mddtp-picker-date .mddtp-picker__right:active {
118
+ background-color: #757575; }
119
+ .mddtp-picker-date .mddtp-picker__left:disabled, .mddtp-picker-date .mddtp-picker__left:disabled,
120
+ .mddtp-picker-date .mddtp-picker__right:disabled,
121
+ .mddtp-picker-date .mddtp-picker__right:disabled {
122
+ background-repeat: no-repeat;
123
+ background-position: center; }
124
+
125
+ .mddtp-picker-date .mddtp-picker__left:disabled {
126
+ /* background-image: url("../images/ic_keyboard_arrow_left_white_disabled_24px.svg"); */
127
+ background-image: url("<%= image_path('ic_keyboard_arrow_left_white_disabled_24px.svg') %>"); }
128
+
129
+ .mddtp-picker-date .mddtp-picker__right:disabled {
130
+ /* background-image: url("../images/ic_keyboard_arrow_right_white_disabled_24px.svg"); }*/
131
+ background-image: url("<%= image_path('ic_keyboard_arrow_right_white_disabled_24px.svg') %>"); }
132
+
133
+ .mddtp-picker__body .mddtp-picker__viewHolder {
134
+ width: 314px;
135
+ overflow: hidden; }
136
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views {
137
+ list-style: none;
138
+ margin: 0;
139
+ padding: 0;
140
+ font-size: 0;
141
+ width: 2000px; }
142
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view {
143
+ display: inline-block;
144
+ width: 314px;
145
+ text-align: center;
146
+ -webkit-transform: translate3d(-100%, 0, 0);
147
+ transform: translate3d(-100%, 0, 0);
148
+ transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
149
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
150
+ display: inline-block;
151
+ padding: 18px;
152
+ font-size: 13px;
153
+ font-weight: 600;
154
+ color: white; }
155
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left {
156
+ -webkit-transform: translate3d(-200%, 0, 0);
157
+ transform: translate3d(-200%, 0, 0); }
158
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right {
159
+ -webkit-transform: translate3d(0, 0, 0);
160
+ transform: translate3d(0, 0, 0); }
161
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause {
162
+ transition: none; }
163
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid {
164
+ padding: 8px 14px 0; }
165
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
166
+ display: inline-block;
167
+ font-size: 13px;
168
+ margin: 2px;
169
+ color: white;
170
+ border-radius: 50%;
171
+ width: 36px;
172
+ height: 36px;
173
+ line-height: 36px;
174
+ vertical-align: middle; }
175
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
176
+ color: #ffe082;
177
+ font-weight: 600; }
178
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
179
+ background-color: #ffe082;
180
+ color: #424242; }
181
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled {
182
+ color: rgba(255, 255, 255, 0.3);
183
+ cursor: not-allowed; }
184
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr {
185
+ padding: 2px 0; }
186
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell {
187
+ pointer-events: all;
188
+ cursor: pointer; }
189
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
190
+ color: rgba(255, 255, 255, 0.7); }
191
+
192
+ .mddtp-picker__years {
193
+ position: absolute;
194
+ left: 0;
195
+ top: 0;
196
+ list-style: none;
197
+ margin: 0;
198
+ padding: 0;
199
+ width: 100%;
200
+ height: calc(100% - 52px);
201
+ text-align: center;
202
+ overflow: auto; }
203
+ .mddtp-picker__years li {
204
+ font-size: 16px;
205
+ padding: 8px 0;
206
+ color: white;
207
+ cursor: pointer; }
208
+ .mddtp-picker__years .mddtp-picker__li--current {
209
+ font-size: 21px;
210
+ color: #ffe082; }
211
+ .mddtp-picker__years--invisible {
212
+ display: none; }
213
+
214
+ .mddtp-picker-time .mddtp-picker__header {
215
+ vertical-align: middle;
216
+ width: 125px; }
217
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
218
+ text-align: right;
219
+ font-size: 0; }
220
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span {
221
+ font-size: 45px;
222
+ font-weight: 400;
223
+ line-height: 48px;
224
+ margin: 0 2px; }
225
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
226
+ margin-top: 8px;
227
+ text-align: center; }
228
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div {
229
+ margin-top: 2px; }
230
+
231
+ .mddtp-picker__circularHolder {
232
+ position: relative;
233
+ width: 250px;
234
+ height: 250px;
235
+ margin: 20px;
236
+ border-radius: 50%;
237
+ background-color: #616161; }
238
+
239
+ .mddtp-picker__circularView {
240
+ position: absolute;
241
+ width: 100%;
242
+ height: 100%; }
243
+ .mddtp-picker__circularView .mddtp-picker__cell {
244
+ position: absolute;
245
+ width: 50%;
246
+ top: calc(50% - 18px);
247
+ left: 50%;
248
+ text-align: right;
249
+ -webkit-transform-origin: left center;
250
+ -ms-transform-origin: left center;
251
+ transform-origin: left center; }
252
+ .mddtp-picker__circularView .mddtp-picker__cell span {
253
+ display: inline-block;
254
+ cursor: pointer;
255
+ font-size: 13px;
256
+ color: white;
257
+ border-radius: 50%;
258
+ width: 36px;
259
+ height: 36px;
260
+ line-height: 36px;
261
+ text-align: center;
262
+ margin-right: 8px; }
263
+ .mddtp-picker__circularView .mddtp-picker__cell--selected span, .mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span {
264
+ color: #424242; }
265
+ .mddtp-picker__circularView--hidden {
266
+ display: none; }
267
+
268
+ .mddtp-picker__circle--fake {
269
+ position: absolute;
270
+ border-radius: 50%;
271
+ height: 36px;
272
+ width: 36px;
273
+ cursor: move;
274
+ /* fallback if grab cursor is unsupported */
275
+ cursor: grab;
276
+ cursor: -webkit-grab; }
277
+ .mddtp-picker__circle--fake.is-pointer-down, .mddtp-picker__circle--fake:active {
278
+ cursor: grabbing;
279
+ cursor: -webkit-grabbing; }
280
+
281
+ .mddtp-picker__selection {
282
+ position: absolute;
283
+ left: 50%;
284
+ top: calc(50% - 18px);
285
+ width: 50%;
286
+ font-size: 0;
287
+ -webkit-transform-origin: left center;
288
+ -ms-transform-origin: left center;
289
+ transform-origin: left center;
290
+ transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
291
+ .mddtp-picker__selection span {
292
+ display: inline-block;
293
+ background-color: #ffe082;
294
+ height: 2px;
295
+ vertical-align: middle; }
296
+ .mddtp-picker__selection span.mddtp-picker__dot {
297
+ width: 8px;
298
+ height: 8px;
299
+ border-radius: 50%; }
300
+ .mddtp-picker__selection span.mddtp-picker__line {
301
+ width: calc(100% - 52px); }
302
+ .mddtp-picker__selection span.mddtp-picker__circle {
303
+ border-radius: 50%;
304
+ height: 36px;
305
+ width: 36px; }
306
+ .mddtp-picker__selection--quick {
307
+ transition: none; }
308
+
309
+ .mddtp-picker__cell--rotate-1 {
310
+ -webkit-transform: rotate(-87deg);
311
+ -ms-transform: rotate(-87deg);
312
+ transform: rotate(-87deg); }
313
+ .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
314
+ -webkit-transform: rotate(87deg);
315
+ -ms-transform: rotate(87deg);
316
+ transform: rotate(87deg); }
317
+
318
+ .mddtp-picker__cell--rotate-2 {
319
+ -webkit-transform: rotate(-84deg);
320
+ -ms-transform: rotate(-84deg);
321
+ transform: rotate(-84deg); }
322
+ .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
323
+ -webkit-transform: rotate(84deg);
324
+ -ms-transform: rotate(84deg);
325
+ transform: rotate(84deg); }
326
+
327
+ .mddtp-picker__cell--rotate-3 {
328
+ -webkit-transform: rotate(-81deg);
329
+ -ms-transform: rotate(-81deg);
330
+ transform: rotate(-81deg); }
331
+ .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
332
+ -webkit-transform: rotate(81deg);
333
+ -ms-transform: rotate(81deg);
334
+ transform: rotate(81deg); }
335
+
336
+ .mddtp-picker__cell--rotate-4 {
337
+ -webkit-transform: rotate(-78deg);
338
+ -ms-transform: rotate(-78deg);
339
+ transform: rotate(-78deg); }
340
+ .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
341
+ -webkit-transform: rotate(78deg);
342
+ -ms-transform: rotate(78deg);
343
+ transform: rotate(78deg); }
344
+
345
+ .mddtp-picker__cell--rotate-5 {
346
+ -webkit-transform: rotate(-75deg);
347
+ -ms-transform: rotate(-75deg);
348
+ transform: rotate(-75deg); }
349
+ .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
350
+ -webkit-transform: rotate(75deg);
351
+ -ms-transform: rotate(75deg);
352
+ transform: rotate(75deg); }
353
+
354
+ .mddtp-picker__cell--rotate-6 {
355
+ -webkit-transform: rotate(-72deg);
356
+ -ms-transform: rotate(-72deg);
357
+ transform: rotate(-72deg); }
358
+ .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
359
+ -webkit-transform: rotate(72deg);
360
+ -ms-transform: rotate(72deg);
361
+ transform: rotate(72deg); }
362
+
363
+ .mddtp-picker__cell--rotate-7 {
364
+ -webkit-transform: rotate(-69deg);
365
+ -ms-transform: rotate(-69deg);
366
+ transform: rotate(-69deg); }
367
+ .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
368
+ -webkit-transform: rotate(69deg);
369
+ -ms-transform: rotate(69deg);
370
+ transform: rotate(69deg); }
371
+
372
+ .mddtp-picker__cell--rotate-8 {
373
+ -webkit-transform: rotate(-66deg);
374
+ -ms-transform: rotate(-66deg);
375
+ transform: rotate(-66deg); }
376
+ .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
377
+ -webkit-transform: rotate(66deg);
378
+ -ms-transform: rotate(66deg);
379
+ transform: rotate(66deg); }
380
+
381
+ .mddtp-picker__cell--rotate-9 {
382
+ -webkit-transform: rotate(-63deg);
383
+ -ms-transform: rotate(-63deg);
384
+ transform: rotate(-63deg); }
385
+ .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
386
+ -webkit-transform: rotate(63deg);
387
+ -ms-transform: rotate(63deg);
388
+ transform: rotate(63deg); }
389
+
390
+ .mddtp-picker__cell--rotate-10 {
391
+ -webkit-transform: rotate(-60deg);
392
+ -ms-transform: rotate(-60deg);
393
+ transform: rotate(-60deg); }
394
+ .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
395
+ -webkit-transform: rotate(60deg);
396
+ -ms-transform: rotate(60deg);
397
+ transform: rotate(60deg); }
398
+
399
+ .mddtp-picker__cell--rotate-11 {
400
+ -webkit-transform: rotate(-57deg);
401
+ -ms-transform: rotate(-57deg);
402
+ transform: rotate(-57deg); }
403
+ .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
404
+ -webkit-transform: rotate(57deg);
405
+ -ms-transform: rotate(57deg);
406
+ transform: rotate(57deg); }
407
+
408
+ .mddtp-picker__cell--rotate-12 {
409
+ -webkit-transform: rotate(-54deg);
410
+ -ms-transform: rotate(-54deg);
411
+ transform: rotate(-54deg); }
412
+ .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
413
+ -webkit-transform: rotate(54deg);
414
+ -ms-transform: rotate(54deg);
415
+ transform: rotate(54deg); }
416
+
417
+ .mddtp-picker__cell--rotate-13 {
418
+ -webkit-transform: rotate(-51deg);
419
+ -ms-transform: rotate(-51deg);
420
+ transform: rotate(-51deg); }
421
+ .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
422
+ -webkit-transform: rotate(51deg);
423
+ -ms-transform: rotate(51deg);
424
+ transform: rotate(51deg); }
425
+
426
+ .mddtp-picker__cell--rotate-14 {
427
+ -webkit-transform: rotate(-48deg);
428
+ -ms-transform: rotate(-48deg);
429
+ transform: rotate(-48deg); }
430
+ .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
431
+ -webkit-transform: rotate(48deg);
432
+ -ms-transform: rotate(48deg);
433
+ transform: rotate(48deg); }
434
+
435
+ .mddtp-picker__cell--rotate-15 {
436
+ -webkit-transform: rotate(-45deg);
437
+ -ms-transform: rotate(-45deg);
438
+ transform: rotate(-45deg); }
439
+ .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
440
+ -webkit-transform: rotate(45deg);
441
+ -ms-transform: rotate(45deg);
442
+ transform: rotate(45deg); }
443
+
444
+ .mddtp-picker__cell--rotate-16 {
445
+ -webkit-transform: rotate(-42deg);
446
+ -ms-transform: rotate(-42deg);
447
+ transform: rotate(-42deg); }
448
+ .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
449
+ -webkit-transform: rotate(42deg);
450
+ -ms-transform: rotate(42deg);
451
+ transform: rotate(42deg); }
452
+
453
+ .mddtp-picker__cell--rotate-17 {
454
+ -webkit-transform: rotate(-39deg);
455
+ -ms-transform: rotate(-39deg);
456
+ transform: rotate(-39deg); }
457
+ .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
458
+ -webkit-transform: rotate(39deg);
459
+ -ms-transform: rotate(39deg);
460
+ transform: rotate(39deg); }
461
+
462
+ .mddtp-picker__cell--rotate-18 {
463
+ -webkit-transform: rotate(-36deg);
464
+ -ms-transform: rotate(-36deg);
465
+ transform: rotate(-36deg); }
466
+ .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
467
+ -webkit-transform: rotate(36deg);
468
+ -ms-transform: rotate(36deg);
469
+ transform: rotate(36deg); }
470
+
471
+ .mddtp-picker__cell--rotate-19 {
472
+ -webkit-transform: rotate(-33deg);
473
+ -ms-transform: rotate(-33deg);
474
+ transform: rotate(-33deg); }
475
+ .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
476
+ -webkit-transform: rotate(33deg);
477
+ -ms-transform: rotate(33deg);
478
+ transform: rotate(33deg); }
479
+
480
+ .mddtp-picker__cell--rotate-20 {
481
+ -webkit-transform: rotate(-30deg);
482
+ -ms-transform: rotate(-30deg);
483
+ transform: rotate(-30deg); }
484
+ .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
485
+ -webkit-transform: rotate(30deg);
486
+ -ms-transform: rotate(30deg);
487
+ transform: rotate(30deg); }
488
+
489
+ .mddtp-picker__cell--rotate-21 {
490
+ -webkit-transform: rotate(-27deg);
491
+ -ms-transform: rotate(-27deg);
492
+ transform: rotate(-27deg); }
493
+ .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
494
+ -webkit-transform: rotate(27deg);
495
+ -ms-transform: rotate(27deg);
496
+ transform: rotate(27deg); }
497
+
498
+ .mddtp-picker__cell--rotate-22 {
499
+ -webkit-transform: rotate(-24deg);
500
+ -ms-transform: rotate(-24deg);
501
+ transform: rotate(-24deg); }
502
+ .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
503
+ -webkit-transform: rotate(24deg);
504
+ -ms-transform: rotate(24deg);
505
+ transform: rotate(24deg); }
506
+
507
+ .mddtp-picker__cell--rotate-23 {
508
+ -webkit-transform: rotate(-21deg);
509
+ -ms-transform: rotate(-21deg);
510
+ transform: rotate(-21deg); }
511
+ .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
512
+ -webkit-transform: rotate(21deg);
513
+ -ms-transform: rotate(21deg);
514
+ transform: rotate(21deg); }
515
+
516
+ .mddtp-picker__cell--rotate-24 {
517
+ -webkit-transform: rotate(-18deg);
518
+ -ms-transform: rotate(-18deg);
519
+ transform: rotate(-18deg); }
520
+ .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
521
+ -webkit-transform: rotate(18deg);
522
+ -ms-transform: rotate(18deg);
523
+ transform: rotate(18deg); }
524
+
525
+ .mddtp-picker__cell--rotate-25 {
526
+ -webkit-transform: rotate(-15deg);
527
+ -ms-transform: rotate(-15deg);
528
+ transform: rotate(-15deg); }
529
+ .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
530
+ -webkit-transform: rotate(15deg);
531
+ -ms-transform: rotate(15deg);
532
+ transform: rotate(15deg); }
533
+
534
+ .mddtp-picker__cell--rotate-26 {
535
+ -webkit-transform: rotate(-12deg);
536
+ -ms-transform: rotate(-12deg);
537
+ transform: rotate(-12deg); }
538
+ .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
539
+ -webkit-transform: rotate(12deg);
540
+ -ms-transform: rotate(12deg);
541
+ transform: rotate(12deg); }
542
+
543
+ .mddtp-picker__cell--rotate-27 {
544
+ -webkit-transform: rotate(-9deg);
545
+ -ms-transform: rotate(-9deg);
546
+ transform: rotate(-9deg); }
547
+ .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
548
+ -webkit-transform: rotate(9deg);
549
+ -ms-transform: rotate(9deg);
550
+ transform: rotate(9deg); }
551
+
552
+ .mddtp-picker__cell--rotate-28 {
553
+ -webkit-transform: rotate(-6deg);
554
+ -ms-transform: rotate(-6deg);
555
+ transform: rotate(-6deg); }
556
+ .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
557
+ -webkit-transform: rotate(6deg);
558
+ -ms-transform: rotate(6deg);
559
+ transform: rotate(6deg); }
560
+
561
+ .mddtp-picker__cell--rotate-29 {
562
+ -webkit-transform: rotate(-3deg);
563
+ -ms-transform: rotate(-3deg);
564
+ transform: rotate(-3deg); }
565
+ .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
566
+ -webkit-transform: rotate(3deg);
567
+ -ms-transform: rotate(3deg);
568
+ transform: rotate(3deg); }
569
+
570
+ .mddtp-picker__cell--rotate-30 {
571
+ -webkit-transform: rotate(0deg);
572
+ -ms-transform: rotate(0deg);
573
+ transform: rotate(0deg); }
574
+ .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
575
+ -webkit-transform: rotate(0deg);
576
+ -ms-transform: rotate(0deg);
577
+ transform: rotate(0deg); }
578
+
579
+ .mddtp-picker__cell--rotate-31 {
580
+ -webkit-transform: rotate(3deg);
581
+ -ms-transform: rotate(3deg);
582
+ transform: rotate(3deg); }
583
+ .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
584
+ -webkit-transform: rotate(-3deg);
585
+ -ms-transform: rotate(-3deg);
586
+ transform: rotate(-3deg); }
587
+
588
+ .mddtp-picker__cell--rotate-32 {
589
+ -webkit-transform: rotate(6deg);
590
+ -ms-transform: rotate(6deg);
591
+ transform: rotate(6deg); }
592
+ .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
593
+ -webkit-transform: rotate(-6deg);
594
+ -ms-transform: rotate(-6deg);
595
+ transform: rotate(-6deg); }
596
+
597
+ .mddtp-picker__cell--rotate-33 {
598
+ -webkit-transform: rotate(9deg);
599
+ -ms-transform: rotate(9deg);
600
+ transform: rotate(9deg); }
601
+ .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
602
+ -webkit-transform: rotate(-9deg);
603
+ -ms-transform: rotate(-9deg);
604
+ transform: rotate(-9deg); }
605
+
606
+ .mddtp-picker__cell--rotate-34 {
607
+ -webkit-transform: rotate(12deg);
608
+ -ms-transform: rotate(12deg);
609
+ transform: rotate(12deg); }
610
+ .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
611
+ -webkit-transform: rotate(-12deg);
612
+ -ms-transform: rotate(-12deg);
613
+ transform: rotate(-12deg); }
614
+
615
+ .mddtp-picker__cell--rotate-35 {
616
+ -webkit-transform: rotate(15deg);
617
+ -ms-transform: rotate(15deg);
618
+ transform: rotate(15deg); }
619
+ .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
620
+ -webkit-transform: rotate(-15deg);
621
+ -ms-transform: rotate(-15deg);
622
+ transform: rotate(-15deg); }
623
+
624
+ .mddtp-picker__cell--rotate-36 {
625
+ -webkit-transform: rotate(18deg);
626
+ -ms-transform: rotate(18deg);
627
+ transform: rotate(18deg); }
628
+ .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
629
+ -webkit-transform: rotate(-18deg);
630
+ -ms-transform: rotate(-18deg);
631
+ transform: rotate(-18deg); }
632
+
633
+ .mddtp-picker__cell--rotate-37 {
634
+ -webkit-transform: rotate(21deg);
635
+ -ms-transform: rotate(21deg);
636
+ transform: rotate(21deg); }
637
+ .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
638
+ -webkit-transform: rotate(-21deg);
639
+ -ms-transform: rotate(-21deg);
640
+ transform: rotate(-21deg); }
641
+
642
+ .mddtp-picker__cell--rotate-38 {
643
+ -webkit-transform: rotate(24deg);
644
+ -ms-transform: rotate(24deg);
645
+ transform: rotate(24deg); }
646
+ .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
647
+ -webkit-transform: rotate(-24deg);
648
+ -ms-transform: rotate(-24deg);
649
+ transform: rotate(-24deg); }
650
+
651
+ .mddtp-picker__cell--rotate-39 {
652
+ -webkit-transform: rotate(27deg);
653
+ -ms-transform: rotate(27deg);
654
+ transform: rotate(27deg); }
655
+ .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
656
+ -webkit-transform: rotate(-27deg);
657
+ -ms-transform: rotate(-27deg);
658
+ transform: rotate(-27deg); }
659
+
660
+ .mddtp-picker__cell--rotate-40 {
661
+ -webkit-transform: rotate(30deg);
662
+ -ms-transform: rotate(30deg);
663
+ transform: rotate(30deg); }
664
+ .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
665
+ -webkit-transform: rotate(-30deg);
666
+ -ms-transform: rotate(-30deg);
667
+ transform: rotate(-30deg); }
668
+
669
+ .mddtp-picker__cell--rotate-41 {
670
+ -webkit-transform: rotate(33deg);
671
+ -ms-transform: rotate(33deg);
672
+ transform: rotate(33deg); }
673
+ .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
674
+ -webkit-transform: rotate(-33deg);
675
+ -ms-transform: rotate(-33deg);
676
+ transform: rotate(-33deg); }
677
+
678
+ .mddtp-picker__cell--rotate-42 {
679
+ -webkit-transform: rotate(36deg);
680
+ -ms-transform: rotate(36deg);
681
+ transform: rotate(36deg); }
682
+ .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
683
+ -webkit-transform: rotate(-36deg);
684
+ -ms-transform: rotate(-36deg);
685
+ transform: rotate(-36deg); }
686
+
687
+ .mddtp-picker__cell--rotate-43 {
688
+ -webkit-transform: rotate(39deg);
689
+ -ms-transform: rotate(39deg);
690
+ transform: rotate(39deg); }
691
+ .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
692
+ -webkit-transform: rotate(-39deg);
693
+ -ms-transform: rotate(-39deg);
694
+ transform: rotate(-39deg); }
695
+
696
+ .mddtp-picker__cell--rotate-44 {
697
+ -webkit-transform: rotate(42deg);
698
+ -ms-transform: rotate(42deg);
699
+ transform: rotate(42deg); }
700
+ .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
701
+ -webkit-transform: rotate(-42deg);
702
+ -ms-transform: rotate(-42deg);
703
+ transform: rotate(-42deg); }
704
+
705
+ .mddtp-picker__cell--rotate-45 {
706
+ -webkit-transform: rotate(45deg);
707
+ -ms-transform: rotate(45deg);
708
+ transform: rotate(45deg); }
709
+ .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
710
+ -webkit-transform: rotate(-45deg);
711
+ -ms-transform: rotate(-45deg);
712
+ transform: rotate(-45deg); }
713
+
714
+ .mddtp-picker__cell--rotate-46 {
715
+ -webkit-transform: rotate(48deg);
716
+ -ms-transform: rotate(48deg);
717
+ transform: rotate(48deg); }
718
+ .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
719
+ -webkit-transform: rotate(-48deg);
720
+ -ms-transform: rotate(-48deg);
721
+ transform: rotate(-48deg); }
722
+
723
+ .mddtp-picker__cell--rotate-47 {
724
+ -webkit-transform: rotate(51deg);
725
+ -ms-transform: rotate(51deg);
726
+ transform: rotate(51deg); }
727
+ .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
728
+ -webkit-transform: rotate(-51deg);
729
+ -ms-transform: rotate(-51deg);
730
+ transform: rotate(-51deg); }
731
+
732
+ .mddtp-picker__cell--rotate-48 {
733
+ -webkit-transform: rotate(54deg);
734
+ -ms-transform: rotate(54deg);
735
+ transform: rotate(54deg); }
736
+ .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
737
+ -webkit-transform: rotate(-54deg);
738
+ -ms-transform: rotate(-54deg);
739
+ transform: rotate(-54deg); }
740
+
741
+ .mddtp-picker__cell--rotate-49 {
742
+ -webkit-transform: rotate(57deg);
743
+ -ms-transform: rotate(57deg);
744
+ transform: rotate(57deg); }
745
+ .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
746
+ -webkit-transform: rotate(-57deg);
747
+ -ms-transform: rotate(-57deg);
748
+ transform: rotate(-57deg); }
749
+
750
+ .mddtp-picker__cell--rotate-50 {
751
+ -webkit-transform: rotate(60deg);
752
+ -ms-transform: rotate(60deg);
753
+ transform: rotate(60deg); }
754
+ .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
755
+ -webkit-transform: rotate(-60deg);
756
+ -ms-transform: rotate(-60deg);
757
+ transform: rotate(-60deg); }
758
+
759
+ .mddtp-picker__cell--rotate-51 {
760
+ -webkit-transform: rotate(63deg);
761
+ -ms-transform: rotate(63deg);
762
+ transform: rotate(63deg); }
763
+ .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
764
+ -webkit-transform: rotate(-63deg);
765
+ -ms-transform: rotate(-63deg);
766
+ transform: rotate(-63deg); }
767
+
768
+ .mddtp-picker__cell--rotate-52 {
769
+ -webkit-transform: rotate(66deg);
770
+ -ms-transform: rotate(66deg);
771
+ transform: rotate(66deg); }
772
+ .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
773
+ -webkit-transform: rotate(-66deg);
774
+ -ms-transform: rotate(-66deg);
775
+ transform: rotate(-66deg); }
776
+
777
+ .mddtp-picker__cell--rotate-53 {
778
+ -webkit-transform: rotate(69deg);
779
+ -ms-transform: rotate(69deg);
780
+ transform: rotate(69deg); }
781
+ .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
782
+ -webkit-transform: rotate(-69deg);
783
+ -ms-transform: rotate(-69deg);
784
+ transform: rotate(-69deg); }
785
+
786
+ .mddtp-picker__cell--rotate-54 {
787
+ -webkit-transform: rotate(72deg);
788
+ -ms-transform: rotate(72deg);
789
+ transform: rotate(72deg); }
790
+ .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
791
+ -webkit-transform: rotate(-72deg);
792
+ -ms-transform: rotate(-72deg);
793
+ transform: rotate(-72deg); }
794
+
795
+ .mddtp-picker__cell--rotate-55 {
796
+ -webkit-transform: rotate(75deg);
797
+ -ms-transform: rotate(75deg);
798
+ transform: rotate(75deg); }
799
+ .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
800
+ -webkit-transform: rotate(-75deg);
801
+ -ms-transform: rotate(-75deg);
802
+ transform: rotate(-75deg); }
803
+
804
+ .mddtp-picker__cell--rotate-56 {
805
+ -webkit-transform: rotate(78deg);
806
+ -ms-transform: rotate(78deg);
807
+ transform: rotate(78deg); }
808
+ .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
809
+ -webkit-transform: rotate(-78deg);
810
+ -ms-transform: rotate(-78deg);
811
+ transform: rotate(-78deg); }
812
+
813
+ .mddtp-picker__cell--rotate-57 {
814
+ -webkit-transform: rotate(81deg);
815
+ -ms-transform: rotate(81deg);
816
+ transform: rotate(81deg); }
817
+ .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
818
+ -webkit-transform: rotate(-81deg);
819
+ -ms-transform: rotate(-81deg);
820
+ transform: rotate(-81deg); }
821
+
822
+ .mddtp-picker__cell--rotate-58 {
823
+ -webkit-transform: rotate(84deg);
824
+ -ms-transform: rotate(84deg);
825
+ transform: rotate(84deg); }
826
+ .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
827
+ -webkit-transform: rotate(-84deg);
828
+ -ms-transform: rotate(-84deg);
829
+ transform: rotate(-84deg); }
830
+
831
+ .mddtp-picker__cell--rotate-59 {
832
+ -webkit-transform: rotate(87deg);
833
+ -ms-transform: rotate(87deg);
834
+ transform: rotate(87deg); }
835
+ .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
836
+ -webkit-transform: rotate(-87deg);
837
+ -ms-transform: rotate(-87deg);
838
+ transform: rotate(-87deg); }
839
+
840
+ .mddtp-picker__cell--rotate-60 {
841
+ -webkit-transform: rotate(90deg);
842
+ -ms-transform: rotate(90deg);
843
+ transform: rotate(90deg); }
844
+ .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
845
+ -webkit-transform: rotate(-90deg);
846
+ -ms-transform: rotate(-90deg);
847
+ transform: rotate(-90deg); }
848
+
849
+ .mddtp-picker__cell--rotate-61 {
850
+ -webkit-transform: rotate(93deg);
851
+ -ms-transform: rotate(93deg);
852
+ transform: rotate(93deg); }
853
+ .mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) {
854
+ -webkit-transform: rotate(-93deg);
855
+ -ms-transform: rotate(-93deg);
856
+ transform: rotate(-93deg); }
857
+
858
+ .mddtp-picker__cell--rotate-62 {
859
+ -webkit-transform: rotate(96deg);
860
+ -ms-transform: rotate(96deg);
861
+ transform: rotate(96deg); }
862
+ .mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) {
863
+ -webkit-transform: rotate(-96deg);
864
+ -ms-transform: rotate(-96deg);
865
+ transform: rotate(-96deg); }
866
+
867
+ .mddtp-picker__cell--rotate-63 {
868
+ -webkit-transform: rotate(99deg);
869
+ -ms-transform: rotate(99deg);
870
+ transform: rotate(99deg); }
871
+ .mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) {
872
+ -webkit-transform: rotate(-99deg);
873
+ -ms-transform: rotate(-99deg);
874
+ transform: rotate(-99deg); }
875
+
876
+ .mddtp-picker__cell--rotate-64 {
877
+ -webkit-transform: rotate(102deg);
878
+ -ms-transform: rotate(102deg);
879
+ transform: rotate(102deg); }
880
+ .mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) {
881
+ -webkit-transform: rotate(-102deg);
882
+ -ms-transform: rotate(-102deg);
883
+ transform: rotate(-102deg); }
884
+
885
+ .mddtp-picker__cell--rotate-65 {
886
+ -webkit-transform: rotate(105deg);
887
+ -ms-transform: rotate(105deg);
888
+ transform: rotate(105deg); }
889
+ .mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) {
890
+ -webkit-transform: rotate(-105deg);
891
+ -ms-transform: rotate(-105deg);
892
+ transform: rotate(-105deg); }
893
+
894
+ .mddtp-picker__cell--rotate-66 {
895
+ -webkit-transform: rotate(108deg);
896
+ -ms-transform: rotate(108deg);
897
+ transform: rotate(108deg); }
898
+ .mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) {
899
+ -webkit-transform: rotate(-108deg);
900
+ -ms-transform: rotate(-108deg);
901
+ transform: rotate(-108deg); }
902
+
903
+ .mddtp-picker__cell--rotate-67 {
904
+ -webkit-transform: rotate(111deg);
905
+ -ms-transform: rotate(111deg);
906
+ transform: rotate(111deg); }
907
+ .mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) {
908
+ -webkit-transform: rotate(-111deg);
909
+ -ms-transform: rotate(-111deg);
910
+ transform: rotate(-111deg); }
911
+
912
+ .mddtp-picker__cell--rotate-68 {
913
+ -webkit-transform: rotate(114deg);
914
+ -ms-transform: rotate(114deg);
915
+ transform: rotate(114deg); }
916
+ .mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) {
917
+ -webkit-transform: rotate(-114deg);
918
+ -ms-transform: rotate(-114deg);
919
+ transform: rotate(-114deg); }
920
+
921
+ .mddtp-picker__cell--rotate-69 {
922
+ -webkit-transform: rotate(117deg);
923
+ -ms-transform: rotate(117deg);
924
+ transform: rotate(117deg); }
925
+ .mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) {
926
+ -webkit-transform: rotate(-117deg);
927
+ -ms-transform: rotate(-117deg);
928
+ transform: rotate(-117deg); }
929
+
930
+ .mddtp-picker__cell--rotate-70 {
931
+ -webkit-transform: rotate(120deg);
932
+ -ms-transform: rotate(120deg);
933
+ transform: rotate(120deg); }
934
+ .mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) {
935
+ -webkit-transform: rotate(-120deg);
936
+ -ms-transform: rotate(-120deg);
937
+ transform: rotate(-120deg); }
938
+
939
+ .mddtp-picker__cell--rotate-71 {
940
+ -webkit-transform: rotate(123deg);
941
+ -ms-transform: rotate(123deg);
942
+ transform: rotate(123deg); }
943
+ .mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) {
944
+ -webkit-transform: rotate(-123deg);
945
+ -ms-transform: rotate(-123deg);
946
+ transform: rotate(-123deg); }
947
+
948
+ .mddtp-picker__cell--rotate-72 {
949
+ -webkit-transform: rotate(126deg);
950
+ -ms-transform: rotate(126deg);
951
+ transform: rotate(126deg); }
952
+ .mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) {
953
+ -webkit-transform: rotate(-126deg);
954
+ -ms-transform: rotate(-126deg);
955
+ transform: rotate(-126deg); }
956
+
957
+ .mddtp-picker__cell--rotate-73 {
958
+ -webkit-transform: rotate(129deg);
959
+ -ms-transform: rotate(129deg);
960
+ transform: rotate(129deg); }
961
+ .mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) {
962
+ -webkit-transform: rotate(-129deg);
963
+ -ms-transform: rotate(-129deg);
964
+ transform: rotate(-129deg); }
965
+
966
+ .mddtp-picker__cell--rotate-74 {
967
+ -webkit-transform: rotate(132deg);
968
+ -ms-transform: rotate(132deg);
969
+ transform: rotate(132deg); }
970
+ .mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) {
971
+ -webkit-transform: rotate(-132deg);
972
+ -ms-transform: rotate(-132deg);
973
+ transform: rotate(-132deg); }
974
+
975
+ .mddtp-picker__cell--rotate-75 {
976
+ -webkit-transform: rotate(135deg);
977
+ -ms-transform: rotate(135deg);
978
+ transform: rotate(135deg); }
979
+ .mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) {
980
+ -webkit-transform: rotate(-135deg);
981
+ -ms-transform: rotate(-135deg);
982
+ transform: rotate(-135deg); }
983
+
984
+ .mddtp-picker__cell--rotate-76 {
985
+ -webkit-transform: rotate(138deg);
986
+ -ms-transform: rotate(138deg);
987
+ transform: rotate(138deg); }
988
+ .mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) {
989
+ -webkit-transform: rotate(-138deg);
990
+ -ms-transform: rotate(-138deg);
991
+ transform: rotate(-138deg); }
992
+
993
+ .mddtp-picker__cell--rotate-77 {
994
+ -webkit-transform: rotate(141deg);
995
+ -ms-transform: rotate(141deg);
996
+ transform: rotate(141deg); }
997
+ .mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) {
998
+ -webkit-transform: rotate(-141deg);
999
+ -ms-transform: rotate(-141deg);
1000
+ transform: rotate(-141deg); }
1001
+
1002
+ .mddtp-picker__cell--rotate-78 {
1003
+ -webkit-transform: rotate(144deg);
1004
+ -ms-transform: rotate(144deg);
1005
+ transform: rotate(144deg); }
1006
+ .mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) {
1007
+ -webkit-transform: rotate(-144deg);
1008
+ -ms-transform: rotate(-144deg);
1009
+ transform: rotate(-144deg); }
1010
+
1011
+ .mddtp-picker__cell--rotate-79 {
1012
+ -webkit-transform: rotate(147deg);
1013
+ -ms-transform: rotate(147deg);
1014
+ transform: rotate(147deg); }
1015
+ .mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) {
1016
+ -webkit-transform: rotate(-147deg);
1017
+ -ms-transform: rotate(-147deg);
1018
+ transform: rotate(-147deg); }
1019
+
1020
+ .mddtp-picker__cell--rotate-80 {
1021
+ -webkit-transform: rotate(150deg);
1022
+ -ms-transform: rotate(150deg);
1023
+ transform: rotate(150deg); }
1024
+ .mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) {
1025
+ -webkit-transform: rotate(-150deg);
1026
+ -ms-transform: rotate(-150deg);
1027
+ transform: rotate(-150deg); }
1028
+
1029
+ .mddtp-picker__cell--rotate-81 {
1030
+ -webkit-transform: rotate(153deg);
1031
+ -ms-transform: rotate(153deg);
1032
+ transform: rotate(153deg); }
1033
+ .mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) {
1034
+ -webkit-transform: rotate(-153deg);
1035
+ -ms-transform: rotate(-153deg);
1036
+ transform: rotate(-153deg); }
1037
+
1038
+ .mddtp-picker__cell--rotate-82 {
1039
+ -webkit-transform: rotate(156deg);
1040
+ -ms-transform: rotate(156deg);
1041
+ transform: rotate(156deg); }
1042
+ .mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) {
1043
+ -webkit-transform: rotate(-156deg);
1044
+ -ms-transform: rotate(-156deg);
1045
+ transform: rotate(-156deg); }
1046
+
1047
+ .mddtp-picker__cell--rotate-83 {
1048
+ -webkit-transform: rotate(159deg);
1049
+ -ms-transform: rotate(159deg);
1050
+ transform: rotate(159deg); }
1051
+ .mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) {
1052
+ -webkit-transform: rotate(-159deg);
1053
+ -ms-transform: rotate(-159deg);
1054
+ transform: rotate(-159deg); }
1055
+
1056
+ .mddtp-picker__cell--rotate-84 {
1057
+ -webkit-transform: rotate(162deg);
1058
+ -ms-transform: rotate(162deg);
1059
+ transform: rotate(162deg); }
1060
+ .mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) {
1061
+ -webkit-transform: rotate(-162deg);
1062
+ -ms-transform: rotate(-162deg);
1063
+ transform: rotate(-162deg); }
1064
+
1065
+ .mddtp-picker__cell--rotate-85 {
1066
+ -webkit-transform: rotate(165deg);
1067
+ -ms-transform: rotate(165deg);
1068
+ transform: rotate(165deg); }
1069
+ .mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) {
1070
+ -webkit-transform: rotate(-165deg);
1071
+ -ms-transform: rotate(-165deg);
1072
+ transform: rotate(-165deg); }
1073
+
1074
+ .mddtp-picker__cell--rotate-86 {
1075
+ -webkit-transform: rotate(168deg);
1076
+ -ms-transform: rotate(168deg);
1077
+ transform: rotate(168deg); }
1078
+ .mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) {
1079
+ -webkit-transform: rotate(-168deg);
1080
+ -ms-transform: rotate(-168deg);
1081
+ transform: rotate(-168deg); }
1082
+
1083
+ .mddtp-picker__cell--rotate-87 {
1084
+ -webkit-transform: rotate(171deg);
1085
+ -ms-transform: rotate(171deg);
1086
+ transform: rotate(171deg); }
1087
+ .mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) {
1088
+ -webkit-transform: rotate(-171deg);
1089
+ -ms-transform: rotate(-171deg);
1090
+ transform: rotate(-171deg); }
1091
+
1092
+ .mddtp-picker__cell--rotate-88 {
1093
+ -webkit-transform: rotate(174deg);
1094
+ -ms-transform: rotate(174deg);
1095
+ transform: rotate(174deg); }
1096
+ .mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) {
1097
+ -webkit-transform: rotate(-174deg);
1098
+ -ms-transform: rotate(-174deg);
1099
+ transform: rotate(-174deg); }
1100
+
1101
+ .mddtp-picker__cell--rotate-89 {
1102
+ -webkit-transform: rotate(177deg);
1103
+ -ms-transform: rotate(177deg);
1104
+ transform: rotate(177deg); }
1105
+ .mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) {
1106
+ -webkit-transform: rotate(-177deg);
1107
+ -ms-transform: rotate(-177deg);
1108
+ transform: rotate(-177deg); }
1109
+
1110
+ .mddtp-picker__cell--rotate-90 {
1111
+ -webkit-transform: rotate(180deg);
1112
+ -ms-transform: rotate(180deg);
1113
+ transform: rotate(180deg); }
1114
+ .mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) {
1115
+ -webkit-transform: rotate(-180deg);
1116
+ -ms-transform: rotate(-180deg);
1117
+ transform: rotate(-180deg); }
1118
+
1119
+ .mddtp-picker__cell--rotate-91 {
1120
+ -webkit-transform: rotate(183deg);
1121
+ -ms-transform: rotate(183deg);
1122
+ transform: rotate(183deg); }
1123
+ .mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) {
1124
+ -webkit-transform: rotate(-183deg);
1125
+ -ms-transform: rotate(-183deg);
1126
+ transform: rotate(-183deg); }
1127
+
1128
+ .mddtp-picker__cell--rotate-92 {
1129
+ -webkit-transform: rotate(186deg);
1130
+ -ms-transform: rotate(186deg);
1131
+ transform: rotate(186deg); }
1132
+ .mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) {
1133
+ -webkit-transform: rotate(-186deg);
1134
+ -ms-transform: rotate(-186deg);
1135
+ transform: rotate(-186deg); }
1136
+
1137
+ .mddtp-picker__cell--rotate-93 {
1138
+ -webkit-transform: rotate(189deg);
1139
+ -ms-transform: rotate(189deg);
1140
+ transform: rotate(189deg); }
1141
+ .mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) {
1142
+ -webkit-transform: rotate(-189deg);
1143
+ -ms-transform: rotate(-189deg);
1144
+ transform: rotate(-189deg); }
1145
+
1146
+ .mddtp-picker__cell--rotate-94 {
1147
+ -webkit-transform: rotate(192deg);
1148
+ -ms-transform: rotate(192deg);
1149
+ transform: rotate(192deg); }
1150
+ .mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) {
1151
+ -webkit-transform: rotate(-192deg);
1152
+ -ms-transform: rotate(-192deg);
1153
+ transform: rotate(-192deg); }
1154
+
1155
+ .mddtp-picker__cell--rotate-95 {
1156
+ -webkit-transform: rotate(195deg);
1157
+ -ms-transform: rotate(195deg);
1158
+ transform: rotate(195deg); }
1159
+ .mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) {
1160
+ -webkit-transform: rotate(-195deg);
1161
+ -ms-transform: rotate(-195deg);
1162
+ transform: rotate(-195deg); }
1163
+
1164
+ .mddtp-picker__cell--rotate-96 {
1165
+ -webkit-transform: rotate(198deg);
1166
+ -ms-transform: rotate(198deg);
1167
+ transform: rotate(198deg); }
1168
+ .mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) {
1169
+ -webkit-transform: rotate(-198deg);
1170
+ -ms-transform: rotate(-198deg);
1171
+ transform: rotate(-198deg); }
1172
+
1173
+ .mddtp-picker__cell--rotate-97 {
1174
+ -webkit-transform: rotate(201deg);
1175
+ -ms-transform: rotate(201deg);
1176
+ transform: rotate(201deg); }
1177
+ .mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) {
1178
+ -webkit-transform: rotate(-201deg);
1179
+ -ms-transform: rotate(-201deg);
1180
+ transform: rotate(-201deg); }
1181
+
1182
+ .mddtp-picker__cell--rotate-98 {
1183
+ -webkit-transform: rotate(204deg);
1184
+ -ms-transform: rotate(204deg);
1185
+ transform: rotate(204deg); }
1186
+ .mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) {
1187
+ -webkit-transform: rotate(-204deg);
1188
+ -ms-transform: rotate(-204deg);
1189
+ transform: rotate(-204deg); }
1190
+
1191
+ .mddtp-picker__cell--rotate-99 {
1192
+ -webkit-transform: rotate(207deg);
1193
+ -ms-transform: rotate(207deg);
1194
+ transform: rotate(207deg); }
1195
+ .mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) {
1196
+ -webkit-transform: rotate(-207deg);
1197
+ -ms-transform: rotate(-207deg);
1198
+ transform: rotate(-207deg); }
1199
+
1200
+ .mddtp-picker__cell--rotate-100 {
1201
+ -webkit-transform: rotate(210deg);
1202
+ -ms-transform: rotate(210deg);
1203
+ transform: rotate(210deg); }
1204
+ .mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) {
1205
+ -webkit-transform: rotate(-210deg);
1206
+ -ms-transform: rotate(-210deg);
1207
+ transform: rotate(-210deg); }
1208
+
1209
+ .mddtp-picker__cell--rotate-101 {
1210
+ -webkit-transform: rotate(213deg);
1211
+ -ms-transform: rotate(213deg);
1212
+ transform: rotate(213deg); }
1213
+ .mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) {
1214
+ -webkit-transform: rotate(-213deg);
1215
+ -ms-transform: rotate(-213deg);
1216
+ transform: rotate(-213deg); }
1217
+
1218
+ .mddtp-picker__cell--rotate-102 {
1219
+ -webkit-transform: rotate(216deg);
1220
+ -ms-transform: rotate(216deg);
1221
+ transform: rotate(216deg); }
1222
+ .mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) {
1223
+ -webkit-transform: rotate(-216deg);
1224
+ -ms-transform: rotate(-216deg);
1225
+ transform: rotate(-216deg); }
1226
+
1227
+ .mddtp-picker__cell--rotate-103 {
1228
+ -webkit-transform: rotate(219deg);
1229
+ -ms-transform: rotate(219deg);
1230
+ transform: rotate(219deg); }
1231
+ .mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) {
1232
+ -webkit-transform: rotate(-219deg);
1233
+ -ms-transform: rotate(-219deg);
1234
+ transform: rotate(-219deg); }
1235
+
1236
+ .mddtp-picker__cell--rotate-104 {
1237
+ -webkit-transform: rotate(222deg);
1238
+ -ms-transform: rotate(222deg);
1239
+ transform: rotate(222deg); }
1240
+ .mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) {
1241
+ -webkit-transform: rotate(-222deg);
1242
+ -ms-transform: rotate(-222deg);
1243
+ transform: rotate(-222deg); }
1244
+
1245
+ .mddtp-picker__cell--rotate-105 {
1246
+ -webkit-transform: rotate(225deg);
1247
+ -ms-transform: rotate(225deg);
1248
+ transform: rotate(225deg); }
1249
+ .mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) {
1250
+ -webkit-transform: rotate(-225deg);
1251
+ -ms-transform: rotate(-225deg);
1252
+ transform: rotate(-225deg); }
1253
+
1254
+ .mddtp-picker__cell--rotate-106 {
1255
+ -webkit-transform: rotate(228deg);
1256
+ -ms-transform: rotate(228deg);
1257
+ transform: rotate(228deg); }
1258
+ .mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) {
1259
+ -webkit-transform: rotate(-228deg);
1260
+ -ms-transform: rotate(-228deg);
1261
+ transform: rotate(-228deg); }
1262
+
1263
+ .mddtp-picker__cell--rotate-107 {
1264
+ -webkit-transform: rotate(231deg);
1265
+ -ms-transform: rotate(231deg);
1266
+ transform: rotate(231deg); }
1267
+ .mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) {
1268
+ -webkit-transform: rotate(-231deg);
1269
+ -ms-transform: rotate(-231deg);
1270
+ transform: rotate(-231deg); }
1271
+
1272
+ .mddtp-picker__cell--rotate-108 {
1273
+ -webkit-transform: rotate(234deg);
1274
+ -ms-transform: rotate(234deg);
1275
+ transform: rotate(234deg); }
1276
+ .mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) {
1277
+ -webkit-transform: rotate(-234deg);
1278
+ -ms-transform: rotate(-234deg);
1279
+ transform: rotate(-234deg); }
1280
+
1281
+ .mddtp-picker__cell--rotate-109 {
1282
+ -webkit-transform: rotate(237deg);
1283
+ -ms-transform: rotate(237deg);
1284
+ transform: rotate(237deg); }
1285
+ .mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) {
1286
+ -webkit-transform: rotate(-237deg);
1287
+ -ms-transform: rotate(-237deg);
1288
+ transform: rotate(-237deg); }
1289
+
1290
+ .mddtp-picker__cell--rotate-110 {
1291
+ -webkit-transform: rotate(240deg);
1292
+ -ms-transform: rotate(240deg);
1293
+ transform: rotate(240deg); }
1294
+ .mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) {
1295
+ -webkit-transform: rotate(-240deg);
1296
+ -ms-transform: rotate(-240deg);
1297
+ transform: rotate(-240deg); }
1298
+
1299
+ .mddtp-picker__cell--rotate-111 {
1300
+ -webkit-transform: rotate(243deg);
1301
+ -ms-transform: rotate(243deg);
1302
+ transform: rotate(243deg); }
1303
+ .mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) {
1304
+ -webkit-transform: rotate(-243deg);
1305
+ -ms-transform: rotate(-243deg);
1306
+ transform: rotate(-243deg); }
1307
+
1308
+ .mddtp-picker__cell--rotate-112 {
1309
+ -webkit-transform: rotate(246deg);
1310
+ -ms-transform: rotate(246deg);
1311
+ transform: rotate(246deg); }
1312
+ .mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) {
1313
+ -webkit-transform: rotate(-246deg);
1314
+ -ms-transform: rotate(-246deg);
1315
+ transform: rotate(-246deg); }
1316
+
1317
+ .mddtp-picker__cell--rotate-113 {
1318
+ -webkit-transform: rotate(249deg);
1319
+ -ms-transform: rotate(249deg);
1320
+ transform: rotate(249deg); }
1321
+ .mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) {
1322
+ -webkit-transform: rotate(-249deg);
1323
+ -ms-transform: rotate(-249deg);
1324
+ transform: rotate(-249deg); }
1325
+
1326
+ .mddtp-picker__cell--rotate-114 {
1327
+ -webkit-transform: rotate(252deg);
1328
+ -ms-transform: rotate(252deg);
1329
+ transform: rotate(252deg); }
1330
+ .mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) {
1331
+ -webkit-transform: rotate(-252deg);
1332
+ -ms-transform: rotate(-252deg);
1333
+ transform: rotate(-252deg); }
1334
+
1335
+ .mddtp-picker__cell--rotate-115 {
1336
+ -webkit-transform: rotate(255deg);
1337
+ -ms-transform: rotate(255deg);
1338
+ transform: rotate(255deg); }
1339
+ .mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) {
1340
+ -webkit-transform: rotate(-255deg);
1341
+ -ms-transform: rotate(-255deg);
1342
+ transform: rotate(-255deg); }
1343
+
1344
+ .mddtp-picker__cell--rotate-116 {
1345
+ -webkit-transform: rotate(258deg);
1346
+ -ms-transform: rotate(258deg);
1347
+ transform: rotate(258deg); }
1348
+ .mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) {
1349
+ -webkit-transform: rotate(-258deg);
1350
+ -ms-transform: rotate(-258deg);
1351
+ transform: rotate(-258deg); }
1352
+
1353
+ .mddtp-picker__cell--rotate-117 {
1354
+ -webkit-transform: rotate(261deg);
1355
+ -ms-transform: rotate(261deg);
1356
+ transform: rotate(261deg); }
1357
+ .mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) {
1358
+ -webkit-transform: rotate(-261deg);
1359
+ -ms-transform: rotate(-261deg);
1360
+ transform: rotate(-261deg); }
1361
+
1362
+ .mddtp-picker__cell--rotate-118 {
1363
+ -webkit-transform: rotate(264deg);
1364
+ -ms-transform: rotate(264deg);
1365
+ transform: rotate(264deg); }
1366
+ .mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) {
1367
+ -webkit-transform: rotate(-264deg);
1368
+ -ms-transform: rotate(-264deg);
1369
+ transform: rotate(-264deg); }
1370
+
1371
+ .mddtp-picker__cell--rotate-119 {
1372
+ -webkit-transform: rotate(267deg);
1373
+ -ms-transform: rotate(267deg);
1374
+ transform: rotate(267deg); }
1375
+ .mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) {
1376
+ -webkit-transform: rotate(-267deg);
1377
+ -ms-transform: rotate(-267deg);
1378
+ transform: rotate(-267deg); }
1379
+
1380
+ .mddtp-picker__cell--rotate-120 {
1381
+ -webkit-transform: rotate(270deg);
1382
+ -ms-transform: rotate(270deg);
1383
+ transform: rotate(270deg); }
1384
+ .mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) {
1385
+ -webkit-transform: rotate(-270deg);
1386
+ -ms-transform: rotate(-270deg);
1387
+ transform: rotate(-270deg); }
1388
+
1389
+ .mddtp-picker.zoomIn,
1390
+ .mddtp-picker__viewHolder.zoomIn,
1391
+ .mddtp-picker__years.zoomIn {
1392
+ -webkit-animation-name: zoomIn;
1393
+ animation-name: zoomIn; }
1394
+
1395
+ .mddtp-picker.zoomOut,
1396
+ .mddtp-picker__viewHolder.zoomOut,
1397
+ .mddtp-picker__years.zoomOut {
1398
+ -webkit-animation-name: zoomOut;
1399
+ animation-name: zoomOut; }
1400
+
1401
+ .mddtp-picker.animated,
1402
+ .mddtp-picker__viewHolder.animated,
1403
+ .mddtp-picker__years.animated {
1404
+ -webkit-animation-duration: .3s;
1405
+ animation-duration: .3s;
1406
+ -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
1407
+ animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
1408
+ -webkit-animation-fill-mode: both;
1409
+ animation-fill-mode: both; }
1410
+
1411
+ @media screen and (max-device-width: 425px) and (orientation: portrait) {
1412
+ .mddtp-picker {
1413
+ display: block; }
1414
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
1415
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
1416
+ margin: 0; }
1417
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
1418
+ display: inline-block; }
1419
+ .mddtp-picker .mddtp-picker__header,
1420
+ .mddtp-picker .mddtp-picker__body {
1421
+ display: block;
1422
+ height: 100%;
1423
+ width: 100%; }
1424
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
1425
+ display: inline-block; }
1426
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1427
+ margin-left: 8px; }
1428
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
1429
+ text-align: right;
1430
+ width: calc(100% - 48px); }
1431
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1432
+ display: inline-block; }
1433
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1434
+ display: inline-block;
1435
+ margin-left: 16px; }
1436
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
1437
+ padding-top: 20px; }
1438
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
1439
+ margin-top: 0; } }
1440
+
1441
+ @media screen and (max-width: 415px) {
1442
+ .mddtp-picker {
1443
+ display: block; }
1444
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
1445
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
1446
+ margin: 0; }
1447
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
1448
+ display: inline-block; }
1449
+ .mddtp-picker .mddtp-picker__header,
1450
+ .mddtp-picker .mddtp-picker__body {
1451
+ display: block;
1452
+ height: 100%;
1453
+ width: 100%; }
1454
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
1455
+ display: inline-block; }
1456
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1457
+ margin-left: 8px; }
1458
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
1459
+ text-align: right;
1460
+ width: calc(100% - 48px); }
1461
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1462
+ display: inline-block; }
1463
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1464
+ display: inline-block;
1465
+ margin-left: 16px; }
1466
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
1467
+ padding-top: 20px; }
1468
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
1469
+ margin-top: 0; } }
1470
+
1471
+ .mddtp-picker--portrait {
1472
+ display: block; }
1473
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title,
1474
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle {
1475
+ margin: 0; }
1476
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span {
1477
+ display: inline-block; }
1478
+ .mddtp-picker--portrait .mddtp-picker__header,
1479
+ .mddtp-picker--portrait .mddtp-picker__body {
1480
+ display: block;
1481
+ height: 100%;
1482
+ width: 100%; }
1483
+ .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div {
1484
+ display: inline-block; }
1485
+ .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1486
+ margin-left: 8px; }
1487
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header {
1488
+ text-align: right;
1489
+ width: calc(100% - 48px); }
1490
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1491
+ display: inline-block; }
1492
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1493
+ display: inline-block;
1494
+ margin-left: 16px; }
1495
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body {
1496
+ padding-top: 20px; }
1497
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder {
1498
+ margin-top: 0; }
1499
+
1500
+ .mddtp-picker--inactive {
1501
+ display: none; }
1502
+
1503
+ @-webkit-keyframes zoomIn {
1504
+ from {
1505
+ opacity: 0;
1506
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1507
+ transform: scale3d(0.3, 0.3, 0.3); }
1508
+ 50% {
1509
+ opacity: 1; } }
1510
+
1511
+ @keyframes zoomIn {
1512
+ from {
1513
+ opacity: 0;
1514
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1515
+ transform: scale3d(0.3, 0.3, 0.3); }
1516
+ 50% {
1517
+ opacity: 1; } }
1518
+
1519
+ @-webkit-keyframes zoomOut {
1520
+ from {
1521
+ opacity: 1; }
1522
+ 50% {
1523
+ opacity: 0;
1524
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1525
+ transform: scale3d(0.3, 0.3, 0.3); }
1526
+ to {
1527
+ opacity: 0; } }
1528
+
1529
+ @keyframes zoomOut {
1530
+ from {
1531
+ opacity: 1; }
1532
+ 50% {
1533
+ opacity: 0;
1534
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1535
+ transform: scale3d(0.3, 0.3, 0.3); }
1536
+ to {
1537
+ opacity: 0; } }