@aleen42/calendar 1.1.0-beta.2 → 1.1.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/calendar.css CHANGED
@@ -15,22 +15,42 @@
15
15
  /* ie 6 */
16
16
  overflow: hidden;
17
17
  }
18
+
18
19
  .radio:before,
19
20
  .checkbox:before {
20
- float: left;
21
+ -webkit-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
22
+ -o-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
21
23
  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
22
24
  }
25
+
26
+ [dir="ltr"] .radio:before,
27
+ [dir="ltr"] .checkbox:before {
28
+ float: left;
29
+ }
30
+
31
+ [dir="rtl"] .radio:before,
32
+ [dir="rtl"] .checkbox:before {
33
+ float: right;
34
+ }
23
35
  /* hide input from view but still visible (ie & opera support) */
24
36
  .rc-hidden {
25
37
  position: absolute !important;
38
+ }
39
+
40
+ [dir="ltr"] .rc-hidden {
26
41
  left: -999em;
27
42
  }
43
+
44
+ [dir="rtl"] .rc-hidden {
45
+ right: -999em;
46
+ }
47
+
28
48
  .rc-disabled {
49
+ filter: alpha(opacity=30);
29
50
  opacity: 0.3;
30
51
  }
31
52
  /* switch button 切换按钮*/
32
53
  .u-switch-onoff {
33
- float: left;
34
54
  position: relative;
35
55
  width: 32px;
36
56
  height: 18px;
@@ -39,22 +59,44 @@
39
59
  border: 1px solid #505052;
40
60
  overflow: hidden;
41
61
  }
62
+
63
+ [dir="ltr"] .u-switch-onoff {
64
+ float: left;
65
+ }
66
+
67
+ [dir="rtl"] .u-switch-onoff {
68
+ float: right;
69
+ }
70
+
42
71
  .u-switch-onoff:not(.rc-disabled) {
43
72
  cursor: pointer;
44
73
  }
74
+
45
75
  .u-switch-onoff .switch,
46
76
  .u-switch-onoff .track {
77
+ -webkit-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
78
+ -o-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
47
79
  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
48
80
  }
81
+
49
82
  .u-switch-onoff .switch {
50
- left: 1px;
51
83
  top: 1px;
52
84
  bottom: 1px;
53
- right: 16px;
54
85
  background-color: #505052;
55
86
  border-radius: 36px;
56
87
  z-index: 1;
57
88
  }
89
+
90
+ [dir="ltr"] .u-switch-onoff .switch {
91
+ left: 1px;
92
+ right: 16px;
93
+ }
94
+
95
+ [dir="rtl"] .u-switch-onoff .switch {
96
+ right: 1px;
97
+ left: 16px;
98
+ }
99
+
58
100
  .u-switch-onoff .track {
59
101
  left: 0;
60
102
  top: 0;
@@ -63,26 +105,40 @@
63
105
  border-radius: 100px;
64
106
  background: #fff;
65
107
  }
108
+
66
109
  .u-switch-onoff .switch,
67
110
  .u-switch-onoff .track {
68
111
  position: absolute;
69
112
  }
113
+
70
114
  .u-switch-onoff.checkbox-checked {
71
115
  border-color: #2c6ccc;
72
116
  background-color: #2c6ccc;
73
117
  }
118
+
74
119
  .u-switch-onoff.checkbox-checked .switch {
120
+ background: #fff;
121
+ }
122
+
123
+ [dir="ltr"] .u-switch-onoff.checkbox-checked .switch {
75
124
  right: 1px;
76
125
  left: 16px;
77
- background: #fff;
78
126
  }
127
+
128
+ [dir="rtl"] .u-switch-onoff.checkbox-checked .switch {
129
+ left: 1px;
130
+ right: 16px;
131
+ }
132
+
79
133
  .u-switch-onoff.checkbox-checked .track {
80
134
  background-color: transparent;
81
135
  }
136
+
82
137
  .u-btn * {
83
138
  margin: 0;
84
139
  padding: 0;
85
140
  }
141
+
86
142
  .u-btn {
87
143
  position: relative;
88
144
  display: inline-block;
@@ -105,34 +161,44 @@
105
161
  /* for a ie6/7 bug http://blog.csdn.net/jyy_12/article/details/6636099 */
106
162
  background-image: none;
107
163
  white-space: nowrap;
108
- user-select: none;
164
+ -webkit-user-select: none;
165
+ -moz-user-select: none;
166
+ -ms-user-select: none;
167
+ user-select: none;
109
168
  outline: none;
110
169
  }
170
+
111
171
  .u-btn::-moz-focus-inner {
112
172
  margin: 0;
113
173
  padding: 0;
114
174
  border: 0;
115
175
  }
176
+
116
177
  .u-btn .u-btn-text {
117
178
  background: none;
118
179
  padding: 0;
119
180
  height: auto;
120
181
  line-height: 1;
121
182
  }
183
+
122
184
  .u-btn:hover {
123
185
  text-decoration: none;
124
186
  }
187
+
125
188
  .u-btn:active {
126
189
  outline: 0;
127
190
  background-image: none;
128
191
  }
192
+
129
193
  .u-btn.disabled,
130
194
  .u-btn[disabled],
131
195
  .u-btn.disabled:active,
132
196
  .u-btn[disabled]:active {
133
197
  cursor: not-allowed;
134
198
  pointer-events: none;
135
- box-shadow: none;
199
+ -webkit-box-shadow: none;
200
+ box-shadow: none;
201
+ filter: alpha(opacity=50);
136
202
  opacity: 0.5;
137
203
  }
138
204
  /* 按钮组 */
@@ -142,73 +208,111 @@
142
208
  vertical-align: middle;
143
209
  zoom: 1;
144
210
  }
211
+
145
212
  .u-btns:before,
146
213
  .u-btns:after {
147
214
  content: " ";
148
215
  display: table;
149
216
  }
217
+
150
218
  .u-btns:after {
151
219
  clear: both;
152
220
  }
221
+
153
222
  .u-btns > .u-btn {
154
223
  position: relative;
224
+ }
225
+
226
+ [dir="ltr"] .u-btns > .u-btn {
155
227
  float: left;
156
228
  }
229
+
230
+ [dir="rtl"] .u-btns > .u-btn {
231
+ float: right;
232
+ }
233
+
157
234
  .u-btns > .u-btn:focus,
158
235
  .u-btns > .u-btn:active,
159
236
  .u-btns > .u-btn.active {
160
237
  z-index: 100;
161
238
  }
239
+
162
240
  .u-btns > .u-btn:hover {
163
241
  z-index: 101;
164
242
  }
243
+
165
244
  .u-btns > .u-btn .iconfont {
166
245
  line-height: 1;
167
246
  }
168
- .u-btns .u-btn + .u-btn {
247
+
248
+ [dir="ltr"] .u-btns .u-btn + .u-btn {
169
249
  margin-left: -1px;
170
250
  }
251
+
252
+ [dir="rtl"] .u-btns .u-btn + .u-btn {
253
+ margin-right: -1px;
254
+ }
255
+
171
256
  .u-btns .u-btn:not(:first-child):not(:last-child) {
172
257
  border-radius: 0;
173
258
  }
174
- .u-btns > .u-btn:first-child:not(:last-child) {
259
+
260
+ [dir="ltr"] .u-btns > .u-btn:first-child:not(:last-child) {
175
261
  border-top-right-radius: 0;
176
262
  border-bottom-right-radius: 0;
177
263
  }
178
- .u-btns > .u-btn:last-child:not(:first-child) {
264
+
265
+ [dir="rtl"] .u-btns > .u-btn:first-child:not(:last-child) {
266
+ border-top-left-radius: 0;
267
+ border-bottom-left-radius: 0;
268
+ }
269
+
270
+ [dir="ltr"] .u-btns > .u-btn:last-child:not(:first-child) {
179
271
  border-top-left-radius: 0;
180
272
  border-bottom-left-radius: 0;
181
273
  }
274
+
275
+ [dir="rtl"] .u-btns > .u-btn:last-child:not(:first-child) {
276
+ border-top-right-radius: 0;
277
+ border-bottom-right-radius: 0;
278
+ }
182
279
  /* 按钮尺寸 */
183
280
  .u-btn-round {
184
281
  border-radius: 50%;
185
282
  padding: 0 7px;
186
283
  }
284
+
187
285
  .u-btn-large {
188
286
  height: 32px;
189
287
  line-height: 32px;
190
288
  }
289
+
191
290
  .u-btn-large.u-btn-round {
192
291
  padding: 0 8px;
193
292
  }
293
+
194
294
  input.u-btn.u-btn-large,
195
295
  button.u-btn.u-btn-large {
196
296
  height: 34px;
197
297
  line-height: 32px;
198
298
  }
299
+
199
300
  input.u-btn,
200
301
  button.u-btn {
201
302
  height: 32px;
202
303
  line-height: 30px;
203
304
  }
305
+
204
306
  .u-btn-small {
205
307
  font-size: 12px;
206
308
  height: 22px;
207
309
  line-height: 22px;
208
310
  }
311
+
209
312
  .u-btn-small.u-btn-round {
210
313
  padding: 0 3px;
211
314
  }
315
+
212
316
  input.u-btn.u-btn-small,
213
317
  button.u-btn.u-btn-small {
214
318
  height: 24px;
@@ -220,11 +324,13 @@ button.u-btn.u-btn-small {
220
324
  background-color: #fff;
221
325
  border-color: #D9D9D9;
222
326
  }
327
+
223
328
  .u-btn-default:hover {
224
329
  color: #505052;
225
330
  background-color: #F5F6F7;
226
331
  border-color: #B2B2B2;
227
332
  }
333
+
228
334
  .u-btn-default.focus,
229
335
  .u-btn-default:active,
230
336
  .u-btn-default.active {
@@ -232,6 +338,7 @@ button.u-btn.u-btn-small {
232
338
  background-color: #E8E9EB;
233
339
  border-color: #B2B2B2;
234
340
  }
341
+
235
342
  .u-btn-default.disabled,
236
343
  .u-btn-default[disabled],
237
344
  .u-btn-default.disabled:hover,
@@ -245,16 +352,19 @@ button.u-btn.u-btn-small {
245
352
  background-color: #F5F6F7;
246
353
  border-color: #D9D9D9;
247
354
  }
355
+
248
356
  .u-btn-primary {
249
357
  color: #fff;
250
358
  background-color: #2c6ccc;
251
359
  border-color: #2c6ccc;
252
360
  }
361
+
253
362
  .u-btn-primary:hover {
254
363
  color: #fff;
255
364
  background-color: #188BCE;
256
365
  border-color: #2c6ccc;
257
366
  }
367
+
258
368
  .u-btn-primary.focus,
259
369
  .u-btn-primary:active,
260
370
  .u-btn-primary.active {
@@ -262,6 +372,7 @@ button.u-btn.u-btn-small {
262
372
  background-color: #11699C;
263
373
  border-color: #11699C;
264
374
  }
375
+
265
376
  .u-btn-primary.disabled,
266
377
  .u-btn-primary[disabled],
267
378
  .u-btn-primary.disabled:hover,
@@ -275,16 +386,19 @@ button.u-btn.u-btn-small {
275
386
  background-color: #2c6ccc;
276
387
  border-color: #2c6ccc;
277
388
  }
389
+
278
390
  .u-btn-success {
279
391
  color: #fff;
280
392
  background-color: #26AF1E;
281
393
  border-color: #26AF1E;
282
394
  }
395
+
283
396
  .u-btn-success:hover {
284
397
  color: #fff;
285
398
  background-color: #27B820;
286
399
  border-color: #26AF1E;
287
400
  }
401
+
288
402
  .u-btn-success.focus,
289
403
  .u-btn-success:active,
290
404
  .u-btn-success.active {
@@ -292,6 +406,7 @@ button.u-btn.u-btn-small {
292
406
  background-color: #219E1A;
293
407
  border-color: #26AF1E;
294
408
  }
409
+
295
410
  .u-btn-success.disabled,
296
411
  .u-btn-success[disabled],
297
412
  .u-btn-success.disabled:hover,
@@ -305,16 +420,19 @@ button.u-btn.u-btn-small {
305
420
  background-color: #26AF1E;
306
421
  border-color: #26AF1E;
307
422
  }
423
+
308
424
  .u-btn-warning {
309
425
  color: #fff;
310
426
  background-color: #F1BA31;
311
427
  border-color: #F1BA31;
312
428
  }
429
+
313
430
  .u-btn-warning:hover {
314
431
  color: #fff;
315
432
  background-color: #FEC535;
316
433
  border-color: #F1BA31;
317
434
  }
435
+
318
436
  .u-btn-warning.focus,
319
437
  .u-btn-warning:active,
320
438
  .u-btn-warning.active {
@@ -322,6 +440,7 @@ button.u-btn.u-btn-small {
322
440
  background-color: #E5B02E;
323
441
  border-color: #F1BA31;
324
442
  }
443
+
325
444
  .u-btn-warning.disabled,
326
445
  .u-btn-warning[disabled],
327
446
  .u-btn-warning.disabled:hover,
@@ -335,16 +454,19 @@ button.u-btn.u-btn-small {
335
454
  background-color: #F1BA31;
336
455
  border-color: #F1BA31;
337
456
  }
457
+
338
458
  .u-btn-error {
339
459
  color: #fff;
340
460
  background-color: #E15051;
341
461
  border-color: #E15051;
342
462
  }
463
+
343
464
  .u-btn-error:hover {
344
465
  color: #fff;
345
466
  background-color: #FD595B;
346
467
  border-color: #E15051;
347
468
  }
469
+
348
470
  .u-btn-error.focus,
349
471
  .u-btn-error:active,
350
472
  .u-btn-error.active {
@@ -352,6 +474,7 @@ button.u-btn.u-btn-small {
352
474
  background-color: #CF3D3F;
353
475
  border-color: #E15051;
354
476
  }
477
+
355
478
  .u-btn-error.disabled,
356
479
  .u-btn-error[disabled],
357
480
  .u-btn-error.disabled:hover,
@@ -369,18 +492,28 @@ button.u-btn.u-btn-small {
369
492
  .u-lmask {
370
493
  position: absolute;
371
494
  top: 0;
372
- left: 0;
373
495
  width: 100%;
374
496
  height: 100%;
375
497
  z-index: 100;
376
498
  background: #fff;
499
+ filter: alpha(opacity=80);
377
500
  opacity: 0.8;
378
501
  }
502
+
503
+ [dir="ltr"] .u-lmask {
504
+ left: 0;
505
+ }
506
+
507
+ [dir="rtl"] .u-lmask {
508
+ right: 0;
509
+ }
510
+
379
511
  .u-lmask-floater {
380
512
  position: relative;
381
513
  height: 50%;
382
514
  margin-bottom: -50px;
383
515
  }
516
+
384
517
  .u-lmask-content {
385
518
  position: relative;
386
519
  height: 100px;
@@ -388,44 +521,62 @@ button.u-btn.u-btn-small {
388
521
  margin: 0 auto;
389
522
  text-align: center;
390
523
  }
524
+
391
525
  .u-lmask-loading {
392
526
  background: url(data:image/gif;base64,R0lGODlhZAAoAMQdAC+QxAt9uqvS56rS5y2PwxKBvK3T6KzT5wp9uSeMwiGJwODu9iKKwOHv9rjZ64G822uw1Wmv1PX6/Pb6/D6YyGqw1ROBvH+72yWLwSaMwYC724K82wV6uP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFRjVFQTI3Qzg4MzExRTRBQTdDRUEyMDdENEI3QzZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFRjVFQTI4Qzg4MzExRTRBQTdDRUEyMDdENEI3QzZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REVGNUVBMjVDODgzMTFFNEFBN0NFQTIwN0Q0QjdDNkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REVGNUVBMjZDODgzMTFFNEFBN0NFQTIwN0Q0QjdDNkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJDAAdACwAAAAAZAAoAAAF/WAnjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgsGo/IpHLJbDqf0Kh0Sq1afQ0II8CANK5FR4FDJhccYOHCUm4XFiUBIAAQoOR0+wlfv8/7e396ORFthhAkBoaDI4ptjCKOZZAdkmSUlhyUNAqGbQwkAIYAJqJtpCWmZaiho6WuOQGeZQEksm21Jbe0JrtkubaGwCO+HMM2nbMcoCOqZKzNsK2nr9Sp0jeFyhEkB4YDJt5t4CXiZeTd3+HqOQtjnm8lAwQIBOjy9PYo8/X3JPz6TgD0d0OMoTNphjSooCCAggpfEkqcSLGixYsYM2rcyLGjx48gQ4ocSbJklBAAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWpcNCCPAgDSuuckjEUg8JiVHgcNmFxxgm4TSZlMko4Wl3i4sSgIAAQACKIGDhSeHhIaCjDsafGwbIxGSbRAkBnyJmpwmm3WdI6FtozcJlxkjCpdsDCQAfAAmsnW0JbZtuLGzOwGXASPArsLDfMYkxG3Jx3XNIsts0DapkhisrhywI7psvN2+ueK9tzsXlw+V2hEkB3wDJu918SXzbfXu8DtzfHd5ayT5KTGAAAIC+QgaRIii4MGEJBwy5CGGjBk0JNTweRNnSIMKCgIoqPClo8mTKFMVqlzJsqXLlzBjypxJs6bNmzhzEgkBACH5BAkMAB0ALAAAAABkACgAAAX/YCeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqvnQaEEWBAGljc5JEIJB6TkqPAabcLjrBKAAgABCYJxd2mSEYLFnxuBQsldHZ4J4h3KIyKOwaDkCIag20bIxGXbhAkknyUIqBuoh2kbaY2AIMAJQmcGSMKnG0MJKx8riW5bru4rTwBgwElw5fFIsecycrEJsttzSPRHNM4vW2/IrCXGLO1HLcj2RzbIuXnHek8B4MDJRecD5rhESTufPAl+W77+O96DCCAgMC/EXoG+QHE5lKhEgMLHiQR0SCKihOLjClzJg2JNYPgyBHSoIKCAAoqHIAZybKly5cwY8qcSbOmzZs4c+rcybOnz58iQgAAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq+uBoQRYEAaWNzkkQgkHpOSo8BptwsOqwAQAAhQ8/q9JKG42xQSIwsWf24FCyV5dnh0jDwGhnskkX+TIhqGbRsjEZpuEJSSJpVulzgAhgAmqX+rJAmfGSMKn20MJK1ur7mqPAGGASbAf8IkxMEjyJrGIssczcrJO7ptvCPVHNcdsZoYtLYcuNi+JdnbNweGAybqf+wkF58PneERJO5u8PjrPQMECAjsK/Ev4EARfQwFGsRGEyKCAAWiKCjRypgyZ9KQWGMITpghDSooCKCgApiPKFMXqlzJsqXLlzBjypxJs6bNmzhz6typIgQAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq+7BoQRYEAaWNzkkQgkHpOSo8BptwuOpAAQAAhQ8/r9lLebJBRubRQSIwsWgm4FCyV9ezsGiY8jkYKTIpVulxqJbRsjEZ1uECSZbZc3AIkAJqqCrCWubrAjCaIZIwqibQwksm20OQGJASbDgsUlx27JI8vIzrsczR3P0zy/HMEi2dsd3SW2nRi50r0j4DsHiQMm64LtJe9u8SMXog+g0hEk8231OgYQQEAAIAmBBA2OQFjwTyBBhAyx6bSoBEOFYUqMKXMmDYk1ieBkFNKggoIACiobgBnJsqXLlzBjypxJs6bNmzhz6tzJs6fPKyEAACH5BAkMAB0ALAAAAABkACgAAAX/YCeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqvyAaEEWBAGljc5JEIJB6TkqPAabcLDp4AEAAIUPP6/ZS34+l+JRIUbm0UEiMLFoVuBQs6Box7JJGFkyOVbpcimW2bGoxtGyMRoW4QOgCMACaqhawlrm6wJLJttCIJphkjCqZtDDoBjAEmw4XFJcduySTLbc0iz8wj08ipq63Zsdu13bmmGL2/HME5B4wDJuiF6iXsbu4k8G3yIhemD6TkETsDBAgI2CPxL+DAEQUFokh4cBCjQ4nYhHIUpsaYMmfSkFjDCE5FIQ0qKAigoAKYjyhTFqpcybKly5cwY8qcSbOmzZs4c+pUEgIAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq/IBoQRYEAaWKKjwCmXCw6eABAACFDr9vsUd8PZdjp+PlpYzIAFCzoGgBx8I4WAiCKKZowdjmWQkockEYaAEDoAhgAmnYCfJaFmoySlZacjqRyrCplmDDoBhgEmtYC3JblmuyS9Zb8jwRzDxbqcnqDLpM2oz6zRsLEcszkHhgMm2YDbJd1m3yThZeMj5RznmNUROwMECATnJPDy9CP28yj6+CL9JRaQySQoTJAxhtAYFNKggoIACiqAWUixosWLGDNq3Mixo8ePIEOKHEmypEklIQAAIfkEBQwAHQAsAAAAAGQAKAAABddgJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq/YrLYkAAQAAlT3Gz6NwWIv2qwum85unYFDp8dF8zrn3snX+X52JoF7g3qFOwCHACaKeowljnWQJJJ0lCOWHJgimpw3AYcBJqF6oyWldackqXSrI60cryKxszeejYu5j7uTvZe/mzwHhwMmxHrGJch1yiTMdM4j0BzSItTWOAMECATZItvd3x3h3ijl4+jn3OZb7u/w8fLz9PX29/j5+vv8/f7/AAMKHDgiBAA7) no-repeat center center;
393
527
  width: 100px;
394
528
  height: 40px;
395
529
  margin: 0 auto;
396
530
  }
531
+
397
532
  .u-lmask-message {
398
533
  font-size: 13px;
399
534
  color: #333;
400
535
  }
536
+
401
537
  .u-menu-dropdown {
402
538
  position: absolute;
403
539
  z-index: 100;
404
540
  top: 100%;
541
+ }
542
+
543
+ [dir="ltr"] .u-menu-dropdown {
405
544
  left: 0;
406
545
  }
546
+
547
+ [dir="rtl"] .u-menu-dropdown {
548
+ right: 0;
549
+ }
550
+
407
551
  .u-menu-dropdown:not(.u-menu-show) .u-menu {
408
552
  margin-top: -5px;
409
553
  }
554
+
410
555
  .u-menu-dropdown:not(.u-menu-show).over-height .u-menu {
411
556
  margin-top: 5px;
412
557
  }
558
+
413
559
  .u-menu-dropdown.color .u-menu-choose {
414
560
  font-weight: 600;
415
561
  }
562
+
416
563
  .u-menu-dropdown.color .u-menu-choose .iconchoose {
417
564
  color: #0e931b;
418
565
  font-weight: normal;
419
566
  }
567
+
420
568
  .u-menu-dropdown.color .u-menu-choose.u-menu-disabled a,
421
569
  .u-menu-dropdown.color .u-menu-choose.u-menu-disabled a:hover {
422
570
  color: #333333;
423
571
  }
572
+
424
573
  input[disabled][role=dropdown] {
425
574
  background: #f3f3f3;
426
575
  color: rgba(42, 42, 42, 0.3);
427
576
  }
577
+
428
578
  input[disabled][role=dropdown] + i {
579
+ filter: alpha(opacity=30);
429
580
  opacity: 0.3;
430
581
  }
431
582
  /* 下拉菜单 */
@@ -436,61 +587,84 @@ input[disabled][role=dropdown] + i {
436
587
  border-radius: 4px;
437
588
  background: #fff;
438
589
  list-style: none;
439
- text-align: left;
590
+ -webkit-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
591
+ -o-transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
440
592
  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
441
- box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
593
+ -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
594
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
442
595
  }
443
- .u-menu .u-input-container {
596
+
597
+ [dir="ltr"] .u-menu {
598
+ text-align: left;
599
+ }
600
+
601
+ [dir="rtl"] .u-menu {
602
+ text-align: right;
603
+ }
604
+
605
+ [dir="ltr"] .u-menu .u-input-container {
444
606
  padding: 0 5px 0 27px;
445
607
  }
608
+
609
+ [dir="rtl"] .u-menu .u-input-container {
610
+ padding: 0 27px 0 5px;
611
+ }
612
+
446
613
  .u-menu li {
447
614
  position: relative;
448
615
  }
449
- .u-menu li.u-menu-warning,
450
- .u-menu li.u-menu-warning a,
451
- .u-menu li.u-menu-warning a:hover {
452
- color: #F1BA31;
453
- }
454
- .u-menu li.u-menu-error,
455
- .u-menu li.u-menu-error a,
456
- .u-menu li.u-menu-error a:hover {
457
- color: #E15051;
458
- }
616
+
459
617
  .u-menu li a {
460
618
  display: block;
461
- padding: 6px 30px 6px 38px;
462
619
  overflow: hidden;
463
620
  word-wrap: normal;
464
621
  white-space: nowrap;
465
- text-overflow: ellipsis;
622
+ -o-text-overflow: ellipsis;
623
+ text-overflow: ellipsis;
466
624
  color: #333333;
467
625
  text-decoration: none;
468
626
  height: 32px;
469
- box-sizing: border-box;
627
+ -webkit-box-sizing: border-box;
628
+ box-sizing: border-box;
470
629
  line-height: 19px;
471
630
  border-radius: 4px;
472
631
  }
632
+
633
+ [dir="ltr"] .u-menu li a {
634
+ padding: 6px 30px 6px 38px;
635
+ }
636
+
637
+ [dir="rtl"] .u-menu li a {
638
+ padding: 6px 38px 6px 30px;
639
+ }
640
+
473
641
  .u-menu li a:focus {
474
642
  outline: none;
475
643
  }
644
+
476
645
  .u-menu li a:hover,
477
646
  .u-menu li.active a {
478
647
  color: #333333;
479
648
  text-decoration: none;
480
649
  }
650
+
481
651
  .u-menu li a:hover {
482
652
  background: #f5f5f5;
483
653
  }
654
+
484
655
  .u-menu li.active > a,
485
656
  .u-menu li:active > a {
486
657
  background: #e5e5e5;
487
658
  }
659
+
488
660
  .u-menu li.u-menu-disabled i,
489
661
  .u-menu li.u-menu-disabled a,
490
662
  .u-menu li.u-menu-disabled a:hover {
491
663
  cursor: not-allowed;
664
+ filter: alpha(opacity=50);
492
665
  opacity: 0.5;
493
666
  }
667
+
494
668
  .u-menu li .iconfont {
495
669
  position: absolute;
496
670
  line-height: 1;
@@ -498,17 +672,38 @@ input[disabled][role=dropdown] + i {
498
672
  margin-top: -10px;
499
673
  font-size: 20px;
500
674
  }
675
+
501
676
  .u-menu li .iconfont.checkbox,
502
677
  .u-menu li .iconfont.radio {
503
- margin: -8px 0 0 2px;
504
678
  font-size: 16px;
505
679
  }
506
- .u-menu li .iconfont.left {
680
+
681
+ [dir="ltr"] .u-menu li .iconfont.checkbox,
682
+ [dir="ltr"] .u-menu li .iconfont.radio {
683
+ margin: -8px 0 0 2px;
684
+ }
685
+
686
+ [dir="rtl"] .u-menu li .iconfont.checkbox,
687
+ [dir="rtl"] .u-menu li .iconfont.radio {
688
+ margin: -8px 2px 0 0;
689
+ }
690
+
691
+ [dir="ltr"] .u-menu li .iconfont.left {
507
692
  left: 8px;
508
693
  }
509
- .u-menu li .iconfont.right {
694
+
695
+ [dir="rtl"] .u-menu li .iconfont.left {
696
+ right: 8px;
697
+ }
698
+
699
+ [dir="ltr"] .u-menu li .iconfont.right {
510
700
  right: 8px;
511
701
  }
702
+
703
+ [dir="rtl"] .u-menu li .iconfont.right {
704
+ left: 8px;
705
+ }
706
+
512
707
  .u-menu .divider {
513
708
  height: 0;
514
709
  line-height: 0;
@@ -516,10 +711,17 @@ input[disabled][role=dropdown] + i {
516
711
  margin: 4px 0;
517
712
  border-top: 1px solid #e8e8e8;
518
713
  }
519
- .u-menu-right {
714
+
715
+ [dir="ltr"] .u-menu-right {
520
716
  left: auto;
521
717
  right: 0;
522
718
  }
719
+
720
+ [dir="rtl"] .u-menu-right {
721
+ right: auto;
722
+ left: 0;
723
+ }
724
+
523
725
  .u-menu-top {
524
726
  top: auto;
525
727
  bottom: 100%;
@@ -529,16 +731,31 @@ input[disabled][role=dropdown] + i {
529
731
  .u-submenu {
530
732
  position: relative;
531
733
  }
734
+
532
735
  .u-submenu .u-menu {
533
736
  position: absolute;
534
- left: 100%;
535
737
  top: -4px;
536
738
  margin: 0;
537
739
  }
538
- .u-submenu .u-menu-right {
740
+
741
+ [dir="ltr"] .u-submenu .u-menu {
742
+ left: 100%;
743
+ }
744
+
745
+ [dir="rtl"] .u-submenu .u-menu {
746
+ right: 100%;
747
+ }
748
+
749
+ [dir="ltr"] .u-submenu .u-menu-right {
539
750
  left: auto;
540
751
  right: 100%;
541
752
  }
753
+
754
+ [dir="rtl"] .u-submenu .u-menu-right {
755
+ right: auto;
756
+ left: 100%;
757
+ }
758
+
542
759
  .u-submenu .u-menu-top {
543
760
  top: auto;
544
761
  bottom: 0;
@@ -553,11 +770,13 @@ input[disabled][role=dropdown] + i {
553
770
  word-wrap: normal;
554
771
  white-space: nowrap;
555
772
  }
773
+
556
774
  .u-page > a,
557
775
  .u-page > i {
558
776
  height: 30px;
559
777
  line-height: 30px;
560
778
  }
779
+
561
780
  .u-page a,
562
781
  .u-page i {
563
782
  height: 32px;
@@ -565,24 +784,37 @@ input[disabled][role=dropdown] + i {
565
784
  display: inline-block;
566
785
  vertical-align: top;
567
786
  padding: 0 6px;
568
- margin-left: -1px;
569
787
  font-size: 13px;
570
788
  letter-spacing: normal;
571
789
  word-spacing: normal;
572
790
  background: #fff;
573
791
  }
792
+
793
+ [dir="ltr"] .u-page a,
794
+ [dir="ltr"] .u-page i {
795
+ margin-left: -1px;
796
+ }
797
+
798
+ [dir="rtl"] .u-page a,
799
+ [dir="rtl"] .u-page i {
800
+ margin-right: -1px;
801
+ }
802
+
574
803
  .u-page a {
575
804
  border-radius: 4px;
576
805
  }
806
+
577
807
  .u-page a,
578
808
  .u-page a:hover,
579
809
  .u-page a:active {
580
810
  text-decoration: none;
581
811
  color: #505052;
582
812
  }
813
+
583
814
  .u-page a:hover {
584
815
  background: #ebebeb;
585
816
  }
817
+
586
818
  .u-page a:active {
587
819
  background: #e0e0e0;
588
820
  }
@@ -592,6 +824,7 @@ input[disabled][role=dropdown] + i {
592
824
  .u-page a.z-current:active {
593
825
  cursor: not-allowed;
594
826
  pointer-events: none;
827
+ filter: alpha(opacity=30);
595
828
  opacity: 0.3;
596
829
  }
597
830
  /* disable非选中 */
@@ -604,17 +837,27 @@ input[disabled][role=dropdown] + i {
604
837
  background: #fff;
605
838
  }
606
839
  /* 上下分页圆角 */
607
- .u-page-round .u-page-prev {
840
+ [dir="ltr"] .u-page-round .u-page-prev {
608
841
  border-radius: 16px 0 0 16px;
609
842
  }
610
- .u-page-round .u-page-next {
843
+
844
+ [dir="rtl"] .u-page-round .u-page-prev {
845
+ border-radius: 0 16px 16px 0;
846
+ }
847
+
848
+ [dir="ltr"] .u-page-round .u-page-next {
611
849
  border-radius: 0 16px 16px 0;
612
850
  }
851
+
852
+ [dir="rtl"] .u-page-round .u-page-next {
853
+ border-radius: 16px 0 0 16px;
854
+ }
613
855
  /* 分离 */
614
856
  .u-page-sep a,
615
857
  .u-page-sep i {
616
858
  margin: 0 3px;
617
859
  }
860
+
618
861
  .u-page-sep i {
619
862
  border: 0;
620
863
  }
@@ -622,6 +865,7 @@ input[disabled][role=dropdown] + i {
622
865
  .u-page-small {
623
866
  line-height: 22px;
624
867
  }
868
+
625
869
  .u-page-small a,
626
870
  .u-page-small i {
627
871
  font-size: 12px;
@@ -633,24 +877,35 @@ input[disabled][role=dropdown] + i {
633
877
  display: inline-block;
634
878
  margin: 0 3px;
635
879
  }
880
+
636
881
  .u-page-btns .u-page-btn.visible-input {
637
882
  cursor: default;
638
883
  }
639
- .u-page-btns-center {
884
+
885
+ [dir="ltr"] .u-page-btns-center {
640
886
  margin-left: 0;
641
887
  margin-right: 1px;
642
888
  }
889
+
890
+ [dir="rtl"] .u-page-btns-center {
891
+ margin-right: 0;
892
+ margin-left: 1px;
893
+ }
894
+
643
895
  .u-page-btns-center .u-page-btn {
644
896
  background-color: #fff;
645
897
  }
898
+
646
899
  .u-page-btns-center .u-page-btn .u-input {
647
900
  margin-top: -1px;
648
901
  }
902
+
649
903
  .u-page-btns-center .u-page-menu {
650
904
  top: auto;
651
905
  bottom: 100%;
652
906
  margin-bottom: 4px;
653
907
  }
908
+
654
909
  .u-page-btn {
655
910
  width: 84px;
656
911
  display: inline-block;
@@ -666,55 +921,84 @@ input[disabled][role=dropdown] + i {
666
921
  outline: none;
667
922
  background-color: #fff;
668
923
  border: none;
924
+ filter: alpha(opacity=30);
669
925
  opacity: 0.3;
670
926
  }
927
+
671
928
  .u-page-btn:not(.disabled) {
929
+ filter: alpha(opacity=100);
672
930
  opacity: 1;
673
931
  cursor: pointer;
674
932
  }
933
+
675
934
  .u-page-btn:not(.disabled):not(.visible-input):hover {
676
935
  background: #ebebeb;
677
936
  }
937
+
678
938
  .u-page-btn:not(.disabled):not(.visible-input):active,
679
939
  .u-page-btn:not(.disabled):not(.visible-input).active {
680
940
  background: #e5e5e5;
681
941
  }
942
+
682
943
  .u-page-btn .u-input {
683
944
  font-size: 13px;
684
945
  padding: 5px 2px;
685
946
  height: 20px;
947
+ text-align: center;
948
+ }
949
+
950
+ [dir="ltr"] .u-page-btn .u-input {
686
951
  float: left !important;
687
952
  margin-right: 10px;
688
- text-align: center;
689
953
  }
954
+
955
+ [dir="rtl"] .u-page-btn .u-input {
956
+ float: right !important;
957
+ margin-left: 10px;
958
+ }
959
+
690
960
  .u-page-btnsel.iconfont {
691
961
  display: inline-block;
692
962
  overflow: hidden;
693
963
  vertical-align: top;
694
964
  font-size: 16px;
695
965
  }
966
+
696
967
  .u-page-menu {
697
968
  position: absolute;
698
969
  z-index: 100;
699
970
  top: 100%;
700
- left: 7px /** border-left = */;
701
971
  max-height: 200px;
702
972
  max-width: 120px;
703
973
  margin: -5px 0 0;
974
+ filter: alpha(opacity=0);
704
975
  opacity: 0;
705
976
  list-style: none;
706
- box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
977
+ -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
978
+ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
707
979
  border-radius: 3px;
708
980
  line-height: 1.5;
709
981
  background: #fff;
710
982
  overflow-y: auto;
711
983
  overflow-x: auto;
984
+ -webkit-transition: margin-top 0.1s cubic-bezier(0.17, 0.17, 0, 1), opacity 0.1s cubic-bezier(0.17, 0.17, 0, 1);
985
+ -o-transition: margin-top 0.1s cubic-bezier(0.17, 0.17, 0, 1), opacity 0.1s cubic-bezier(0.17, 0.17, 0, 1);
712
986
  transition: margin-top 0.1s cubic-bezier(0.17, 0.17, 0, 1), opacity 0.1s cubic-bezier(0.17, 0.17, 0, 1);
713
987
  }
988
+
989
+ [dir="ltr"] .u-page-menu {
990
+ left: 7px /** border-left = */;
991
+ }
992
+
993
+ [dir="rtl"] .u-page-menu {
994
+ right: 7px /** border-left = */;
995
+ }
996
+
714
997
  .u-page-menu li.current a {
715
998
  font-weight: 600;
716
999
  background: #e5e5e5;
717
1000
  }
1001
+
718
1002
  .u-page-menu li a {
719
1003
  display: block;
720
1004
  min-width: 50px;
@@ -726,164 +1010,267 @@ input[disabled][role=dropdown] + i {
726
1010
  color: #333333;
727
1011
  border-radius: 0;
728
1012
  }
1013
+
729
1014
  .u-page-menu-show {
730
1015
  display: block;
731
1016
  margin-top: 1px;
1017
+ filter: alpha(opacity=100);
732
1018
  opacity: 1;
733
1019
  }
1020
+
734
1021
  .u-page-menu-hidden {
735
1022
  top: -9999px !important;
1023
+ }
1024
+
1025
+ [dir="ltr"] .u-page-menu-hidden {
736
1026
  left: -9999px !important;
737
1027
  }
1028
+
1029
+ [dir="rtl"] .u-page-menu-hidden {
1030
+ right: -9999px !important;
1031
+ }
1032
+
738
1033
  .icon-current {
739
1034
  background: none;
740
1035
  display: inline-block;
741
1036
  vertical-align: middle;
742
1037
  }
1038
+
743
1039
  .icon-current:after {
744
1040
  content: '';
745
1041
  display: block;
746
1042
  border-radius: 50%;
747
1043
  height: 6px;
748
1044
  width: 6px;
1045
+ }
1046
+
1047
+ [dir="ltr"] .icon-current:after {
749
1048
  margin-right: 5px;
750
1049
  }
1050
+
1051
+ [dir="rtl"] .icon-current:after {
1052
+ margin-left: 5px;
1053
+ }
1054
+
751
1055
  .f-cf:before,
752
1056
  .f-cf:after {
753
1057
  content: " ";
754
1058
  display: table;
755
1059
  }
1060
+
756
1061
  .f-cf:after {
757
1062
  clear: both;
758
1063
  }
759
- .f-fl {
1064
+
1065
+ [dir="ltr"] .f-fl {
760
1066
  float: left !important;
761
1067
  }
762
- .f-fr {
1068
+
1069
+ [dir="rtl"] .f-fl {
763
1070
  float: right !important;
764
1071
  }
1072
+
1073
+ [dir="ltr"] .f-fr {
1074
+ float: right !important;
1075
+ }
1076
+
1077
+ [dir="rtl"] .f-fr {
1078
+ float: left !important;
1079
+ }
1080
+
765
1081
  .f-ib {
766
1082
  display: inline-block;
767
1083
  }
1084
+
768
1085
  .f-dn {
769
1086
  display: none;
770
1087
  }
1088
+
771
1089
  .f-dni {
772
1090
  display: none !important;
773
1091
  }
1092
+
774
1093
  .f-db {
775
1094
  display: block;
776
1095
  }
1096
+
777
1097
  .f-dbi {
778
1098
  display: block !important;
779
1099
  }
1100
+
780
1101
  .f-pr {
781
1102
  position: relative;
782
1103
  }
1104
+
783
1105
  .f-prz {
784
1106
  position: relative;
785
1107
  zoom: 1;
786
1108
  }
1109
+
787
1110
  .f-oh {
788
1111
  overflow: hidden !important;
789
1112
  }
790
- .f-tal {
1113
+
1114
+ [dir="ltr"] .f-tal {
791
1115
  text-align: left;
792
1116
  }
1117
+
1118
+ [dir="rtl"] .f-tal {
1119
+ text-align: right;
1120
+ }
1121
+
793
1122
  .f-tac {
794
1123
  text-align: center;
795
1124
  }
796
- .f-tar {
1125
+
1126
+ [dir="ltr"] .f-tar {
797
1127
  text-align: right;
798
1128
  }
1129
+
1130
+ [dir="rtl"] .f-tar {
1131
+ text-align: left;
1132
+ }
1133
+
799
1134
  .f-vat {
800
1135
  vertical-align: top;
801
1136
  }
1137
+
802
1138
  .f-vam {
803
1139
  vertical-align: middle;
804
1140
  }
1141
+
805
1142
  .f-vab {
806
1143
  vertical-align: bottom;
807
1144
  }
1145
+
808
1146
  .f-taj {
809
1147
  text-align: justify;
810
1148
  text-justify: inter-ideograph;
811
1149
  }
1150
+
812
1151
  .f-tdn {
813
1152
  text-decoration: none;
814
1153
  }
1154
+
815
1155
  .f-fwb {
816
1156
  font-weight: bold;
817
1157
  }
1158
+
818
1159
  .f-fwn {
819
1160
  font-weight: normal;
820
1161
  }
1162
+
821
1163
  .f-wsn {
822
1164
  word-wrap: normal;
823
1165
  white-space: nowrap;
824
1166
  }
1167
+
825
1168
  .f-pre {
826
1169
  overflow: hidden;
827
- text-align: left;
828
1170
  white-space: pre-wrap;
829
1171
  word-wrap: break-word;
830
1172
  word-break: break-all;
831
1173
  }
1174
+
1175
+ [dir="ltr"] .f-pre {
1176
+ text-align: left;
1177
+ }
1178
+
1179
+ [dir="rtl"] .f-pre {
1180
+ text-align: right;
1181
+ }
1182
+
832
1183
  .f-wwb {
833
1184
  white-space: normal;
834
1185
  word-wrap: break-word;
835
1186
  word-break: break-all;
836
1187
  }
1188
+
837
1189
  .f-ellipsis {
838
1190
  overflow: hidden;
839
1191
  word-wrap: normal;
840
1192
  white-space: nowrap;
841
- text-overflow: ellipsis;
1193
+ -o-text-overflow: ellipsis;
1194
+ text-overflow: ellipsis;
842
1195
  }
1196
+
843
1197
  .f-csp {
844
1198
  cursor: pointer;
845
1199
  }
1200
+
846
1201
  .f-csd {
847
1202
  cursor: default;
848
1203
  }
1204
+
849
1205
  .f-csh {
850
1206
  cursor: help;
851
1207
  }
1208
+
852
1209
  .f-csm {
853
1210
  cursor: move;
854
1211
  }
1212
+
855
1213
  .f-usn {
856
- user-select: none;
1214
+ -webkit-user-select: none;
1215
+ -moz-user-select: none;
1216
+ -ms-user-select: none;
1217
+ user-select: none;
857
1218
  }
858
- .f-mgr {
1219
+
1220
+ [dir="ltr"] .f-mgr {
859
1221
  margin-right: 10px;
860
1222
  }
861
- .f-mgl {
1223
+
1224
+ [dir="rtl"] .f-mgr {
1225
+ margin-left: 10px;
1226
+ }
1227
+
1228
+ [dir="ltr"] .f-mgl {
862
1229
  margin-left: 10px;
863
1230
  }
864
- .f-mgr-l {
1231
+
1232
+ [dir="rtl"] .f-mgl {
1233
+ margin-right: 10px;
1234
+ }
1235
+
1236
+ [dir="ltr"] .f-mgr-l {
865
1237
  margin-right: 16px;
866
1238
  }
867
- .f-mgl-l {
1239
+
1240
+ [dir="rtl"] .f-mgr-l {
1241
+ margin-left: 16px;
1242
+ }
1243
+
1244
+ [dir="ltr"] .f-mgl-l {
868
1245
  margin-left: 16px;
869
1246
  }
1247
+
1248
+ [dir="rtl"] .f-mgl-l {
1249
+ margin-right: 16px;
1250
+ }
1251
+
870
1252
  .f-mgt {
871
1253
  margin-top: 10px;
872
1254
  }
1255
+
873
1256
  .f-mgb {
874
1257
  margin-bottom: 10px;
875
1258
  }
1259
+
876
1260
  .f-vh {
877
1261
  visibility: hidden;
878
1262
  }
1263
+
879
1264
  .disable-mask {
880
1265
  position: absolute;
881
1266
  z-index: 99;
882
1267
  left: 0;
883
1268
  right: 0;
1269
+ filter: alpha(opacity=50);
884
1270
  opacity: 0.5;
885
1271
  background-color: #fff;
886
1272
  }
1273
+
887
1274
  .f-abs {
888
1275
  position: absolute;
889
1276
  top: 0;
@@ -891,109 +1278,170 @@ input[disabled][role=dropdown] + i {
891
1278
  left: 0;
892
1279
  right: 0;
893
1280
  }
1281
+
894
1282
  .u-scroll {
895
1283
  overflow: auto;
896
1284
  }
1285
+
897
1286
  *::-webkit-scrollbar {
898
1287
  width: 14px;
899
1288
  height: 14px;
900
1289
  }
1290
+
901
1291
  *::-webkit-scrollbar-thumb {
902
1292
  border: 4px solid transparent;
903
1293
  background-clip: padding-box;
904
1294
  background-color: #ccc;
905
1295
  border-radius: 10px;
906
1296
  }
1297
+
907
1298
  *::-webkit-scrollbar-thumb:hover {
908
1299
  border-width: 2px;
909
1300
  background-color: #ccc;
910
1301
  border-radius: 10px;
911
1302
  }
1303
+
912
1304
  *::-webkit-scrollbar-track {
913
1305
  border-radius: 10px;
914
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
1306
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
1307
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
915
1308
  }
916
1309
  /*
917
1310
  * Copyright (c) 2023 Mailtech.cn, Ltd. All Rights Reserved.
918
1311
  */
919
- .aside-animation {
1312
+ [dir="ltr"] .aside-animation {
1313
+ -webkit-transition: left 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1314
+ -o-transition: left 0.1s cubic-bezier(0.17, 0.17, 0, 1);
920
1315
  transition: left 0.1s cubic-bezier(0.17, 0.17, 0, 1);
921
1316
  }
1317
+
1318
+ [dir="rtl"] .aside-animation {
1319
+ -webkit-transition: right 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1320
+ -o-transition: right 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1321
+ transition: right 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1322
+ }
1323
+
922
1324
  .lyToolbar {
923
1325
  position: relative;
924
1326
  white-space: nowrap;
925
1327
  }
926
- .lyToolbar,
927
- .lyToolbar[data-view] + .lycontent {
1328
+
1329
+ [dir="ltr"] .lyToolbar,
1330
+ [dir="ltr"] .lyToolbar[data-view] + .lycontent {
928
1331
  padding: 0 18px 0 13px;
929
1332
  }
930
- .lyToolbar .main-nav.aside {
1333
+
1334
+ [dir="rtl"] .lyToolbar,
1335
+ [dir="rtl"] .lyToolbar[data-view] + .lycontent {
1336
+ padding: 0 13px 0 18px;
1337
+ }
1338
+
1339
+ [dir="ltr"] .lyToolbar .main-nav.aside {
931
1340
  padding-left: 40px;
932
1341
  }
1342
+
1343
+ [dir="rtl"] .lyToolbar .main-nav.aside {
1344
+ padding-right: 40px;
1345
+ }
1346
+
933
1347
  .lyToolbar .main-nav.aside .icon-nav {
934
1348
  padding: 8px;
935
1349
  position: absolute;
936
- left: -8px;
937
1350
  top: 0;
938
1351
  cursor: pointer;
939
1352
  }
1353
+
1354
+ [dir="ltr"] .lyToolbar .main-nav.aside .icon-nav {
1355
+ left: -8px;
1356
+ }
1357
+
1358
+ [dir="rtl"] .lyToolbar .main-nav.aside .icon-nav {
1359
+ right: -8px;
1360
+ }
1361
+
940
1362
  .lyToolbar .content-wrapper {
941
1363
  width: 100%;
942
1364
  height: 38px;
943
1365
  padding: 3px 4px;
944
1366
  border-radius: 4px;
945
- box-shadow: 0 1px 4px rgba(1, 10, 15, 0.2);
946
- box-sizing: border-box;
1367
+ -webkit-box-shadow: 0 1px 4px rgba(1, 10, 15, 0.2);
1368
+ box-shadow: 0 1px 4px rgba(1, 10, 15, 0.2);
1369
+ -webkit-box-sizing: border-box;
1370
+ box-sizing: border-box;
947
1371
  background: #fff;
948
1372
  position: relative;
949
1373
  overflow: hidden;
950
1374
  }
1375
+
951
1376
  .lyToolbar .content-wrapper.scrollable {
952
1377
  padding: 3px 20px;
953
1378
  }
1379
+
954
1380
  .lyToolbar .content-wrapper.scrollable > div.scroll {
955
1381
  display: block;
956
1382
  }
1383
+
957
1384
  .lyToolbar .content-wrapper > [data-role=panel] {
958
1385
  overflow: hidden;
959
1386
  }
1387
+
960
1388
  .lyToolbar .content-wrapper > [data-role=panel] > div {
961
1389
  font-size: 0;
962
1390
  }
1391
+
963
1392
  .lyToolbar .content-wrapper > [data-role=panel] > div .u-list {
964
1393
  font-size: 14px;
965
1394
  }
1395
+
966
1396
  .lyToolbar .content-wrapper > div.scroll {
967
1397
  position: absolute;
968
1398
  top: 0;
969
1399
  height: 38px;
970
1400
  line-height: 38px;
971
- box-sizing: border-box;
1401
+ -webkit-box-sizing: border-box;
1402
+ box-sizing: border-box;
972
1403
  display: none;
973
1404
  }
1405
+
974
1406
  .lyToolbar .content-wrapper > div.scroll:not(.disabled) {
975
1407
  cursor: pointer;
976
1408
  }
1409
+
977
1410
  .lyToolbar .content-wrapper > div.scroll:not(.disabled):hover {
978
1411
  background: #fafafa;
979
1412
  }
1413
+
980
1414
  .lyToolbar .content-wrapper > div.scroll.disabled {
1415
+ filter: alpha(opacity=30);
981
1416
  opacity: 0.3;
982
1417
  }
1418
+
983
1419
  .lyToolbar .content-wrapper > div.scroll i {
984
1420
  font-size: 14px;
985
1421
  }
986
- .lyToolbar .content-wrapper > div.scroll.left {
1422
+
1423
+ [dir="ltr"] .lyToolbar .content-wrapper > div.scroll.left {
987
1424
  left: 0;
988
1425
  border-right: 1px solid #e2e2e2;
989
1426
  }
990
- .lyToolbar .content-wrapper > div.scroll.right {
1427
+
1428
+ [dir="rtl"] .lyToolbar .content-wrapper > div.scroll.left {
1429
+ right: 0;
1430
+ border-left: 1px solid #e2e2e2;
1431
+ }
1432
+
1433
+ [dir="ltr"] .lyToolbar .content-wrapper > div.scroll.right {
991
1434
  right: 0;
992
1435
  border-left: 1px solid #e2e2e2;
993
1436
  }
1437
+
1438
+ [dir="rtl"] .lyToolbar .content-wrapper > div.scroll.right {
1439
+ left: 0;
1440
+ border-right: 1px solid #e2e2e2;
1441
+ }
1442
+
994
1443
  .lyToolbar .toggle-ribbon {
995
1444
  position: absolute;
996
- right: 0;
997
1445
  bottom: 0;
998
1446
  width: 18px;
999
1447
  font-size: 18px;
@@ -1002,107 +1450,184 @@ input[disabled][role=dropdown] + i {
1002
1450
  line-height: 18px;
1003
1451
  cursor: pointer;
1004
1452
  }
1453
+
1454
+ [dir="ltr"] .lyToolbar .toggle-ribbon {
1455
+ right: 0;
1456
+ }
1457
+
1458
+ [dir="rtl"] .lyToolbar .toggle-ribbon {
1459
+ left: 0;
1460
+ }
1461
+
1005
1462
  .lyToolbar .toggle-ribbon:hover {
1006
1463
  background: #e8e8e8;
1007
1464
  }
1465
+
1008
1466
  .lyToolbar .divider {
1009
- margin-right: 4px;
1010
1467
  height: 26px;
1011
1468
  width: 1px;
1012
1469
  background: #d9d9d9;
1013
1470
  display: inline-block;
1014
1471
  vertical-align: middle;
1015
1472
  }
1473
+
1474
+ [dir="ltr"] .lyToolbar .divider {
1475
+ margin-right: 4px;
1476
+ }
1477
+
1478
+ [dir="rtl"] .lyToolbar .divider {
1479
+ margin-left: 4px;
1480
+ }
1481
+
1016
1482
  .lyToolbar .divider + .divider {
1017
1483
  display: none;
1018
1484
  }
1485
+
1019
1486
  .lyToolbar .u-btn.f-dni + br,
1020
1487
  .lyToolbar .u-btn.f-dni + .divider {
1021
1488
  display: none;
1022
1489
  }
1490
+
1023
1491
  .lyToolbar.ribbon .u-btn-groups-2 {
1024
1492
  margin: 6px 0;
1025
1493
  line-height: 36px;
1026
1494
  }
1495
+
1027
1496
  .lyToolbar.ribbon .u-btn-groups-3 .u-btn {
1028
1497
  height: 24px;
1029
1498
  line-height: 24px;
1030
1499
  }
1500
+
1031
1501
  .lyToolbar.ribbon .u-btn-groups-3 .u-btn:not(:last-child) {
1032
1502
  margin-bottom: 3px;
1033
1503
  }
1504
+
1034
1505
  .lyToolbar.ribbon .u-btn.u-btn-toolbar.primary {
1035
1506
  color: #424242;
1036
1507
  }
1508
+
1037
1509
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]),
1038
1510
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) {
1039
1511
  height: 84px;
1040
1512
  line-height: normal;
1041
- box-sizing: border-box;
1513
+ -webkit-box-sizing: border-box;
1514
+ box-sizing: border-box;
1042
1515
  padding-top: 9px;
1043
1516
  }
1044
- .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[data-dropdown],
1045
- .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[data-dropdown],
1046
- .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[role=dropdown],
1047
- .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[role=dropdown],
1048
- .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).split,
1049
- .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).split {
1517
+
1518
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[data-dropdown],
1519
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[data-dropdown],
1520
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[role=dropdown],
1521
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[role=dropdown],
1522
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).split,
1523
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).split {
1050
1524
  padding-right: 6px;
1051
1525
  }
1526
+
1527
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[data-dropdown],
1528
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[data-dropdown],
1529
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[role=dropdown],
1530
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[role=dropdown],
1531
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).split,
1532
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).split {
1533
+ padding-left: 6px;
1534
+ }
1535
+
1052
1536
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).no-icon,
1053
1537
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).no-icon {
1054
1538
  padding-top: 44px /** icon height = */;
1055
1539
  }
1540
+
1056
1541
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
1057
1542
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
1058
1543
  height: auto;
1059
- margin-left: 0;
1060
1544
  border-radius: 0 0 4px 4px;
1061
1545
  position: absolute;
1062
1546
  width: 100%;
1063
- left: -1px;
1064
1547
  bottom: -1px;
1065
1548
  }
1549
+
1550
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
1551
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
1552
+ margin-left: 0;
1553
+ left: -1px;
1554
+ }
1555
+
1556
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
1557
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
1558
+ margin-right: 0;
1559
+ right: -1px;
1560
+ }
1561
+
1066
1562
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont,
1067
1563
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont,
1068
1564
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
1069
1565
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
1070
1566
  display: block;
1071
1567
  }
1568
+
1072
1569
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont:not(.icondown),
1073
1570
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont:not(.icondown) {
1074
1571
  font-size: 32px;
1075
1572
  }
1076
- .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont.f-mgr,
1077
- .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont.f-mgr {
1573
+
1574
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont.f-mgr,
1575
+ [dir="ltr"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont.f-mgr {
1078
1576
  margin-right: 0;
1079
1577
  }
1578
+
1579
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont.f-mgr,
1580
+ [dir="rtl"] .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont.f-mgr {
1581
+ margin-left: 0;
1582
+ }
1583
+
1080
1584
  .lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .icondown,
1081
1585
  .lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .icondown {
1082
1586
  height: 16px;
1083
1587
  line-height: 16px;
1084
1588
  }
1589
+
1085
1590
  .lyToolbar.ribbon .content-wrapper {
1086
1591
  height: 90px;
1087
1592
  }
1593
+
1088
1594
  .lyToolbar.ribbon .content-wrapper > div.scroll {
1089
1595
  height: 90px;
1090
1596
  line-height: 90px;
1091
1597
  }
1598
+
1092
1599
  .lyToolbar.ribbon .divider {
1093
1600
  height: 78px;
1094
1601
  }
1602
+
1095
1603
  .u-btn-primary:not([disabled]):not(.disabled).split:hover > .u-btn-toolbar[arrow] {
1096
1604
  background-color: #188BCE;
1097
1605
  }
1606
+
1098
1607
  .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow] {
1099
- border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
1100
1608
  background-color: #2c6ccc;
1101
1609
  }
1102
- .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:hover {
1610
+
1611
+ [dir="ltr"] .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow] {
1103
1612
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
1613
+ }
1614
+
1615
+ [dir="rtl"] .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow] {
1616
+ border-color: transparent rgba(255, 255, 255, 0.35) transparent transparent;
1617
+ }
1618
+
1619
+ .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:hover {
1104
1620
  background-color: #188BCE;
1105
1621
  }
1622
+
1623
+ [dir="ltr"] .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:hover {
1624
+ border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
1625
+ }
1626
+
1627
+ [dir="rtl"] .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:hover {
1628
+ border-color: transparent rgba(255, 255, 255, 0.35) transparent transparent;
1629
+ }
1630
+
1106
1631
  .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow].active,
1107
1632
  .u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:active {
1108
1633
  background-color: #11699C;
@@ -1111,51 +1636,84 @@ input[disabled][role=dropdown] + i {
1111
1636
  .u-btn-primary:not([disabled]):not(.disabled).split:has([arrow]:active) {
1112
1637
  background: #fafafa;
1113
1638
  }
1639
+
1114
1640
  .u-btn.u-btn-toolbar:not(.u-btn-primary) {
1115
1641
  border-color: transparent;
1116
1642
  background-color: #fff;
1117
1643
  }
1644
+
1118
1645
  .u-btn.u-btn-toolbar:not(.u-btn-primary).primary,
1119
1646
  .u-btn.u-btn-toolbar:not(.u-btn-primary).primary > i {
1120
1647
  color: #2c6ccc;
1121
1648
  }
1649
+
1122
1650
  .u-btn.u-btn-toolbar:not(.u-btn-primary).disabled.active {
1123
1651
  background-color: #f5f5f5;
1124
1652
  }
1653
+
1125
1654
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):hover,
1126
1655
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):hover [arrow] {
1127
1656
  border-color: #e8e8e8;
1128
1657
  background-color: #fafafa;
1129
1658
  }
1659
+
1130
1660
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active,
1131
1661
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active,
1132
1662
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active {
1133
1663
  background-color: #f5f5f5;
1134
1664
  }
1665
+
1135
1666
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]),
1136
1667
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]),
1137
1668
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) {
1138
1669
  border-color: #a6a6a6;
1139
1670
  }
1671
+
1140
1672
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active),
1141
1673
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active),
1142
1674
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active) {
1143
1675
  border-color: transparent;
1676
+ }
1677
+
1678
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active),
1679
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active),
1680
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active) {
1144
1681
  border-left-color: #a6a6a6;
1145
1682
  }
1683
+
1684
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active),
1685
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active),
1686
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active) {
1687
+ border-right-color: #a6a6a6;
1688
+ }
1689
+
1146
1690
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1147
1691
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1148
1692
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active):hover {
1149
1693
  border-color: #e8e8e8;
1694
+ }
1695
+
1696
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1697
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1698
+ [dir="ltr"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active):hover {
1150
1699
  border-left-color: #a6a6a6;
1151
1700
  }
1701
+
1702
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1703
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active):hover,
1704
+ [dir="rtl"] .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active):hover {
1705
+ border-right-color: #a6a6a6;
1706
+ }
1707
+
1152
1708
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active {
1153
1709
  border-color: #a6a6a6;
1154
1710
  }
1711
+
1155
1712
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:hover,
1156
1713
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:hover [arrow] {
1157
1714
  border-color: transparent;
1158
1715
  }
1716
+
1159
1717
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border.active:not([arrow]),
1160
1718
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:active:not([arrow]),
1161
1719
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border[arrow]:active:not([arrow]) {
@@ -1165,35 +1723,58 @@ input[disabled][role=dropdown] + i {
1165
1723
  .u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):has([arrow]:active) {
1166
1724
  background: #fafafa;
1167
1725
  }
1726
+
1168
1727
  .lyToolbar .u-list {
1169
1728
  display: inline-block;
1170
1729
  vertical-align: middle;
1171
1730
  line-height: 32px;
1172
1731
  padding: 0 14px;
1173
1732
  }
1174
- .lyToolbar .u-list li:last-child {
1733
+
1734
+ [dir="ltr"] .lyToolbar .u-list li:last-child {
1175
1735
  margin-right: 0;
1176
1736
  }
1737
+
1738
+ [dir="rtl"] .lyToolbar .u-list li:last-child {
1739
+ margin-left: 0;
1740
+ }
1741
+
1177
1742
  .lyToolbar .u-list .checkbox {
1178
1743
  margin-top: 0;
1179
1744
  }
1745
+
1180
1746
  .lyToolbar .u-btn.u-btn-primary:hover {
1181
1747
  border-color: transparent;
1182
1748
  }
1749
+
1183
1750
  .lyToolbar .u-btn.u-btn-primary {
1184
1751
  padding: 0 8px;
1185
1752
  }
1753
+
1186
1754
  .lyToolbar .u-btn.u-btn-primary,
1187
1755
  .u-btn.u-btn-primary.u-btn-toolbar,
1188
1756
  .u-btn.u-btn-toolbar {
1189
- margin-right: 4px;
1190
1757
  border-radius: 4px;
1191
1758
  }
1759
+
1760
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary,
1761
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar,
1762
+ [dir="ltr"] .u-btn.u-btn-toolbar {
1763
+ margin-right: 4px;
1764
+ }
1765
+
1766
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary,
1767
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar,
1768
+ [dir="rtl"] .u-btn.u-btn-toolbar {
1769
+ margin-left: 4px;
1770
+ }
1771
+
1192
1772
  .lyToolbar .u-btn.u-btn-primary.iconfont,
1193
1773
  .u-btn.u-btn-primary.u-btn-toolbar.iconfont,
1194
1774
  .u-btn.u-btn-toolbar.iconfont {
1195
1775
  font-size: 20px;
1196
1776
  }
1777
+
1197
1778
  .lyToolbar .u-btn.u-btn-primary i.checkbox,
1198
1779
  .u-btn.u-btn-primary.u-btn-toolbar i.checkbox,
1199
1780
  .u-btn.u-btn-toolbar i.checkbox {
@@ -1202,52 +1783,110 @@ input[disabled][role=dropdown] + i {
1202
1783
  vertical-align: middle;
1203
1784
  margin-top: 0;
1204
1785
  }
1786
+
1205
1787
  .lyToolbar .u-btn.u-btn-primary i.checkbox + i,
1206
1788
  .u-btn.u-btn-primary.u-btn-toolbar i.checkbox + i,
1207
1789
  .u-btn.u-btn-toolbar i.checkbox + i {
1208
1790
  font-size: 14px;
1209
- margin-left: 5px;
1210
1791
  vertical-align: middle;
1211
1792
  }
1212
- .lyToolbar .u-btn.u-btn-primary[data-dropdown],
1213
- .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown],
1214
- .u-btn.u-btn-toolbar[data-dropdown],
1215
- .lyToolbar .u-btn.u-btn-primary[role=dropdown],
1216
- .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown],
1217
- .u-btn.u-btn-toolbar[role=dropdown] {
1793
+
1794
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary i.checkbox + i,
1795
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar i.checkbox + i,
1796
+ [dir="ltr"] .u-btn.u-btn-toolbar i.checkbox + i {
1797
+ margin-left: 5px;
1798
+ }
1799
+
1800
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary i.checkbox + i,
1801
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar i.checkbox + i,
1802
+ [dir="rtl"] .u-btn.u-btn-toolbar i.checkbox + i {
1803
+ margin-right: 5px;
1804
+ }
1805
+
1806
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[data-dropdown],
1807
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown],
1808
+ [dir="ltr"] .u-btn.u-btn-toolbar[data-dropdown],
1809
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[role=dropdown],
1810
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown],
1811
+ [dir="ltr"] .u-btn.u-btn-toolbar[role=dropdown] {
1218
1812
  padding-right: 0;
1219
1813
  }
1220
- .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown*=more],
1221
- .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1222
- .u-btn.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1223
- .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown*=more],
1224
- .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1225
- .u-btn.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1226
- .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=view],
1227
- .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=view],
1228
- .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=view],
1229
- .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=view],
1230
- .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=view],
1231
- .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=view],
1232
- .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=sort],
1233
- .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1234
- .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1235
- .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=sort],
1236
- .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1237
- .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1238
- .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=filter],
1239
- .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1240
- .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1241
- .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=filter],
1242
- .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=filter],
1243
- .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=filter] {
1814
+
1815
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[data-dropdown],
1816
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown],
1817
+ [dir="rtl"] .u-btn.u-btn-toolbar[data-dropdown],
1818
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[role=dropdown],
1819
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown],
1820
+ [dir="rtl"] .u-btn.u-btn-toolbar[role=dropdown] {
1821
+ padding-left: 0;
1822
+ }
1823
+
1824
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown*=more],
1825
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1826
+ [dir="ltr"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1827
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown*=more],
1828
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1829
+ [dir="ltr"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1830
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=view],
1831
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=view],
1832
+ [dir="ltr"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=view],
1833
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=view],
1834
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=view],
1835
+ [dir="ltr"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=view],
1836
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=sort],
1837
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1838
+ [dir="ltr"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1839
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=sort],
1840
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1841
+ [dir="ltr"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1842
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=filter],
1843
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1844
+ [dir="ltr"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1845
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=filter],
1846
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=filter],
1847
+ [dir="ltr"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=filter] {
1244
1848
  padding-right: 6px;
1245
1849
  }
1246
- .lyToolbar .u-btn.u-btn-primary.split,
1247
- .u-btn.u-btn-primary.u-btn-toolbar.split,
1248
- .u-btn.u-btn-toolbar.split {
1850
+
1851
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown*=more],
1852
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1853
+ [dir="rtl"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown*=more],
1854
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown*=more],
1855
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1856
+ [dir="rtl"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown*=more],
1857
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=view],
1858
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=view],
1859
+ [dir="rtl"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=view],
1860
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=view],
1861
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=view],
1862
+ [dir="rtl"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=view],
1863
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=sort],
1864
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1865
+ [dir="rtl"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=sort],
1866
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=sort],
1867
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1868
+ [dir="rtl"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=sort],
1869
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=filter],
1870
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1871
+ [dir="rtl"] .u-btn.u-btn-toolbar[data-dropdown][data-dropdown=filter],
1872
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=filter],
1873
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=filter],
1874
+ [dir="rtl"] .u-btn.u-btn-toolbar[role=dropdown][data-dropdown=filter] {
1875
+ padding-left: 6px;
1876
+ }
1877
+
1878
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary.split,
1879
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar.split,
1880
+ [dir="ltr"] .u-btn.u-btn-toolbar.split {
1249
1881
  padding-right: 0;
1250
1882
  }
1883
+
1884
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary.split,
1885
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar.split,
1886
+ [dir="rtl"] .u-btn.u-btn-toolbar.split {
1887
+ padding-left: 0;
1888
+ }
1889
+
1251
1890
  .lyToolbar .u-btn.u-btn-primary.split > .iconfont,
1252
1891
  .u-btn.u-btn-primary.u-btn-toolbar.split > .iconfont,
1253
1892
  .u-btn.u-btn-toolbar.split > .iconfont,
@@ -1257,45 +1896,83 @@ input[disabled][role=dropdown] + i {
1257
1896
  display: inline-block;
1258
1897
  vertical-align: top;
1259
1898
  }
1899
+
1260
1900
  .lyToolbar .u-btn.u-btn-primary > .iconfont,
1261
1901
  .u-btn.u-btn-primary.u-btn-toolbar > .iconfont,
1262
1902
  .u-btn.u-btn-toolbar > .iconfont {
1263
1903
  line-height: inherit;
1264
1904
  vertical-align: bottom;
1265
1905
  }
1266
- .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgr,
1267
- .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgr,
1268
- .u-btn.u-btn-toolbar > .iconfont.f-mgr {
1906
+
1907
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgr,
1908
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgr,
1909
+ [dir="ltr"] .u-btn.u-btn-toolbar > .iconfont.f-mgr {
1269
1910
  margin-right: 6px;
1270
1911
  }
1271
- .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgl,
1272
- .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgl,
1273
- .u-btn.u-btn-toolbar > .iconfont.f-mgl {
1912
+
1913
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgr,
1914
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgr,
1915
+ [dir="rtl"] .u-btn.u-btn-toolbar > .iconfont.f-mgr {
1916
+ margin-left: 6px;
1917
+ }
1918
+
1919
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgl,
1920
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgl,
1921
+ [dir="ltr"] .u-btn.u-btn-toolbar > .iconfont.f-mgl {
1274
1922
  margin-left: 6px;
1275
1923
  }
1924
+
1925
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgl,
1926
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgl,
1927
+ [dir="rtl"] .u-btn.u-btn-toolbar > .iconfont.f-mgl {
1928
+ margin-right: 6px;
1929
+ }
1930
+
1276
1931
  .lyToolbar .u-btn.u-btn-primary > .iconfont.f-vam,
1277
1932
  .u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-vam,
1278
1933
  .u-btn.u-btn-toolbar > .iconfont.f-vam {
1279
1934
  vertical-align: middle;
1280
1935
  }
1936
+
1281
1937
  .lyToolbar .u-btn.u-btn-primary[arrow],
1282
1938
  .u-btn.u-btn-primary.u-btn-toolbar[arrow],
1283
1939
  .u-btn.u-btn-toolbar[arrow] {
1284
1940
  padding: 0;
1941
+ vertical-align: bottom;
1942
+ }
1943
+
1944
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[arrow],
1945
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[arrow],
1946
+ [dir="ltr"] .u-btn.u-btn-toolbar[arrow] {
1285
1947
  margin: -1px -1px 0 6px;
1286
1948
  border-radius: 0 4px 4px 0;
1287
- vertical-align: bottom;
1288
1949
  }
1289
- .lyToolbar .u-btn.u-btn-primary[arrow] .icondown,
1290
- .u-btn.u-btn-primary.u-btn-toolbar[arrow] .icondown,
1291
- .u-btn.u-btn-toolbar[arrow] .icondown {
1950
+
1951
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[arrow],
1952
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[arrow],
1953
+ [dir="rtl"] .u-btn.u-btn-toolbar[arrow] {
1954
+ margin: -1px 6px 0 -1px;
1955
+ border-radius: 4px 0 0 4px;
1956
+ }
1957
+
1958
+ [dir="ltr"] .lyToolbar .u-btn.u-btn-primary[arrow] .icondown,
1959
+ [dir="ltr"] .u-btn.u-btn-primary.u-btn-toolbar[arrow] .icondown,
1960
+ [dir="ltr"] .u-btn.u-btn-toolbar[arrow] .icondown {
1292
1961
  margin-left: 0;
1293
1962
  }
1963
+
1964
+ [dir="rtl"] .lyToolbar .u-btn.u-btn-primary[arrow] .icondown,
1965
+ [dir="rtl"] .u-btn.u-btn-primary.u-btn-toolbar[arrow] .icondown,
1966
+ [dir="rtl"] .u-btn.u-btn-toolbar[arrow] .icondown {
1967
+ margin-right: 0;
1968
+ }
1969
+
1294
1970
  .lyToolbar .u-btn.u-btn-primary .icondown,
1295
1971
  .u-btn.u-btn-primary.u-btn-toolbar .icondown,
1296
1972
  .u-btn.u-btn-toolbar .icondown {
1297
1973
  font-size: 16px;
1298
1974
  }
1975
+
1299
1976
  .lyToolbar .u-btn.u-btn-primary.disabled,
1300
1977
  .u-btn.u-btn-primary.u-btn-toolbar.disabled,
1301
1978
  .u-btn.u-btn-toolbar.disabled,
@@ -1311,6 +1988,7 @@ input[disabled][role=dropdown] + i {
1311
1988
  cursor: default;
1312
1989
  pointer-events: initial;
1313
1990
  }
1991
+
1314
1992
  .lyToolbar .u-btn.u-btn-primary.split.disabled,
1315
1993
  .u-btn.u-btn-primary.u-btn-toolbar.split.disabled,
1316
1994
  .u-btn.u-btn-toolbar.split.disabled,
@@ -1324,8 +2002,10 @@ input[disabled][role=dropdown] + i {
1324
2002
  .u-btn.u-btn-primary.u-btn-toolbar.split[disabled]:active,
1325
2003
  .u-btn.u-btn-toolbar.split[disabled]:active {
1326
2004
  cursor: default;
2005
+ filter: alpha(opacity=100);
1327
2006
  opacity: 1;
1328
2007
  }
2008
+
1329
2009
  .lyToolbar .u-btn.u-btn-primary.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
1330
2010
  .u-btn.u-btn-primary.u-btn-toolbar.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
1331
2011
  .u-btn.u-btn-toolbar.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
@@ -1338,20 +2018,25 @@ input[disabled][role=dropdown] + i {
1338
2018
  .lyToolbar .u-btn.u-btn-primary.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown),
1339
2019
  .u-btn.u-btn-primary.u-btn-toolbar.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown),
1340
2020
  .u-btn.u-btn-toolbar.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown) {
2021
+ filter: alpha(opacity=50);
1341
2022
  opacity: 0.5;
1342
2023
  }
2024
+
1343
2025
  .lyToolbar .u-btn.u-btn-primary .iconhelp,
1344
2026
  .u-btn.u-btn-primary.u-btn-toolbar .iconhelp,
1345
2027
  .u-btn.u-btn-toolbar .iconhelp {
1346
2028
  color: #cd1515;
1347
2029
  }
2030
+
1348
2031
  body {
1349
2032
  font-family: Arial, Helvetica Neue, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Microsoft YaHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
1350
2033
  }
2034
+
1351
2035
  body ul,
1352
2036
  body li {
1353
2037
  list-style: none;
1354
2038
  }
2039
+
1355
2040
  body p {
1356
2041
  margin: 0;
1357
2042
  }
@@ -1370,37 +2055,77 @@ body p {
1370
2055
  .m-cal-month .content-wrapper li.now:after {
1371
2056
  background: #2c6ccc;
1372
2057
  }
2058
+
1373
2059
  .m-cal-month .content-wrapper td.cal-selected {
1374
2060
  color: #2c6ccc;
1375
2061
  background: #e4ecf8;
1376
2062
  }
2063
+
1377
2064
  .m-cal-month .content-wrapper td.cal-selected .f-abs:before {
1378
2065
  border: 1px solid #2c6ccc;
1379
- box-shadow: 0 0 4px 0 #2c6ccc;
2066
+ -webkit-box-shadow: 0 0 4px 0 #2c6ccc;
2067
+ box-shadow: 0 0 4px 0 #2c6ccc;
1380
2068
  }
2069
+
1381
2070
  .m-cal-month .content-wrapper td.cal-selected.cal-new-event:after {
1382
2071
  background: rgba(44, 108, 204, 0.2);
1383
2072
  }
2073
+
1384
2074
  .m-cal-list .content-wrapper tr.highlight,
1385
2075
  .m-cal-list .content-wrapper tr.selected {
1386
2076
  background: #e4ecf8;
1387
2077
  }
2078
+
1388
2079
  .m-cal-day .content-wrapper .main-content .calendar table th.cal-today,
1389
2080
  .m-cal-week .content-wrapper .main-content .calendar table th.cal-today {
1390
2081
  border-top: 4px solid #2c6ccc;
1391
2082
  }
2083
+
1392
2084
  .calMain .content-wrapper .cal-today:before {
1393
2085
  background: #2c6ccc;
1394
2086
  }
2087
+
1395
2088
  .calMain .content-wrapper .cal-today label > span {
1396
2089
  color: #2c6ccc;
1397
2090
  }
2091
+
1398
2092
  .m-cal-day,
1399
2093
  .m-cal-week,
1400
2094
  .m-cal-month,
1401
2095
  .m-cal-list {
1402
2096
  height: 100%;
1403
2097
  }
2098
+
2099
+ .m-cal-day ul,
2100
+ .m-cal-week ul,
2101
+ .m-cal-month ul,
2102
+ .m-cal-list ul {
2103
+ list-style: none;
2104
+ margin: 0;
2105
+ }
2106
+
2107
+ .m-cal-day table,
2108
+ .m-cal-week table,
2109
+ .m-cal-month table,
2110
+ .m-cal-list table {
2111
+ margin: 0;
2112
+ padding: 0;
2113
+ border-collapse: collapse;
2114
+ border-spacing: 0;
2115
+ }
2116
+
2117
+ .m-cal-day table td,
2118
+ .m-cal-week table td,
2119
+ .m-cal-month table td,
2120
+ .m-cal-list table td,
2121
+ .m-cal-day table th,
2122
+ .m-cal-week table th,
2123
+ .m-cal-month table th,
2124
+ .m-cal-list table th {
2125
+ padding: 0;
2126
+ background-clip: padding-box !important;
2127
+ }
2128
+
1404
2129
  .m-cal-day .content-wrapper,
1405
2130
  .m-cal-week .content-wrapper,
1406
2131
  .m-cal-month .content-wrapper,
@@ -1408,6 +2133,7 @@ body p {
1408
2133
  width: 100%;
1409
2134
  height: 100%;
1410
2135
  }
2136
+
1411
2137
  .m-cal-day .content-wrapper .main-content,
1412
2138
  .m-cal-week .content-wrapper .main-content,
1413
2139
  .m-cal-month .content-wrapper .main-content,
@@ -1416,29 +2142,42 @@ body p {
1416
2142
  background: #fff;
1417
2143
  border: 1px solid #e8e8e8;
1418
2144
  border-radius: 4px 4px 0 0;
1419
- box-sizing: border-box;
2145
+ -webkit-box-sizing: border-box;
2146
+ box-sizing: border-box;
1420
2147
  position: relative;
1421
2148
  }
1422
- .m-cal-day .content-wrapper .main-content .message-tip .close,
1423
- .m-cal-week .content-wrapper .main-content .message-tip .close,
1424
- .m-cal-month .content-wrapper .main-content .message-tip .close,
1425
- .m-cal-list .content-wrapper .main-content .message-tip .close {
2149
+
2150
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .message-tip .close,
2151
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .message-tip .close,
2152
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .message-tip .close,
2153
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .message-tip .close {
1426
2154
  margin-left: 10px;
1427
2155
  }
2156
+
2157
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .message-tip .close,
2158
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .message-tip .close,
2159
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .message-tip .close,
2160
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .message-tip .close {
2161
+ margin-right: 10px;
2162
+ }
2163
+
1428
2164
  .m-cal-day .content-wrapper .main-content .message-tip .content,
1429
2165
  .m-cal-week .content-wrapper .main-content .message-tip .content,
1430
2166
  .m-cal-month .content-wrapper .main-content .message-tip .content,
1431
2167
  .m-cal-list .content-wrapper .main-content .message-tip .content {
1432
2168
  max-height: 96px;
1433
2169
  }
2170
+
1434
2171
  .m-cal-day .content-wrapper .main-content .toolbar,
1435
2172
  .m-cal-week .content-wrapper .main-content .toolbar,
1436
2173
  .m-cal-month .content-wrapper .main-content .toolbar,
1437
2174
  .m-cal-list .content-wrapper .main-content .toolbar {
1438
2175
  padding: 12px 16px;
1439
2176
  height: 55px;
1440
- box-sizing: border-box;
2177
+ -webkit-box-sizing: border-box;
2178
+ box-sizing: border-box;
1441
2179
  }
2180
+
1442
2181
  .m-cal-day .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
1443
2182
  .m-cal-week .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
1444
2183
  .m-cal-month .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
@@ -1446,12 +2185,21 @@ body p {
1446
2185
  padding: 0 20px;
1447
2186
  border: 1px solid #e8e8e8;
1448
2187
  }
1449
- .m-cal-day .content-wrapper .main-content .toolbar .picker,
1450
- .m-cal-week .content-wrapper .main-content .toolbar .picker,
1451
- .m-cal-month .content-wrapper .main-content .toolbar .picker,
1452
- .m-cal-list .content-wrapper .main-content .toolbar .picker {
2188
+
2189
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .toolbar .picker,
2190
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .toolbar .picker,
2191
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .toolbar .picker,
2192
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .toolbar .picker {
1453
2193
  padding: 0 6px 0 8px;
1454
2194
  }
2195
+
2196
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .toolbar .picker,
2197
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .toolbar .picker,
2198
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .toolbar .picker,
2199
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .toolbar .picker {
2200
+ padding: 0 8px 0 6px;
2201
+ }
2202
+
1455
2203
  .m-cal-day .content-wrapper .main-content .toolbar .picker .text,
1456
2204
  .m-cal-week .content-wrapper .main-content .toolbar .picker .text,
1457
2205
  .m-cal-month .content-wrapper .main-content .toolbar .picker .text,
@@ -1459,12 +2207,21 @@ body p {
1459
2207
  border: none;
1460
2208
  font-weight: 500;
1461
2209
  }
1462
- .m-cal-day .content-wrapper .main-content .toolbar .picker .icondown,
1463
- .m-cal-week .content-wrapper .main-content .toolbar .picker .icondown,
1464
- .m-cal-month .content-wrapper .main-content .toolbar .picker .icondown,
1465
- .m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
2210
+
2211
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .toolbar .picker .icondown,
2212
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .toolbar .picker .icondown,
2213
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .toolbar .picker .icondown,
2214
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
1466
2215
  margin-left: 4px;
1467
2216
  }
2217
+
2218
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .toolbar .picker .icondown,
2219
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .toolbar .picker .icondown,
2220
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .toolbar .picker .icondown,
2221
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
2222
+ margin-right: 4px;
2223
+ }
2224
+
1468
2225
  .m-cal-day .content-wrapper .main-content .toolbar .picker .text,
1469
2226
  .m-cal-week .content-wrapper .main-content .toolbar .picker .text,
1470
2227
  .m-cal-month .content-wrapper .main-content .toolbar .picker .text,
@@ -1475,6 +2232,7 @@ body p {
1475
2232
  .m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
1476
2233
  font-size: 20px;
1477
2234
  }
2235
+
1478
2236
  .m-cal-day .content-wrapper .main-content .calendar,
1479
2237
  .m-cal-week .content-wrapper .main-content .calendar,
1480
2238
  .m-cal-month .content-wrapper .main-content .calendar,
@@ -1486,28 +2244,35 @@ body p {
1486
2244
  left: 0;
1487
2245
  right: 0;
1488
2246
  }
2247
+
1489
2248
  .m-cal-day .content-wrapper .main-content .calendar > *,
1490
2249
  .m-cal-week .content-wrapper .main-content .calendar > *,
1491
2250
  .m-cal-month .content-wrapper .main-content .calendar > *,
1492
2251
  .m-cal-list .content-wrapper .main-content .calendar > * {
1493
2252
  font-size: 0;
1494
2253
  }
2254
+
1495
2255
  .m-cal-day .content-wrapper .main-content .calendar > * > *,
1496
2256
  .m-cal-week .content-wrapper .main-content .calendar > * > *,
1497
2257
  .m-cal-month .content-wrapper .main-content .calendar > * > *,
1498
2258
  .m-cal-list .content-wrapper .main-content .calendar > * > * {
1499
2259
  font-size: 14px;
1500
2260
  }
2261
+
1501
2262
  .m-cal-day .content-wrapper .main-content .calendar table,
1502
2263
  .m-cal-week .content-wrapper .main-content .calendar table,
1503
2264
  .m-cal-month .content-wrapper .main-content .calendar table,
1504
2265
  .m-cal-list .content-wrapper .main-content .calendar table {
1505
- user-select: none;
2266
+ -webkit-user-select: none;
2267
+ -moz-user-select: none;
2268
+ -ms-user-select: none;
2269
+ user-select: none;
1506
2270
  width: 100%;
1507
2271
  height: 100%;
1508
2272
  table-layout: fixed;
1509
2273
  border-collapse: collapse;
1510
2274
  }
2275
+
1511
2276
  .m-cal-day .content-wrapper .main-content .calendar table th,
1512
2277
  .m-cal-week .content-wrapper .main-content .calendar table th,
1513
2278
  .m-cal-month .content-wrapper .main-content .calendar table th,
@@ -1516,23 +2281,48 @@ body p {
1516
2281
  .m-cal-week .content-wrapper .main-content .calendar table td,
1517
2282
  .m-cal-month .content-wrapper .main-content .calendar table td,
1518
2283
  .m-cal-list .content-wrapper .main-content .calendar table td {
1519
- text-align: left;
1520
2284
  position: relative;
1521
2285
  }
2286
+
2287
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table th,
2288
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar table th,
2289
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table th,
2290
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar table th,
2291
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table td,
2292
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar table td,
2293
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td,
2294
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar table td {
2295
+ text-align: left;
2296
+ }
2297
+
2298
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table th,
2299
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar table th,
2300
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table th,
2301
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar table th,
2302
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table td,
2303
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar table td,
2304
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td,
2305
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar table td {
2306
+ text-align: right;
2307
+ }
2308
+
1522
2309
  .m-cal-day .content-wrapper .main-content .calendar table th,
1523
2310
  .m-cal-week .content-wrapper .main-content .calendar table th,
1524
2311
  .m-cal-month .content-wrapper .main-content .calendar table th,
1525
2312
  .m-cal-list .content-wrapper .main-content .calendar table th {
1526
2313
  font-weight: 400;
1527
2314
  color: #424242;
1528
- box-sizing: border-box;
2315
+ -webkit-box-sizing: border-box;
2316
+ box-sizing: border-box;
1529
2317
  }
2318
+
1530
2319
  .m-cal-day .content-wrapper .main-content .calendar table th[data-order],
1531
2320
  .m-cal-week .content-wrapper .main-content .calendar table th[data-order],
1532
2321
  .m-cal-month .content-wrapper .main-content .calendar table th[data-order],
1533
2322
  .m-cal-list .content-wrapper .main-content .calendar table th[data-order] {
1534
2323
  cursor: pointer;
1535
2324
  }
2325
+
1536
2326
  .m-cal-day .content-wrapper .main-content .calendar table th[data-order] span,
1537
2327
  .m-cal-week .content-wrapper .main-content .calendar table th[data-order] span,
1538
2328
  .m-cal-month .content-wrapper .main-content .calendar table th[data-order] span,
@@ -1543,6 +2333,7 @@ body p {
1543
2333
  .m-cal-list .content-wrapper .main-content .calendar table th[data-order] + i {
1544
2334
  vertical-align: middle;
1545
2335
  }
2336
+
1546
2337
  .m-cal-day .content-wrapper .main-content .calendar table th[data-order] i,
1547
2338
  .m-cal-week .content-wrapper .main-content .calendar table th[data-order] i,
1548
2339
  .m-cal-month .content-wrapper .main-content .calendar table th[data-order] i,
@@ -1550,24 +2341,30 @@ body p {
1550
2341
  font-weight: bold;
1551
2342
  font-size: 12px;
1552
2343
  }
2344
+
1553
2345
  .m-cal-day .content-wrapper .main-content .calendar li,
1554
2346
  .m-cal-week .content-wrapper .main-content .calendar li,
1555
2347
  .m-cal-month .content-wrapper .main-content .calendar li,
1556
2348
  .m-cal-list .content-wrapper .main-content .calendar li {
1557
2349
  white-space: nowrap;
1558
2350
  }
2351
+
1559
2352
  .m-cal-day .content-wrapper .main-content .calendar li:not(.now),
1560
2353
  .m-cal-week .content-wrapper .main-content .calendar li:not(.now),
1561
2354
  .m-cal-month .content-wrapper .main-content .calendar li:not(.now),
1562
2355
  .m-cal-list .content-wrapper .main-content .calendar li:not(.now) {
1563
2356
  overflow: hidden;
1564
2357
  }
2358
+
1565
2359
  .m-cal-day .content-wrapper .main-content .calendar li.now,
1566
2360
  .m-cal-week .content-wrapper .main-content .calendar li.now,
1567
2361
  .m-cal-month .content-wrapper .main-content .calendar li.now,
1568
2362
  .m-cal-list .content-wrapper .main-content .calendar li.now {
2363
+ -webkit-transition: top 0.1s cubic-bezier(0.17, 0.17, 0, 1);
2364
+ -o-transition: top 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1569
2365
  transition: top 0.1s cubic-bezier(0.17, 0.17, 0, 1);
1570
2366
  }
2367
+
1571
2368
  .m-cal-day .content-wrapper .main-content .calendar li.now:before,
1572
2369
  .m-cal-week .content-wrapper .main-content .calendar li.now:before,
1573
2370
  .m-cal-month .content-wrapper .main-content .calendar li.now:before,
@@ -1581,6 +2378,7 @@ body p {
1581
2378
  top: 0;
1582
2379
  display: inline-block;
1583
2380
  }
2381
+
1584
2382
  .m-cal-day .content-wrapper .main-content .calendar li.now:before,
1585
2383
  .m-cal-week .content-wrapper .main-content .calendar li.now:before,
1586
2384
  .m-cal-month .content-wrapper .main-content .calendar li.now:before,
@@ -1588,17 +2386,46 @@ body p {
1588
2386
  width: 12px;
1589
2387
  height: 12px;
1590
2388
  border-radius: 12px;
2389
+ }
2390
+
2391
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar li.now:before,
2392
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar li.now:before,
2393
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar li.now:before,
2394
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar li.now:before {
1591
2395
  margin: -6px 0 0 -4px;
1592
2396
  }
2397
+
2398
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar li.now:before,
2399
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar li.now:before,
2400
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar li.now:before,
2401
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar li.now:before {
2402
+ margin: -6px -4px 0 0;
2403
+ }
2404
+
1593
2405
  .m-cal-day .content-wrapper .main-content .calendar li.now:after,
1594
2406
  .m-cal-week .content-wrapper .main-content .calendar li.now:after,
1595
2407
  .m-cal-month .content-wrapper .main-content .calendar li.now:after,
1596
2408
  .m-cal-list .content-wrapper .main-content .calendar li.now:after {
1597
- left: 10px;
1598
- right: 0;
1599
2409
  height: 2px;
1600
2410
  top: -1px;
1601
2411
  }
2412
+
2413
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar li.now:after,
2414
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar li.now:after,
2415
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar li.now:after,
2416
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar li.now:after {
2417
+ left: 10px;
2418
+ right: 0;
2419
+ }
2420
+
2421
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar li.now:after,
2422
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar li.now:after,
2423
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar li.now:after,
2424
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar li.now:after {
2425
+ right: 10px;
2426
+ left: 0;
2427
+ }
2428
+
1602
2429
  .m-cal-day .content-wrapper .main-content .calendar li.event_selection,
1603
2430
  .m-cal-week .content-wrapper .main-content .calendar li.event_selection,
1604
2431
  .m-cal-month .content-wrapper .main-content .calendar li.event_selection,
@@ -1608,23 +2435,34 @@ body p {
1608
2435
  height: 24px;
1609
2436
  border-radius: 3px;
1610
2437
  padding: 0 4px 0 4px;
1611
- box-sizing: border-box;
2438
+ -webkit-box-sizing: border-box;
2439
+ box-sizing: border-box;
1612
2440
  z-index: 2;
1613
2441
  position: relative;
1614
2442
  cursor: pointer;
1615
2443
  }
2444
+
1616
2445
  .m-cal-day .content-wrapper .main-content .calendar li.event_selection.collapsed,
1617
2446
  .m-cal-week .content-wrapper .main-content .calendar li.event_selection.collapsed,
1618
2447
  .m-cal-month .content-wrapper .main-content .calendar li.event_selection.collapsed,
1619
2448
  .m-cal-list .content-wrapper .main-content .calendar li.event_selection.collapsed {
1620
2449
  visibility: hidden;
1621
2450
  }
1622
- .m-cal-day .content-wrapper .main-content .calendar li.event_selection .event_msg,
1623
- .m-cal-week .content-wrapper .main-content .calendar li.event_selection .event_msg,
1624
- .m-cal-month .content-wrapper .main-content .calendar li.event_selection .event_msg,
1625
- .m-cal-list .content-wrapper .main-content .calendar li.event_selection .event_msg {
2451
+
2452
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar li.event_selection .event_msg,
2453
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar li.event_selection .event_msg,
2454
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar li.event_selection .event_msg,
2455
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar li.event_selection .event_msg {
1626
2456
  padding-left: 4px;
1627
2457
  }
2458
+
2459
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar li.event_selection .event_msg,
2460
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar li.event_selection .event_msg,
2461
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar li.event_selection .event_msg,
2462
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar li.event_selection .event_msg {
2463
+ padding-right: 4px;
2464
+ }
2465
+
1628
2466
  .m-cal-day .content-wrapper .main-content .calendar li.event_selection .event_icon,
1629
2467
  .m-cal-week .content-wrapper .main-content .calendar li.event_selection .event_icon,
1630
2468
  .m-cal-month .content-wrapper .main-content .calendar li.event_selection .event_icon,
@@ -1633,32 +2471,58 @@ body p {
1633
2471
  white-space: nowrap;
1634
2472
  line-height: 24px;
1635
2473
  }
2474
+
1636
2475
  .m-cal-day .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
1637
2476
  .m-cal-week .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
1638
2477
  .m-cal-month .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
1639
2478
  .m-cal-list .content-wrapper .main-content .calendar li.event_selection:not(.counter):before {
1640
- box-sizing: border-box;
2479
+ -webkit-box-sizing: border-box;
2480
+ box-sizing: border-box;
1641
2481
  content: '';
1642
- border-radius: 3px 0 0 3px;
1643
2482
  height: 100%;
1644
2483
  width: 4px;
1645
2484
  position: absolute;
1646
- left: 0;
1647
2485
  top: 0;
1648
2486
  display: inline-block;
1649
2487
  }
2488
+
2489
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2490
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2491
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2492
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar li.event_selection:not(.counter):before {
2493
+ border-radius: 3px 0 0 3px;
2494
+ left: 0;
2495
+ }
2496
+
2497
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2498
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2499
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
2500
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar li.event_selection:not(.counter):before {
2501
+ border-radius: 0 3px 3px 0;
2502
+ right: 0;
2503
+ }
2504
+
1650
2505
  .m-cal-day .content-wrapper .main-content .calendar li.event_selection.short-item:before,
1651
2506
  .m-cal-week .content-wrapper .main-content .calendar li.event_selection.short-item:before,
1652
2507
  .m-cal-month .content-wrapper .main-content .calendar li.event_selection.short-item:before,
1653
2508
  .m-cal-list .content-wrapper .main-content .calendar li.event_selection.short-item:before {
1654
2509
  height: 6px;
1655
2510
  }
2511
+
1656
2512
  .m-cal-day .content-wrapper .main-content .calendar .header,
1657
2513
  .m-cal-week .content-wrapper .main-content .calendar .header,
1658
2514
  .m-cal-month .content-wrapper .main-content .calendar .header,
1659
2515
  .m-cal-list .content-wrapper .main-content .calendar .header {
1660
2516
  overflow: hidden;
1661
2517
  }
2518
+
2519
+ .m-cal-day .content-wrapper .main-content .calendar .header .cal-table,
2520
+ .m-cal-week .content-wrapper .main-content .calendar .header .cal-table,
2521
+ .m-cal-month .content-wrapper .main-content .calendar .header .cal-table,
2522
+ .m-cal-list .content-wrapper .main-content .calendar .header .cal-table {
2523
+ border-top-width: 1px;
2524
+ }
2525
+
1662
2526
  .m-cal-day .content-wrapper .main-content .calendar .main,
1663
2527
  .m-cal-week .content-wrapper .main-content .calendar .main,
1664
2528
  .m-cal-month .content-wrapper .main-content .calendar .main,
@@ -1669,11 +2533,13 @@ body p {
1669
2533
  overflow-x: auto;
1670
2534
  overflow-y: hidden;
1671
2535
  }
2536
+
1672
2537
  .m-cal-week[firstweekday] .content-wrapper .main-content .calendar .main table td:last-child,
1673
2538
  .m-cal-week[firstweekday="0"] .content-wrapper .main-content .calendar .main table td:nth-child(2),
1674
2539
  .m-cal-week[firstweekday="1"] .content-wrapper .main-content .calendar .main table td:nth-child(7) {
1675
2540
  background: #f5f6f8;
1676
2541
  }
2542
+
1677
2543
  .m-cal-day .content-wrapper .main-content .time-offset,
1678
2544
  .m-cal-week .content-wrapper .main-content .time-offset {
1679
2545
  width: 60px;
@@ -1684,10 +2550,12 @@ body p {
1684
2550
  left: 0;
1685
2551
  right: 0;
1686
2552
  }
2553
+
1687
2554
  .m-cal-day .content-wrapper .main-content .time-offset.scrollable .time-offset-table,
1688
2555
  .m-cal-week .content-wrapper .main-content .time-offset.scrollable .time-offset-table {
1689
2556
  overflow-x: scroll;
1690
2557
  }
2558
+
1691
2559
  .m-cal-day .content-wrapper .main-content .time-offset .time-offset-table,
1692
2560
  .m-cal-week .content-wrapper .main-content .time-offset .time-offset-table {
1693
2561
  overflow: hidden;
@@ -1698,29 +2566,55 @@ body p {
1698
2566
  left: 0;
1699
2567
  right: 0;
1700
2568
  }
1701
- .m-cal-day .content-wrapper .main-content .time-offset .time-offset-table td:first-child,
1702
- .m-cal-week .content-wrapper .main-content .time-offset .time-offset-table td:first-child {
2569
+
2570
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .time-offset .time-offset-table td:first-child,
2571
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .time-offset .time-offset-table td:first-child {
1703
2572
  border-width: 0 1px 1px 0;
1704
2573
  }
2574
+
2575
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .time-offset .time-offset-table td:first-child,
2576
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .time-offset .time-offset-table td:first-child {
2577
+ border-width: 0 0 1px 1px;
2578
+ }
2579
+
1705
2580
  .m-cal-day .content-wrapper .main-content .time-offset .time-offset-utc,
1706
2581
  .m-cal-week .content-wrapper .main-content .time-offset .time-offset-utc {
1707
2582
  border: solid #e8e8e8;
1708
- border-width: 1px 1px 1px 0;
1709
- box-sizing: border-box;
2583
+ -webkit-box-sizing: border-box;
2584
+ box-sizing: border-box;
1710
2585
  vertical-align: bottom;
1711
2586
  }
1712
- .m-cal-day .content-wrapper .main-content .calendar,
1713
- .m-cal-week .content-wrapper .main-content .calendar {
2587
+
2588
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .time-offset .time-offset-utc,
2589
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .time-offset .time-offset-utc {
2590
+ border-width: 1px 1px 1px 0;
2591
+ }
2592
+
2593
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .time-offset .time-offset-utc,
2594
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .time-offset .time-offset-utc {
2595
+ border-width: 1px 0 1px 1px;
2596
+ }
2597
+
2598
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar,
2599
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar {
1714
2600
  left: 60px;
1715
2601
  }
2602
+
2603
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar,
2604
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar {
2605
+ right: 60px;
2606
+ }
2607
+
1716
2608
  .m-cal-day .content-wrapper .main-content .calendar.scrollable .all-days,
1717
2609
  .m-cal-week .content-wrapper .main-content .calendar.scrollable .all-days {
1718
2610
  overflow-y: scroll;
1719
2611
  }
2612
+
1720
2613
  .m-cal-day .content-wrapper .main-content .calendar .cal-table,
1721
2614
  .m-cal-week .content-wrapper .main-content .calendar .cal-table {
1722
2615
  border-bottom-width: 1px;
1723
2616
  }
2617
+
1724
2618
  .m-cal-day .content-wrapper .main-content .calendar .all-days,
1725
2619
  .m-cal-week .content-wrapper .main-content .calendar .all-days {
1726
2620
  position: absolute;
@@ -1729,19 +2623,34 @@ body p {
1729
2623
  overflow-y: auto;
1730
2624
  max-height: 260px;
1731
2625
  }
2626
+
1732
2627
  .m-cal-day .content-wrapper .main-content .calendar .all-days.empty,
1733
2628
  .m-cal-week .content-wrapper .main-content .calendar .all-days.empty {
1734
2629
  height: 0;
1735
2630
  }
1736
- .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
1737
- .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next {
2631
+
2632
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
2633
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next {
1738
2634
  margin-left: 5px;
1739
2635
  }
1740
- .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
1741
- .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev {
2636
+
2637
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
2638
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next {
2639
+ margin-right: 5px;
2640
+ }
2641
+
2642
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
2643
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev {
1742
2644
  margin-left: -10px;
1743
2645
  margin-right: 5px;
1744
2646
  }
2647
+
2648
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
2649
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev {
2650
+ margin-right: -10px;
2651
+ margin-left: 5px;
2652
+ }
2653
+
1745
2654
  .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
1746
2655
  .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next,
1747
2656
  .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
@@ -1752,16 +2661,19 @@ body p {
1752
2661
  display: inline-block;
1753
2662
  vertical-align: top;
1754
2663
  }
2664
+
1755
2665
  .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next i,
1756
2666
  .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next i,
1757
2667
  .m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev i,
1758
2668
  .m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev i {
1759
2669
  color: #2e2e2e;
1760
2670
  }
2671
+
1761
2672
  .m-cal-day .content-wrapper .main-content .calendar .all-days .cal-table td,
1762
2673
  .m-cal-week .content-wrapper .main-content .calendar .all-days .cal-table td {
1763
2674
  vertical-align: top;
1764
2675
  }
2676
+
1765
2677
  .m-cal-day .content-wrapper .main-content .calendar .all-days .cal-table td,
1766
2678
  .m-cal-week .content-wrapper .main-content .calendar .all-days .cal-table td,
1767
2679
  .m-cal-day .content-wrapper .main-content .calendar .all-days .cal-table td:first-child,
@@ -1770,54 +2682,74 @@ body p {
1770
2682
  .m-cal-week .content-wrapper .main-content .calendar .all-days .cal-table td:last-child {
1771
2683
  border-bottom-width: 0;
1772
2684
  }
2685
+
1773
2686
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul,
1774
2687
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul {
1775
2688
  padding: 0 2px;
1776
2689
  }
2690
+
1777
2691
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-next i,
1778
2692
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-next i,
1779
2693
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-prev i,
1780
2694
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-prev i {
1781
2695
  color: #fff;
1782
2696
  }
2697
+
1783
2698
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty,
1784
2699
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty,
1785
2700
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.event_selection,
1786
2701
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.event_selection {
1787
2702
  margin: 1px 0;
1788
2703
  }
2704
+
1789
2705
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty,
1790
2706
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty {
1791
2707
  height: 24px;
1792
2708
  }
2709
+
1793
2710
  .m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty:hover,
1794
2711
  .m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty:hover {
1795
2712
  background: none;
1796
2713
  }
2714
+
1797
2715
  .m-cal-day .content-wrapper .main-content .calendar .events li,
1798
2716
  .m-cal-week .content-wrapper .main-content .calendar .events li {
1799
2717
  position: absolute;
1800
2718
  }
2719
+
1801
2720
  .m-cal-day .content-wrapper .main-content .calendar .events li.now,
1802
2721
  .m-cal-week .content-wrapper .main-content .calendar .events li.now {
1803
2722
  z-index: 3;
1804
2723
  }
2724
+
1805
2725
  .m-cal-day .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon,
1806
2726
  .m-cal-week .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon {
1807
2727
  position: absolute;
1808
2728
  bottom: 2px;
2729
+ }
2730
+
2731
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon,
2732
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon {
1809
2733
  right: 4px;
1810
2734
  }
2735
+
2736
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon,
2737
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon {
2738
+ left: 4px;
2739
+ }
2740
+
1811
2741
  .m-cal-day .content-wrapper .main-content .calendar .main,
1812
2742
  .m-cal-week .content-wrapper .main-content .calendar .main {
1813
2743
  overflow-y: auto;
1814
2744
  }
2745
+
1815
2746
  .m-cal-day .content-wrapper .main-content .calendar table,
1816
2747
  .m-cal-week .content-wrapper .main-content .calendar table,
1817
2748
  .m-cal-day .content-wrapper .main-content .time-offset table,
1818
2749
  .m-cal-week .content-wrapper .main-content .time-offset table {
1819
2750
  width: 100%;
1820
2751
  }
2752
+
1821
2753
  .m-cal-day .content-wrapper .main-content .calendar table th,
1822
2754
  .m-cal-week .content-wrapper .main-content .calendar table th,
1823
2755
  .m-cal-day .content-wrapper .main-content .time-offset table th,
@@ -1828,64 +2760,92 @@ body p {
1828
2760
  .m-cal-week .content-wrapper .main-content .time-offset table td {
1829
2761
  border: 0 solid #e8e8e8;
1830
2762
  }
1831
- .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child),
1832
- .m-cal-week .content-wrapper .main-content .calendar table th:not(:last-child),
1833
- .m-cal-day .content-wrapper .main-content .time-offset table th:not(:last-child),
1834
- .m-cal-week .content-wrapper .main-content .time-offset table th:not(:last-child),
1835
- .m-cal-day .content-wrapper .main-content .calendar table td:not(:last-child),
1836
- .m-cal-week .content-wrapper .main-content .calendar table td:not(:last-child),
1837
- .m-cal-day .content-wrapper .main-content .time-offset table td:not(:last-child),
1838
- .m-cal-week .content-wrapper .main-content .time-offset table td:not(:last-child) {
2763
+
2764
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child),
2765
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar table th:not(:last-child),
2766
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .time-offset table th:not(:last-child),
2767
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .time-offset table th:not(:last-child),
2768
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table td:not(:last-child),
2769
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar table td:not(:last-child),
2770
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .time-offset table td:not(:last-child),
2771
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .time-offset table td:not(:last-child) {
1839
2772
  border-right-width: 1px;
1840
2773
  }
1841
- .m-cal-day .content-wrapper .main-content .calendar table td,
1842
- .m-cal-week .content-wrapper .main-content .calendar table td,
1843
- .m-cal-day .content-wrapper .main-content .time-offset table td,
1844
- .m-cal-week .content-wrapper .main-content .time-offset table td {
2774
+
2775
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child),
2776
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar table th:not(:last-child),
2777
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .time-offset table th:not(:last-child),
2778
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .time-offset table th:not(:last-child),
2779
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table td:not(:last-child),
2780
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar table td:not(:last-child),
2781
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .time-offset table td:not(:last-child),
2782
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .time-offset table td:not(:last-child) {
2783
+ border-left-width: 1px;
2784
+ }
2785
+
2786
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table td,
2787
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .calendar table td,
2788
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .time-offset table td,
2789
+ [dir="ltr"] .m-cal-week .content-wrapper .main-content .time-offset table td {
1845
2790
  border-width: 0 1px 1px 0;
1846
2791
  }
2792
+
2793
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table td,
2794
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .calendar table td,
2795
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .time-offset table td,
2796
+ [dir="rtl"] .m-cal-week .content-wrapper .main-content .time-offset table td {
2797
+ border-width: 0 0 1px 1px;
2798
+ }
2799
+
1847
2800
  .m-cal-day .content-wrapper .main-content .calendar table td:not(:last-child),
1848
2801
  .m-cal-week .content-wrapper .main-content .calendar table td:not(:last-child),
1849
2802
  .m-cal-day .content-wrapper .main-content .time-offset table td:not(:last-child),
1850
2803
  .m-cal-week .content-wrapper .main-content .time-offset table td:not(:last-child) {
1851
2804
  border-width: 0 0 1px 0;
1852
2805
  }
2806
+
1853
2807
  .m-cal-day .content-wrapper .main-content .calendar table td li,
1854
2808
  .m-cal-week .content-wrapper .main-content .calendar table td li,
1855
2809
  .m-cal-day .content-wrapper .main-content .time-offset table td li,
1856
2810
  .m-cal-week .content-wrapper .main-content .time-offset table td li {
1857
2811
  position: absolute;
1858
2812
  }
2813
+
1859
2814
  .m-cal-day .content-wrapper .main-content .calendar table tr.odd td,
1860
2815
  .m-cal-week .content-wrapper .main-content .calendar table tr.odd td,
1861
2816
  .m-cal-day .content-wrapper .main-content .time-offset table tr.odd td,
1862
2817
  .m-cal-week .content-wrapper .main-content .time-offset table tr.odd td {
1863
2818
  border-bottom-style: dashed;
1864
2819
  }
2820
+
1865
2821
  .m-cal-day .content-wrapper .main-content .calendar table tr:not(.odd) td,
1866
2822
  .m-cal-week .content-wrapper .main-content .calendar table tr:not(.odd) td,
1867
2823
  .m-cal-day .content-wrapper .main-content .time-offset table tr:not(.odd) td,
1868
2824
  .m-cal-week .content-wrapper .main-content .time-offset table tr:not(.odd) td {
1869
2825
  border-top-style: dashed;
1870
2826
  }
2827
+
1871
2828
  .m-cal-day .content-wrapper .main-content .calendar table tr td,
1872
2829
  .m-cal-week .content-wrapper .main-content .calendar table tr td,
1873
2830
  .m-cal-day .content-wrapper .main-content .time-offset table tr td,
1874
2831
  .m-cal-week .content-wrapper .main-content .time-offset table tr td {
1875
2832
  height: 31px;
1876
2833
  }
2834
+
1877
2835
  .m-cal-day .content-wrapper .main-content .calendar table tr td:not(:first-child),
1878
2836
  .m-cal-week .content-wrapper .main-content .calendar table tr td:not(:first-child),
1879
2837
  .m-cal-day .content-wrapper .main-content .time-offset table tr td:not(:first-child),
1880
2838
  .m-cal-week .content-wrapper .main-content .time-offset table tr td:not(:first-child) {
1881
2839
  vertical-align: top;
1882
2840
  }
2841
+
1883
2842
  .m-cal-day .content-wrapper .main-content .calendar table th.cal-today,
1884
2843
  .m-cal-week .content-wrapper .main-content .calendar table th.cal-today,
1885
2844
  .m-cal-day .content-wrapper .main-content .time-offset table th.cal-today,
1886
2845
  .m-cal-week .content-wrapper .main-content .time-offset table th.cal-today {
1887
2846
  border-top-width: 4px;
1888
2847
  }
2848
+
1889
2849
  .m-cal-day .content-wrapper .main-content .calendar table th,
1890
2850
  .m-cal-week .content-wrapper .main-content .calendar table th,
1891
2851
  .m-cal-day .content-wrapper .main-content .time-offset table th,
@@ -1895,6 +2855,7 @@ body p {
1895
2855
  padding: 4px 0;
1896
2856
  vertical-align: top;
1897
2857
  }
2858
+
1898
2859
  .m-cal-day .content-wrapper .main-content .calendar table th > .label,
1899
2860
  .m-cal-week .content-wrapper .main-content .calendar table th > .label,
1900
2861
  .m-cal-day .content-wrapper .main-content .time-offset table th > .label,
@@ -1907,8 +2868,10 @@ body p {
1907
2868
  overflow: hidden;
1908
2869
  word-wrap: normal;
1909
2870
  white-space: nowrap;
1910
- text-overflow: ellipsis;
2871
+ -o-text-overflow: ellipsis;
2872
+ text-overflow: ellipsis;
1911
2873
  }
2874
+
1912
2875
  .m-cal-day .content-wrapper .main-content .calendar table th .date,
1913
2876
  .m-cal-week .content-wrapper .main-content .calendar table th .date,
1914
2877
  .m-cal-day .content-wrapper .main-content .time-offset table th .date,
@@ -1917,225 +2880,381 @@ body p {
1917
2880
  line-height: 28px;
1918
2881
  margin-top: 4px;
1919
2882
  }
1920
- .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child) {
2883
+
2884
+ [dir="ltr"] .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child) {
1921
2885
  border-right-width: 0;
1922
2886
  }
1923
- .m-cal-month .content-wrapper .main-content.aside {
2887
+
2888
+ [dir="rtl"] .m-cal-day .content-wrapper .main-content .calendar table th:not(:last-child) {
2889
+ border-left-width: 0;
2890
+ }
2891
+
2892
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content.aside {
1924
2893
  margin-right: 340px /** gap = */;
1925
2894
  }
2895
+
2896
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content.aside {
2897
+ margin-left: 340px /** gap = */;
2898
+ }
2899
+
1926
2900
  .m-cal-month .content-wrapper .main-content .calendar {
1927
2901
  overflow: hidden;
1928
2902
  }
2903
+
1929
2904
  .m-cal-month .content-wrapper .main-content .calendar table td,
1930
2905
  .m-cal-month .content-wrapper .main-content .calendar table th {
1931
2906
  border-bottom: 1px solid #e8e8e8;
1932
2907
  }
2908
+
1933
2909
  .m-cal-month .content-wrapper .main-content .calendar table th {
1934
2910
  height: 48px;
1935
- padding: 20px 0 8px 14px;
1936
2911
  overflow: hidden;
1937
2912
  word-wrap: normal;
1938
2913
  white-space: nowrap;
1939
- text-overflow: ellipsis;
2914
+ -o-text-overflow: ellipsis;
2915
+ text-overflow: ellipsis;
2916
+ }
2917
+
2918
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table th {
2919
+ padding: 20px 0 8px 14px;
2920
+ }
2921
+
2922
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table th {
2923
+ padding: 20px 14px 8px 0;
1940
2924
  }
2925
+
1941
2926
  .m-cal-month .content-wrapper .main-content .calendar table td {
1942
2927
  cursor: pointer;
1943
2928
  vertical-align: top;
1944
2929
  position: relative;
1945
2930
  }
2931
+
1946
2932
  .m-cal-month .content-wrapper .main-content .calendar table td > div > label {
1947
2933
  display: inline-block;
1948
2934
  overflow: hidden;
1949
2935
  word-wrap: normal;
1950
2936
  white-space: nowrap;
1951
- text-overflow: ellipsis;
2937
+ -o-text-overflow: ellipsis;
2938
+ text-overflow: ellipsis;
1952
2939
  width: 100%;
1953
- box-sizing: border-box;
1954
- padding: 8px 0 4px 14px;
2940
+ -webkit-box-sizing: border-box;
2941
+ box-sizing: border-box;
1955
2942
  line-height: 16px;
1956
2943
  }
2944
+
2945
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td > div > label {
2946
+ padding: 8px 0 4px 14px;
2947
+ }
2948
+
2949
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td > div > label {
2950
+ padding: 8px 14px 4px 0;
2951
+ }
2952
+
1957
2953
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent {
1958
2954
  padding: 0 2px;
1959
2955
  }
2956
+
1960
2957
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty,
1961
2958
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection {
1962
2959
  margin: 1px 0;
1963
2960
  }
2961
+
1964
2962
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty {
1965
2963
  height: 24px;
1966
2964
  }
2965
+
1967
2966
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty:hover {
1968
2967
  background: none;
1969
2968
  }
2969
+
1970
2970
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection.counter {
1971
2971
  background: #ededed;
1972
2972
  padding: 2px 0;
1973
2973
  text-align: center;
1974
2974
  }
2975
+
1975
2976
  .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection.counter:hover {
1976
2977
  background: #e0e0e0;
1977
2978
  }
1978
- .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection .event_time {
2979
+
2980
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection .event_time {
1979
2981
  margin-right: 4px;
1980
2982
  }
2983
+
2984
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection .event_time {
2985
+ margin-left: 4px;
2986
+ }
2987
+
1981
2988
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-today:before {
1982
2989
  content: '';
1983
2990
  position: absolute;
1984
2991
  top: 0;
1985
- left: 0;
1986
2992
  width: 100%;
1987
2993
  height: 4px;
1988
2994
  display: inline-block;
1989
2995
  }
2996
+
2997
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-today:before {
2998
+ left: 0;
2999
+ }
3000
+
3001
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-today:before {
3002
+ right: 0;
3003
+ }
3004
+
1990
3005
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-today label > span {
1991
3006
  font-weight: 700;
1992
3007
  }
3008
+
1993
3009
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-hidden {
1994
3010
  color: #626262;
1995
3011
  background: #f8f8f8;
1996
3012
  }
3013
+
1997
3014
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected {
1998
3015
  position: relative;
1999
3016
  }
3017
+
2000
3018
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before {
2001
3019
  border-radius: 1px;
2002
3020
  height: 100%;
2003
3021
  padding: 1px;
2004
3022
  top: 0;
2005
3023
  }
3024
+
2006
3025
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
2007
3026
  border-radius: 4px;
2008
3027
  height: 24px;
2009
3028
  top: 5px;
2010
- box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
2011
3029
  }
3030
+
3031
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
3032
+ -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
3033
+ box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
3034
+ }
3035
+
3036
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
3037
+ -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.25);
3038
+ box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.25);
3039
+ }
3040
+
2012
3041
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before,
2013
3042
  .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
2014
3043
  content: '';
2015
3044
  width: 100%;
2016
3045
  display: inline-block;
2017
- left: 0;
2018
- box-sizing: border-box;
3046
+ -webkit-box-sizing: border-box;
3047
+ box-sizing: border-box;
2019
3048
  position: absolute;
2020
3049
  z-index: 1;
2021
3050
  }
3051
+
3052
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before,
3053
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
3054
+ left: 0;
3055
+ }
3056
+
3057
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before,
3058
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
3059
+ right: 0;
3060
+ }
3061
+
2022
3062
  .m-cal-month .content-wrapper .main-content.transition,
2023
3063
  .m-cal-month .content-wrapper .main-content.transition + .aside-content {
3064
+ -webkit-transition: 0.1s cubic-bezier(0.17, 0.17, 0, 1);
3065
+ -o-transition: 0.1s cubic-bezier(0.17, 0.17, 0, 1);
2024
3066
  transition: 0.1s cubic-bezier(0.17, 0.17, 0, 1);
2025
3067
  }
3068
+
2026
3069
  .m-cal-month .content-wrapper .main-content.transition .calendar table td li {
3070
+ -webkit-transition: width 0.1s cubic-bezier(0.17, 0.17, 0, 1);
3071
+ -o-transition: width 0.1s cubic-bezier(0.17, 0.17, 0, 1);
2027
3072
  transition: width 0.1s cubic-bezier(0.17, 0.17, 0, 1);
2028
3073
  }
3074
+
2029
3075
  .m-cal-month .content-wrapper .main-content .aside-toggle {
2030
3076
  position: fixed;
2031
3077
  bottom: 0;
3078
+ z-index: 1;
3079
+ }
3080
+
3081
+ [dir="ltr"] .m-cal-month .content-wrapper .main-content .aside-toggle {
2032
3082
  right: 0;
2033
3083
  margin-right: 0;
2034
- z-index: 1;
2035
3084
  }
3085
+
3086
+ [dir="rtl"] .m-cal-month .content-wrapper .main-content .aside-toggle {
3087
+ left: 0;
3088
+ margin-left: 0;
3089
+ }
3090
+
2036
3091
  .m-cal-month .content-wrapper .aside-toggle {
2037
3092
  border-color: #e8e8e8;
2038
3093
  }
3094
+
2039
3095
  .m-cal-month .content-wrapper .aside-content {
2040
3096
  position: absolute;
2041
3097
  top: 0;
2042
- right: 0;
2043
3098
  height: 100%;
2044
3099
  background: #fff;
2045
3100
  border: 1px solid #e8e8e8;
2046
3101
  border-radius: 4px 4px 0 0;
2047
- box-sizing: border-box;
3102
+ -webkit-box-sizing: border-box;
3103
+ box-sizing: border-box;
2048
3104
  width: 335px;
2049
3105
  }
3106
+
3107
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content {
3108
+ right: 0;
3109
+ }
3110
+
3111
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content {
3112
+ left: 0;
3113
+ }
3114
+
2050
3115
  .m-cal-month .content-wrapper .aside-content .header {
2051
3116
  height: 55px;
2052
3117
  border-bottom: 1px solid #e8e8e8;
2053
3118
  font-size: 20px;
2054
3119
  font-weight: 700;
2055
3120
  padding: 14px 16px;
2056
- box-sizing: border-box;
3121
+ -webkit-box-sizing: border-box;
3122
+ box-sizing: border-box;
2057
3123
  }
3124
+
2058
3125
  .m-cal-month .content-wrapper .aside-content > ul {
2059
3126
  position: absolute;
2060
3127
  width: 100%;
2061
3128
  top: 55px;
2062
3129
  bottom: 32px;
2063
3130
  padding: 0 16px;
2064
- box-sizing: border-box;
3131
+ -webkit-box-sizing: border-box;
3132
+ box-sizing: border-box;
2065
3133
  }
3134
+
2066
3135
  .m-cal-month .content-wrapper .aside-content > ul > li {
2067
3136
  border-radius: 4px;
2068
3137
  margin-top: 9px;
2069
3138
  height: 54px;
2070
3139
  background: #fff;
2071
3140
  overflow: hidden;
2072
- padding: 0 16px 0 6px;
2073
3141
  line-height: 16px;
2074
3142
  font-size: 12px;
2075
3143
  position: relative;
2076
3144
  }
3145
+
3146
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content > ul > li {
3147
+ padding: 0 16px 0 6px;
3148
+ }
3149
+
3150
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content > ul > li {
3151
+ padding: 0 6px 0 16px;
3152
+ }
3153
+
2077
3154
  .m-cal-month .content-wrapper .aside-content > ul > li table {
2078
3155
  width: 100%;
2079
3156
  height: 100%;
2080
3157
  table-layout: fixed;
2081
3158
  }
3159
+
2082
3160
  .m-cal-month .content-wrapper .aside-content > ul > li table td:not(.ico) {
2083
- padding-left: 4px;
2084
3161
  overflow: hidden;
2085
3162
  word-wrap: normal;
2086
3163
  white-space: nowrap;
2087
- text-overflow: ellipsis;
3164
+ -o-text-overflow: ellipsis;
3165
+ text-overflow: ellipsis;
3166
+ }
3167
+
3168
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content > ul > li table td:not(.ico) {
3169
+ padding-left: 4px;
3170
+ }
3171
+
3172
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content > ul > li table td:not(.ico) {
3173
+ padding-right: 4px;
2088
3174
  }
3175
+
2089
3176
  .m-cal-month .content-wrapper .aside-content > ul > li table i {
2090
3177
  color: #626262;
2091
3178
  }
2092
- .m-cal-month .content-wrapper .aside-content > ul > li .ico {
3179
+
3180
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content > ul > li .ico {
2093
3181
  text-align: right;
2094
3182
  }
3183
+
3184
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content > ul > li .ico {
3185
+ text-align: left;
3186
+ }
3187
+
2095
3188
  .m-cal-month .content-wrapper .aside-content > ul > li .name {
2096
3189
  font-size: 14px;
2097
3190
  font-weight: 700;
2098
3191
  line-height: 18px;
2099
3192
  margin-bottom: 6px;
2100
3193
  }
3194
+
2101
3195
  .m-cal-month .content-wrapper .aside-content > ul > li.selected {
2102
3196
  background: #e5e5e5;
2103
3197
  }
3198
+
2104
3199
  .m-cal-month .content-wrapper .aside-content > ul > li:before {
2105
3200
  position: absolute;
2106
- left: 0;
2107
3201
  content: '';
2108
3202
  width: 6px;
2109
3203
  height: 100%;
2110
3204
  display: inline-block;
2111
3205
  }
3206
+
3207
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content > ul > li:before {
3208
+ left: 0;
3209
+ }
3210
+
3211
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content > ul > li:before {
3212
+ right: 0;
3213
+ }
3214
+
2112
3215
  .m-cal-month .content-wrapper .aside-content .footer {
2113
3216
  width: 100%;
2114
3217
  position: absolute;
2115
3218
  bottom: 0;
2116
3219
  border-top: 1px solid #e8e8e8;
2117
3220
  }
2118
- .m-cal-month .content-wrapper .aside-content .footer .aside-toggle {
3221
+
3222
+ [dir="ltr"] .m-cal-month .content-wrapper .aside-content .footer .aside-toggle {
2119
3223
  border-radius: 0 4px 4px 0;
2120
3224
  margin: -1px 0 0 -1px;
2121
3225
  }
2122
- .m-cal-list .content-wrapper .main-content [data-dropdown=filter] {
3226
+
3227
+ [dir="rtl"] .m-cal-month .content-wrapper .aside-content .footer .aside-toggle {
3228
+ border-radius: 4px 0 0 4px;
3229
+ margin: -1px -1px 0 0;
3230
+ }
3231
+
3232
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content [data-dropdown=filter] {
2123
3233
  margin-right: 23px;
2124
3234
  }
3235
+
3236
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content [data-dropdown=filter] {
3237
+ margin-left: 23px;
3238
+ }
3239
+
2125
3240
  .m-cal-list .content-wrapper .main-content .calendar tr {
2126
3241
  height: 46px;
2127
3242
  border-bottom: 1px solid #e8e8e8;
2128
3243
  }
3244
+
2129
3245
  .m-cal-list .content-wrapper .main-content .calendar tr .checkbox {
2130
3246
  cursor: pointer;
2131
3247
  }
3248
+
2132
3249
  .m-cal-list .content-wrapper .main-content .calendar td:not(.check),
2133
3250
  .m-cal-list .content-wrapper .main-content .calendar th:not(.check) {
2134
3251
  overflow: hidden;
2135
3252
  word-wrap: normal;
2136
3253
  white-space: nowrap;
2137
- text-overflow: ellipsis;
3254
+ -o-text-overflow: ellipsis;
3255
+ text-overflow: ellipsis;
2138
3256
  }
3257
+
2139
3258
  .m-cal-list .content-wrapper .main-content .calendar td.check,
2140
3259
  .m-cal-list .content-wrapper .main-content .calendar th.check,
2141
3260
  .m-cal-list .content-wrapper .main-content .calendar td.size,
@@ -2146,18 +3265,31 @@ body p {
2146
3265
  .m-cal-list .content-wrapper .main-content .calendar th.time,
2147
3266
  .m-cal-list .content-wrapper .main-content .calendar td[class$=Ico],
2148
3267
  .m-cal-list .content-wrapper .main-content .calendar th[class$=Ico] {
2149
- box-sizing: border-box;
3268
+ -webkit-box-sizing: border-box;
3269
+ box-sizing: border-box;
2150
3270
  }
3271
+
2151
3272
  .m-cal-list .content-wrapper .main-content .calendar td.check,
2152
3273
  .m-cal-list .content-wrapper .main-content .calendar th.check {
2153
3274
  width: 52px;
2154
3275
  padding: 0 16px;
2155
3276
  }
3277
+
2156
3278
  .m-cal-list .content-wrapper .main-content .calendar td.colorIco,
2157
3279
  .m-cal-list .content-wrapper .main-content .calendar th.colorIco {
2158
3280
  width: 38px;
3281
+ }
3282
+
3283
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar td.colorIco,
3284
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar th.colorIco {
2159
3285
  padding: 10px 16px 10px 10px;
2160
3286
  }
3287
+
3288
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar td.colorIco,
3289
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar th.colorIco {
3290
+ padding: 10px 10px 10px 16px;
3291
+ }
3292
+
2161
3293
  .m-cal-list .content-wrapper .main-content .calendar td.colorIco > i,
2162
3294
  .m-cal-list .content-wrapper .main-content .calendar th.colorIco > i {
2163
3295
  width: 12px;
@@ -2166,41 +3298,61 @@ body p {
2166
3298
  border-radius: 12px;
2167
3299
  vertical-align: middle;
2168
3300
  }
3301
+
2169
3302
  .m-cal-list .content-wrapper .main-content .calendar td.typeIco,
2170
3303
  .m-cal-list .content-wrapper .main-content .calendar th.typeIco {
2171
3304
  width: 56px;
2172
3305
  }
3306
+
2173
3307
  .m-cal-list .content-wrapper .main-content .calendar td.detailIco,
2174
3308
  .m-cal-list .content-wrapper .main-content .calendar th.detailIco {
2175
3309
  width: 80px;
2176
3310
  }
3311
+
2177
3312
  .m-cal-list .content-wrapper .main-content .calendar td.size,
2178
3313
  .m-cal-list .content-wrapper .main-content .calendar th.size {
2179
3314
  width: 159px;
3315
+ }
3316
+
3317
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar td.size,
3318
+ [dir="ltr"] .m-cal-list .content-wrapper .main-content .calendar th.size {
2180
3319
  padding-right: 29px;
2181
3320
  text-align: right;
2182
3321
  }
3322
+
3323
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar td.size,
3324
+ [dir="rtl"] .m-cal-list .content-wrapper .main-content .calendar th.size {
3325
+ padding-left: 29px;
3326
+ text-align: left;
3327
+ }
3328
+
2183
3329
  .m-cal-list .content-wrapper .main-content .calendar td.time,
2184
3330
  .m-cal-list .content-wrapper .main-content .calendar th.time {
2185
3331
  width: 160px;
2186
3332
  }
3333
+
2187
3334
  .m-cal-list .content-wrapper .main-content .calendar td.calName,
2188
3335
  .m-cal-list .content-wrapper .main-content .calendar th.calName {
2189
3336
  width: 150px;
2190
3337
  }
3338
+
2191
3339
  .m-cal-list .content-wrapper .main-content .calendar td.date {
2192
3340
  width: 192px;
2193
3341
  }
3342
+
2194
3343
  .m-cal-list .content-wrapper .main-content .calendar th.date {
2195
3344
  width: 352px;
2196
3345
  }
3346
+
2197
3347
  .m-cal-list .content-wrapper .main-content .calendar th.calName {
2198
3348
  width: 150px;
2199
3349
  }
3350
+
2200
3351
  .m-cal-list .content-wrapper .main-content .calendar .main {
2201
3352
  top: 46px;
2202
3353
  bottom: 46px;
2203
3354
  }
3355
+
2204
3356
  .m-cal-list .content-wrapper .main-content .pg {
2205
3357
  position: absolute;
2206
3358
  left: 0;
@@ -2209,96 +3361,158 @@ body p {
2209
3361
  padding-top: 7px;
2210
3362
  height: 39px;
2211
3363
  background: #fff;
2212
- box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.02), 0 -1px 3px 0 rgba(0, 0, 0, 0.03), 0 -3px 3px 0 rgba(0, 0, 0, 0.06);
3364
+ -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.02), 0 -1px 3px 0 rgba(0, 0, 0, 0.03), 0 -3px 3px 0 rgba(0, 0, 0, 0.06);
3365
+ box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.02), 0 -1px 3px 0 rgba(0, 0, 0, 0.03), 0 -3px 3px 0 rgba(0, 0, 0, 0.06);
2213
3366
  }
3367
+
2214
3368
  .m-cal-list .content-wrapper .main-content .pg .u-page {
2215
3369
  margin: 0;
2216
3370
  }
3371
+
2217
3372
  .cal-panel {
2218
3373
  min-width: 650px;
2219
- box-sizing: border-box;
3374
+ -webkit-box-sizing: border-box;
3375
+ box-sizing: border-box;
2220
3376
  display: inline-block;
2221
3377
  position: relative;
2222
3378
  }
3379
+
2223
3380
  .cal-panel .cal-info,
2224
3381
  .cal-panel .cal-table {
2225
3382
  border: 0 solid #e8e8e8;
2226
3383
  }
3384
+
2227
3385
  .cal-panel .cal-info {
2228
3386
  height: 19px;
2229
3387
  padding: 6px 12px;
2230
- border-width: 1px 0;
3388
+ border-top-width: 1px;
2231
3389
  }
3390
+
2232
3391
  .cal-panel .cal-info .name {
2233
3392
  overflow: hidden;
2234
3393
  word-wrap: normal;
2235
3394
  white-space: nowrap;
2236
- text-overflow: ellipsis;
3395
+ -o-text-overflow: ellipsis;
3396
+ text-overflow: ellipsis;
2237
3397
  }
3398
+
2238
3399
  .cal-panel .cal-info .icon-close {
2239
3400
  font-size: 16px;
2240
3401
  line-height: 20px;
2241
3402
  color: #888;
2242
3403
  cursor: pointer;
3404
+ }
3405
+
3406
+ [dir="ltr"] .cal-panel .cal-info .icon-close {
2243
3407
  float: right !important;
2244
3408
  }
3409
+
3410
+ [dir="rtl"] .cal-panel .cal-info .icon-close {
3411
+ float: left !important;
3412
+ }
3413
+
2245
3414
  .cal-panel:not(.multiple) .cal-info .icon-close {
2246
3415
  display: none;
2247
3416
  }
3417
+
2248
3418
  .cal-panel .cal-table {
2249
3419
  position: relative;
2250
3420
  }
3421
+
2251
3422
  .cal-panel.multiple {
2252
3423
  padding: 0 4px;
2253
3424
  }
2254
- .cal-panel.multiple:first-child {
3425
+
3426
+ [dir="ltr"] .cal-panel.multiple:first-child {
2255
3427
  padding-left: 0;
2256
3428
  }
2257
- .cal-panel.multiple:last-child {
3429
+
3430
+ [dir="rtl"] .cal-panel.multiple:first-child {
3431
+ padding-right: 0;
3432
+ }
3433
+
3434
+ [dir="ltr"] .cal-panel.multiple:last-child {
2258
3435
  padding-right: 0;
2259
3436
  }
2260
- .cal-panel.multiple:not(:first-child) .cal-info,
2261
- .cal-panel.multiple:not(:first-child) .cal-table {
3437
+
3438
+ [dir="rtl"] .cal-panel.multiple:last-child {
3439
+ padding-left: 0;
3440
+ }
3441
+
3442
+ [dir="ltr"] .cal-panel.multiple:not(:first-child) .cal-info,
3443
+ [dir="ltr"] .cal-panel.multiple:not(:first-child) .cal-table {
2262
3444
  border-left-width: 1px;
2263
3445
  }
2264
- .cal-panel.multiple:not(:last-child) .cal-info,
2265
- .cal-panel.multiple:not(:last-child) .cal-table {
3446
+
3447
+ [dir="rtl"] .cal-panel.multiple:not(:first-child) .cal-info,
3448
+ [dir="rtl"] .cal-panel.multiple:not(:first-child) .cal-table {
3449
+ border-right-width: 1px;
3450
+ }
3451
+
3452
+ [dir="ltr"] .cal-panel.multiple:not(:last-child) .cal-info,
3453
+ [dir="ltr"] .cal-panel.multiple:not(:last-child) .cal-table {
2266
3454
  border-right-width: 1px;
2267
3455
  }
2268
- .calendar.scrollable .cal-panel:last-child .cal-info,
2269
- .calendar.scrollable .cal-panel:last-child .cal-table {
3456
+
3457
+ [dir="rtl"] .cal-panel.multiple:not(:last-child) .cal-info,
3458
+ [dir="rtl"] .cal-panel.multiple:not(:last-child) .cal-table {
3459
+ border-left-width: 1px;
3460
+ }
3461
+
3462
+ [dir="ltr"] .calendar.scrollable .cal-panel:last-child .cal-info,
3463
+ [dir="ltr"] .calendar.scrollable .cal-panel:last-child .cal-table {
2270
3464
  border-right-width: 1px;
2271
3465
  }
3466
+
3467
+ [dir="rtl"] .calendar.scrollable .cal-panel:last-child .cal-info,
3468
+ [dir="rtl"] .calendar.scrollable .cal-panel:last-child .cal-table {
3469
+ border-left-width: 1px;
3470
+ }
3471
+
2272
3472
  .cal-spot {
2273
3473
  width: 8px;
2274
3474
  height: 8px;
2275
3475
  border-radius: 100%;
2276
- margin-right: 6px;
2277
3476
  display: inline-block;
2278
3477
  }
3478
+
3479
+ [dir="ltr"] .cal-spot {
3480
+ margin-right: 6px;
3481
+ }
3482
+
3483
+ [dir="rtl"] .cal-spot {
3484
+ margin-left: 6px;
3485
+ }
3486
+
2279
3487
  .cal-spot,
2280
3488
  .cal-spot + * {
2281
3489
  vertical-align: middle;
2282
3490
  }
3491
+
2283
3492
  .m-cal-bubble[color="Indigo"] .color,
2284
3493
  [data-view-name="calendar.edit"][color="Indigo"] .color {
2285
3494
  background: #56A2FF;
2286
3495
  }
3496
+
2287
3497
  .m-cal-bubble[color="Indigo"] .time-range,
2288
3498
  [data-view-name="calendar.edit"][color="Indigo"] .time-range {
2289
3499
  background: rgba(86, 162, 255, 0.5);
2290
3500
  }
3501
+
2291
3502
  .cal-spot[color="Indigo"] {
2292
3503
  background: #56A2FF;
2293
3504
  }
3505
+
2294
3506
  .cal-info i[color="Indigo"] {
2295
3507
  background: #56A2FF;
2296
3508
  }
3509
+
2297
3510
  .calMain.calMain_MONTH .sidebar[color="Indigo"]:before,
2298
3511
  .calMain.calMain_WEEK .sidebar[color="Indigo"]:before,
2299
3512
  .calMain.calMain_DAY .sidebar[color="Indigo"]:before {
2300
3513
  background-color: rgba(86, 162, 255, 0.5);
2301
3514
  }
3515
+
2302
3516
  .calMain.calMain_MONTH .event_selection[color="Indigo"],
2303
3517
  .calMain.calMain_WEEK .event_selection[color="Indigo"],
2304
3518
  .calMain.calMain_DAY .event_selection[color="Indigo"],
@@ -2307,21 +3521,25 @@ body p {
2307
3521
  .calMain.calMain_DAY .event_selection[color="Indigo"]:hover {
2308
3522
  background-color: rgba(86, 162, 255, 0.5);
2309
3523
  }
3524
+
2310
3525
  .calMain.calMain_MONTH .event_selection[color="Indigo"] .iconfont,
2311
3526
  .calMain.calMain_WEEK .event_selection[color="Indigo"] .iconfont,
2312
3527
  .calMain.calMain_DAY .event_selection[color="Indigo"] .iconfont {
2313
3528
  color: #56A2FF;
2314
3529
  }
3530
+
2315
3531
  .calMain.calMain_MONTH .event_selection[color="Indigo"]:before,
2316
3532
  .calMain.calMain_WEEK .event_selection[color="Indigo"]:before,
2317
3533
  .calMain.calMain_DAY .event_selection[color="Indigo"]:before {
2318
3534
  background: #56A2FF;
2319
3535
  }
3536
+
2320
3537
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2321
3538
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2322
3539
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2323
3540
  background: rgba(255, 255, 255, 0.3);
2324
3541
  }
3542
+
2325
3543
  .calMain.calMain_MONTH .new_event_on[color="Indigo"],
2326
3544
  .calMain.calMain_WEEK .new_event_on[color="Indigo"],
2327
3545
  .calMain.calMain_DAY .new_event_on[color="Indigo"],
@@ -2333,30 +3551,38 @@ body p {
2333
3551
  .calMain.calMain_DAY .new_event_on[color="Indigo"] div {
2334
3552
  border-color: #56A2FF;
2335
3553
  background-color: #56A2FF !important;
2336
- box-shadow: none;
3554
+ -webkit-box-shadow: none;
3555
+ box-shadow: none;
2337
3556
  }
3557
+
2338
3558
  .calMain.calMain_LIST .colorIco[color="Indigo"] > i {
2339
3559
  background-color: rgba(86, 162, 255, 0.5);
2340
3560
  }
3561
+
2341
3562
  .m-cal-bubble[color="Grass Green"] .color,
2342
3563
  [data-view-name="calendar.edit"][color="Grass Green"] .color {
2343
3564
  background: #25C541;
2344
3565
  }
3566
+
2345
3567
  .m-cal-bubble[color="Grass Green"] .time-range,
2346
3568
  [data-view-name="calendar.edit"][color="Grass Green"] .time-range {
2347
3569
  background: rgba(37, 197, 65, 0.5);
2348
3570
  }
3571
+
2349
3572
  .cal-spot[color="Grass Green"] {
2350
3573
  background: #25C541;
2351
3574
  }
3575
+
2352
3576
  .cal-info i[color="Grass Green"] {
2353
3577
  background: #25C541;
2354
3578
  }
3579
+
2355
3580
  .calMain.calMain_MONTH .sidebar[color="Grass Green"]:before,
2356
3581
  .calMain.calMain_WEEK .sidebar[color="Grass Green"]:before,
2357
3582
  .calMain.calMain_DAY .sidebar[color="Grass Green"]:before {
2358
3583
  background-color: rgba(37, 197, 65, 0.5);
2359
3584
  }
3585
+
2360
3586
  .calMain.calMain_MONTH .event_selection[color="Grass Green"],
2361
3587
  .calMain.calMain_WEEK .event_selection[color="Grass Green"],
2362
3588
  .calMain.calMain_DAY .event_selection[color="Grass Green"],
@@ -2365,21 +3591,25 @@ body p {
2365
3591
  .calMain.calMain_DAY .event_selection[color="Grass Green"]:hover {
2366
3592
  background-color: rgba(37, 197, 65, 0.5);
2367
3593
  }
3594
+
2368
3595
  .calMain.calMain_MONTH .event_selection[color="Grass Green"] .iconfont,
2369
3596
  .calMain.calMain_WEEK .event_selection[color="Grass Green"] .iconfont,
2370
3597
  .calMain.calMain_DAY .event_selection[color="Grass Green"] .iconfont {
2371
3598
  color: #25C541;
2372
3599
  }
3600
+
2373
3601
  .calMain.calMain_MONTH .event_selection[color="Grass Green"]:before,
2374
3602
  .calMain.calMain_WEEK .event_selection[color="Grass Green"]:before,
2375
3603
  .calMain.calMain_DAY .event_selection[color="Grass Green"]:before {
2376
3604
  background: #25C541;
2377
3605
  }
3606
+
2378
3607
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2379
3608
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2380
3609
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2381
3610
  background: rgba(255, 255, 255, 0.3);
2382
3611
  }
3612
+
2383
3613
  .calMain.calMain_MONTH .new_event_on[color="Grass Green"],
2384
3614
  .calMain.calMain_WEEK .new_event_on[color="Grass Green"],
2385
3615
  .calMain.calMain_DAY .new_event_on[color="Grass Green"],
@@ -2391,30 +3621,38 @@ body p {
2391
3621
  .calMain.calMain_DAY .new_event_on[color="Grass Green"] div {
2392
3622
  border-color: #25C541;
2393
3623
  background-color: #25C541 !important;
2394
- box-shadow: none;
3624
+ -webkit-box-shadow: none;
3625
+ box-shadow: none;
2395
3626
  }
3627
+
2396
3628
  .calMain.calMain_LIST .colorIco[color="Grass Green"] > i {
2397
3629
  background-color: rgba(37, 197, 65, 0.5);
2398
3630
  }
3631
+
2399
3632
  .m-cal-bubble[color="Orange"] .color,
2400
3633
  [data-view-name="calendar.edit"][color="Orange"] .color {
2401
3634
  background: #EEA526;
2402
3635
  }
3636
+
2403
3637
  .m-cal-bubble[color="Orange"] .time-range,
2404
3638
  [data-view-name="calendar.edit"][color="Orange"] .time-range {
2405
3639
  background: rgba(238, 165, 38, 0.5);
2406
3640
  }
3641
+
2407
3642
  .cal-spot[color="Orange"] {
2408
3643
  background: #EEA526;
2409
3644
  }
3645
+
2410
3646
  .cal-info i[color="Orange"] {
2411
3647
  background: #EEA526;
2412
3648
  }
3649
+
2413
3650
  .calMain.calMain_MONTH .sidebar[color="Orange"]:before,
2414
3651
  .calMain.calMain_WEEK .sidebar[color="Orange"]:before,
2415
3652
  .calMain.calMain_DAY .sidebar[color="Orange"]:before {
2416
3653
  background-color: rgba(238, 165, 38, 0.5);
2417
3654
  }
3655
+
2418
3656
  .calMain.calMain_MONTH .event_selection[color="Orange"],
2419
3657
  .calMain.calMain_WEEK .event_selection[color="Orange"],
2420
3658
  .calMain.calMain_DAY .event_selection[color="Orange"],
@@ -2423,21 +3661,25 @@ body p {
2423
3661
  .calMain.calMain_DAY .event_selection[color="Orange"]:hover {
2424
3662
  background-color: rgba(238, 165, 38, 0.5);
2425
3663
  }
3664
+
2426
3665
  .calMain.calMain_MONTH .event_selection[color="Orange"] .iconfont,
2427
3666
  .calMain.calMain_WEEK .event_selection[color="Orange"] .iconfont,
2428
3667
  .calMain.calMain_DAY .event_selection[color="Orange"] .iconfont {
2429
3668
  color: #EEA526;
2430
3669
  }
3670
+
2431
3671
  .calMain.calMain_MONTH .event_selection[color="Orange"]:before,
2432
3672
  .calMain.calMain_WEEK .event_selection[color="Orange"]:before,
2433
3673
  .calMain.calMain_DAY .event_selection[color="Orange"]:before {
2434
3674
  background: #EEA526;
2435
3675
  }
3676
+
2436
3677
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2437
3678
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2438
3679
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2439
3680
  background: rgba(255, 255, 255, 0.3);
2440
3681
  }
3682
+
2441
3683
  .calMain.calMain_MONTH .new_event_on[color="Orange"],
2442
3684
  .calMain.calMain_WEEK .new_event_on[color="Orange"],
2443
3685
  .calMain.calMain_DAY .new_event_on[color="Orange"],
@@ -2449,30 +3691,38 @@ body p {
2449
3691
  .calMain.calMain_DAY .new_event_on[color="Orange"] div {
2450
3692
  border-color: #EEA526;
2451
3693
  background-color: #EEA526 !important;
2452
- box-shadow: none;
3694
+ -webkit-box-shadow: none;
3695
+ box-shadow: none;
2453
3696
  }
3697
+
2454
3698
  .calMain.calMain_LIST .colorIco[color="Orange"] > i {
2455
3699
  background-color: rgba(238, 165, 38, 0.5);
2456
3700
  }
3701
+
2457
3702
  .m-cal-bubble[color="Grey"] .color,
2458
3703
  [data-view-name="calendar.edit"][color="Grey"] .color {
2459
3704
  background: #909090;
2460
3705
  }
3706
+
2461
3707
  .m-cal-bubble[color="Grey"] .time-range,
2462
3708
  [data-view-name="calendar.edit"][color="Grey"] .time-range {
2463
3709
  background: rgba(144, 144, 144, 0.5);
2464
3710
  }
3711
+
2465
3712
  .cal-spot[color="Grey"] {
2466
3713
  background: #909090;
2467
3714
  }
3715
+
2468
3716
  .cal-info i[color="Grey"] {
2469
3717
  background: #909090;
2470
3718
  }
3719
+
2471
3720
  .calMain.calMain_MONTH .sidebar[color="Grey"]:before,
2472
3721
  .calMain.calMain_WEEK .sidebar[color="Grey"]:before,
2473
3722
  .calMain.calMain_DAY .sidebar[color="Grey"]:before {
2474
3723
  background-color: rgba(144, 144, 144, 0.5);
2475
3724
  }
3725
+
2476
3726
  .calMain.calMain_MONTH .event_selection[color="Grey"],
2477
3727
  .calMain.calMain_WEEK .event_selection[color="Grey"],
2478
3728
  .calMain.calMain_DAY .event_selection[color="Grey"],
@@ -2481,21 +3731,25 @@ body p {
2481
3731
  .calMain.calMain_DAY .event_selection[color="Grey"]:hover {
2482
3732
  background-color: rgba(144, 144, 144, 0.5);
2483
3733
  }
3734
+
2484
3735
  .calMain.calMain_MONTH .event_selection[color="Grey"] .iconfont,
2485
3736
  .calMain.calMain_WEEK .event_selection[color="Grey"] .iconfont,
2486
3737
  .calMain.calMain_DAY .event_selection[color="Grey"] .iconfont {
2487
3738
  color: #909090;
2488
3739
  }
3740
+
2489
3741
  .calMain.calMain_MONTH .event_selection[color="Grey"]:before,
2490
3742
  .calMain.calMain_WEEK .event_selection[color="Grey"]:before,
2491
3743
  .calMain.calMain_DAY .event_selection[color="Grey"]:before {
2492
3744
  background: #909090;
2493
3745
  }
3746
+
2494
3747
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2495
3748
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2496
3749
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2497
3750
  background: rgba(255, 255, 255, 0.3);
2498
3751
  }
3752
+
2499
3753
  .calMain.calMain_MONTH .new_event_on[color="Grey"],
2500
3754
  .calMain.calMain_WEEK .new_event_on[color="Grey"],
2501
3755
  .calMain.calMain_DAY .new_event_on[color="Grey"],
@@ -2507,30 +3761,38 @@ body p {
2507
3761
  .calMain.calMain_DAY .new_event_on[color="Grey"] div {
2508
3762
  border-color: #909090;
2509
3763
  background-color: #909090 !important;
2510
- box-shadow: none;
3764
+ -webkit-box-shadow: none;
3765
+ box-shadow: none;
2511
3766
  }
3767
+
2512
3768
  .calMain.calMain_LIST .colorIco[color="Grey"] > i {
2513
3769
  background-color: rgba(144, 144, 144, 0.5);
2514
3770
  }
3771
+
2515
3772
  .m-cal-bubble[color="Light Yellow"] .color,
2516
3773
  [data-view-name="calendar.edit"][color="Light Yellow"] .color {
2517
3774
  background: #DFCB05;
2518
3775
  }
3776
+
2519
3777
  .m-cal-bubble[color="Light Yellow"] .time-range,
2520
3778
  [data-view-name="calendar.edit"][color="Light Yellow"] .time-range {
2521
3779
  background: rgba(223, 203, 5, 0.5);
2522
3780
  }
3781
+
2523
3782
  .cal-spot[color="Light Yellow"] {
2524
3783
  background: #DFCB05;
2525
3784
  }
3785
+
2526
3786
  .cal-info i[color="Light Yellow"] {
2527
3787
  background: #DFCB05;
2528
3788
  }
3789
+
2529
3790
  .calMain.calMain_MONTH .sidebar[color="Light Yellow"]:before,
2530
3791
  .calMain.calMain_WEEK .sidebar[color="Light Yellow"]:before,
2531
3792
  .calMain.calMain_DAY .sidebar[color="Light Yellow"]:before {
2532
3793
  background-color: rgba(223, 203, 5, 0.5);
2533
3794
  }
3795
+
2534
3796
  .calMain.calMain_MONTH .event_selection[color="Light Yellow"],
2535
3797
  .calMain.calMain_WEEK .event_selection[color="Light Yellow"],
2536
3798
  .calMain.calMain_DAY .event_selection[color="Light Yellow"],
@@ -2539,21 +3801,25 @@ body p {
2539
3801
  .calMain.calMain_DAY .event_selection[color="Light Yellow"]:hover {
2540
3802
  background-color: rgba(223, 203, 5, 0.5);
2541
3803
  }
3804
+
2542
3805
  .calMain.calMain_MONTH .event_selection[color="Light Yellow"] .iconfont,
2543
3806
  .calMain.calMain_WEEK .event_selection[color="Light Yellow"] .iconfont,
2544
3807
  .calMain.calMain_DAY .event_selection[color="Light Yellow"] .iconfont {
2545
3808
  color: #DFCB05;
2546
3809
  }
3810
+
2547
3811
  .calMain.calMain_MONTH .event_selection[color="Light Yellow"]:before,
2548
3812
  .calMain.calMain_WEEK .event_selection[color="Light Yellow"]:before,
2549
3813
  .calMain.calMain_DAY .event_selection[color="Light Yellow"]:before {
2550
3814
  background: #DFCB05;
2551
3815
  }
3816
+
2552
3817
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2553
3818
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2554
3819
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2555
3820
  background: rgba(255, 255, 255, 0.3);
2556
3821
  }
3822
+
2557
3823
  .calMain.calMain_MONTH .new_event_on[color="Light Yellow"],
2558
3824
  .calMain.calMain_WEEK .new_event_on[color="Light Yellow"],
2559
3825
  .calMain.calMain_DAY .new_event_on[color="Light Yellow"],
@@ -2565,30 +3831,38 @@ body p {
2565
3831
  .calMain.calMain_DAY .new_event_on[color="Light Yellow"] div {
2566
3832
  border-color: #DFCB05;
2567
3833
  background-color: #DFCB05 !important;
2568
- box-shadow: none;
3834
+ -webkit-box-shadow: none;
3835
+ box-shadow: none;
2569
3836
  }
3837
+
2570
3838
  .calMain.calMain_LIST .colorIco[color="Light Yellow"] > i {
2571
3839
  background-color: rgba(223, 203, 5, 0.5);
2572
3840
  }
3841
+
2573
3842
  .m-cal-bubble[color="Cyan"] .color,
2574
3843
  [data-view-name="calendar.edit"][color="Cyan"] .color {
2575
3844
  background: #04CDB6;
2576
3845
  }
3846
+
2577
3847
  .m-cal-bubble[color="Cyan"] .time-range,
2578
3848
  [data-view-name="calendar.edit"][color="Cyan"] .time-range {
2579
3849
  background: rgba(4, 205, 182, 0.5);
2580
3850
  }
3851
+
2581
3852
  .cal-spot[color="Cyan"] {
2582
3853
  background: #04CDB6;
2583
3854
  }
3855
+
2584
3856
  .cal-info i[color="Cyan"] {
2585
3857
  background: #04CDB6;
2586
3858
  }
3859
+
2587
3860
  .calMain.calMain_MONTH .sidebar[color="Cyan"]:before,
2588
3861
  .calMain.calMain_WEEK .sidebar[color="Cyan"]:before,
2589
3862
  .calMain.calMain_DAY .sidebar[color="Cyan"]:before {
2590
3863
  background-color: rgba(4, 205, 182, 0.5);
2591
3864
  }
3865
+
2592
3866
  .calMain.calMain_MONTH .event_selection[color="Cyan"],
2593
3867
  .calMain.calMain_WEEK .event_selection[color="Cyan"],
2594
3868
  .calMain.calMain_DAY .event_selection[color="Cyan"],
@@ -2597,21 +3871,25 @@ body p {
2597
3871
  .calMain.calMain_DAY .event_selection[color="Cyan"]:hover {
2598
3872
  background-color: rgba(4, 205, 182, 0.5);
2599
3873
  }
3874
+
2600
3875
  .calMain.calMain_MONTH .event_selection[color="Cyan"] .iconfont,
2601
3876
  .calMain.calMain_WEEK .event_selection[color="Cyan"] .iconfont,
2602
3877
  .calMain.calMain_DAY .event_selection[color="Cyan"] .iconfont {
2603
3878
  color: #04CDB6;
2604
3879
  }
3880
+
2605
3881
  .calMain.calMain_MONTH .event_selection[color="Cyan"]:before,
2606
3882
  .calMain.calMain_WEEK .event_selection[color="Cyan"]:before,
2607
3883
  .calMain.calMain_DAY .event_selection[color="Cyan"]:before {
2608
3884
  background: #04CDB6;
2609
3885
  }
3886
+
2610
3887
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2611
3888
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2612
3889
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2613
3890
  background: rgba(255, 255, 255, 0.3);
2614
3891
  }
3892
+
2615
3893
  .calMain.calMain_MONTH .new_event_on[color="Cyan"],
2616
3894
  .calMain.calMain_WEEK .new_event_on[color="Cyan"],
2617
3895
  .calMain.calMain_DAY .new_event_on[color="Cyan"],
@@ -2623,30 +3901,38 @@ body p {
2623
3901
  .calMain.calMain_DAY .new_event_on[color="Cyan"] div {
2624
3902
  border-color: #04CDB6;
2625
3903
  background-color: #04CDB6 !important;
2626
- box-shadow: none;
3904
+ -webkit-box-shadow: none;
3905
+ box-shadow: none;
2627
3906
  }
3907
+
2628
3908
  .calMain.calMain_LIST .colorIco[color="Cyan"] > i {
2629
3909
  background-color: rgba(4, 205, 182, 0.5);
2630
3910
  }
3911
+
2631
3912
  .m-cal-bubble[color="Peach"] .color,
2632
3913
  [data-view-name="calendar.edit"][color="Peach"] .color {
2633
3914
  background: #EF7BAD;
2634
3915
  }
3916
+
2635
3917
  .m-cal-bubble[color="Peach"] .time-range,
2636
3918
  [data-view-name="calendar.edit"][color="Peach"] .time-range {
2637
3919
  background: rgba(239, 123, 173, 0.5);
2638
3920
  }
3921
+
2639
3922
  .cal-spot[color="Peach"] {
2640
3923
  background: #EF7BAD;
2641
3924
  }
3925
+
2642
3926
  .cal-info i[color="Peach"] {
2643
3927
  background: #EF7BAD;
2644
3928
  }
3929
+
2645
3930
  .calMain.calMain_MONTH .sidebar[color="Peach"]:before,
2646
3931
  .calMain.calMain_WEEK .sidebar[color="Peach"]:before,
2647
3932
  .calMain.calMain_DAY .sidebar[color="Peach"]:before {
2648
3933
  background-color: rgba(239, 123, 173, 0.5);
2649
3934
  }
3935
+
2650
3936
  .calMain.calMain_MONTH .event_selection[color="Peach"],
2651
3937
  .calMain.calMain_WEEK .event_selection[color="Peach"],
2652
3938
  .calMain.calMain_DAY .event_selection[color="Peach"],
@@ -2655,21 +3941,25 @@ body p {
2655
3941
  .calMain.calMain_DAY .event_selection[color="Peach"]:hover {
2656
3942
  background-color: rgba(239, 123, 173, 0.5);
2657
3943
  }
3944
+
2658
3945
  .calMain.calMain_MONTH .event_selection[color="Peach"] .iconfont,
2659
3946
  .calMain.calMain_WEEK .event_selection[color="Peach"] .iconfont,
2660
3947
  .calMain.calMain_DAY .event_selection[color="Peach"] .iconfont {
2661
3948
  color: #EF7BAD;
2662
3949
  }
3950
+
2663
3951
  .calMain.calMain_MONTH .event_selection[color="Peach"]:before,
2664
3952
  .calMain.calMain_WEEK .event_selection[color="Peach"]:before,
2665
3953
  .calMain.calMain_DAY .event_selection[color="Peach"]:before {
2666
3954
  background: #EF7BAD;
2667
3955
  }
3956
+
2668
3957
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2669
3958
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2670
3959
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2671
3960
  background: rgba(255, 255, 255, 0.3);
2672
3961
  }
3962
+
2673
3963
  .calMain.calMain_MONTH .new_event_on[color="Peach"],
2674
3964
  .calMain.calMain_WEEK .new_event_on[color="Peach"],
2675
3965
  .calMain.calMain_DAY .new_event_on[color="Peach"],
@@ -2681,30 +3971,38 @@ body p {
2681
3971
  .calMain.calMain_DAY .new_event_on[color="Peach"] div {
2682
3972
  border-color: #EF7BAD;
2683
3973
  background-color: #EF7BAD !important;
2684
- box-shadow: none;
3974
+ -webkit-box-shadow: none;
3975
+ box-shadow: none;
2685
3976
  }
3977
+
2686
3978
  .calMain.calMain_LIST .colorIco[color="Peach"] > i {
2687
3979
  background-color: rgba(239, 123, 173, 0.5);
2688
3980
  }
3981
+
2689
3982
  .m-cal-bubble[color="Light Brown"] .color,
2690
3983
  [data-view-name="calendar.edit"][color="Light Brown"] .color {
2691
3984
  background: #d5904c;
2692
3985
  }
3986
+
2693
3987
  .m-cal-bubble[color="Light Brown"] .time-range,
2694
3988
  [data-view-name="calendar.edit"][color="Light Brown"] .time-range {
2695
3989
  background: rgba(213, 144, 76, 0.5);
2696
3990
  }
3991
+
2697
3992
  .cal-spot[color="Light Brown"] {
2698
3993
  background: #d5904c;
2699
3994
  }
3995
+
2700
3996
  .cal-info i[color="Light Brown"] {
2701
3997
  background: #d5904c;
2702
3998
  }
3999
+
2703
4000
  .calMain.calMain_MONTH .sidebar[color="Light Brown"]:before,
2704
4001
  .calMain.calMain_WEEK .sidebar[color="Light Brown"]:before,
2705
4002
  .calMain.calMain_DAY .sidebar[color="Light Brown"]:before {
2706
4003
  background-color: rgba(213, 144, 76, 0.5);
2707
4004
  }
4005
+
2708
4006
  .calMain.calMain_MONTH .event_selection[color="Light Brown"],
2709
4007
  .calMain.calMain_WEEK .event_selection[color="Light Brown"],
2710
4008
  .calMain.calMain_DAY .event_selection[color="Light Brown"],
@@ -2713,21 +4011,25 @@ body p {
2713
4011
  .calMain.calMain_DAY .event_selection[color="Light Brown"]:hover {
2714
4012
  background-color: rgba(213, 144, 76, 0.5);
2715
4013
  }
4014
+
2716
4015
  .calMain.calMain_MONTH .event_selection[color="Light Brown"] .iconfont,
2717
4016
  .calMain.calMain_WEEK .event_selection[color="Light Brown"] .iconfont,
2718
4017
  .calMain.calMain_DAY .event_selection[color="Light Brown"] .iconfont {
2719
4018
  color: #d5904c;
2720
4019
  }
4020
+
2721
4021
  .calMain.calMain_MONTH .event_selection[color="Light Brown"]:before,
2722
4022
  .calMain.calMain_WEEK .event_selection[color="Light Brown"]:before,
2723
4023
  .calMain.calMain_DAY .event_selection[color="Light Brown"]:before {
2724
4024
  background: #d5904c;
2725
4025
  }
4026
+
2726
4027
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2727
4028
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2728
4029
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2729
4030
  background: rgba(255, 255, 255, 0.3);
2730
4031
  }
4032
+
2731
4033
  .calMain.calMain_MONTH .new_event_on[color="Light Brown"],
2732
4034
  .calMain.calMain_WEEK .new_event_on[color="Light Brown"],
2733
4035
  .calMain.calMain_DAY .new_event_on[color="Light Brown"],
@@ -2739,30 +4041,38 @@ body p {
2739
4041
  .calMain.calMain_DAY .new_event_on[color="Light Brown"] div {
2740
4042
  border-color: #d5904c;
2741
4043
  background-color: #d5904c !important;
2742
- box-shadow: none;
4044
+ -webkit-box-shadow: none;
4045
+ box-shadow: none;
2743
4046
  }
4047
+
2744
4048
  .calMain.calMain_LIST .colorIco[color="Light Brown"] > i {
2745
4049
  background-color: rgba(213, 144, 76, 0.5);
2746
4050
  }
4051
+
2747
4052
  .m-cal-bubble[color="Red"] .color,
2748
4053
  [data-view-name="calendar.edit"][color="Red"] .color {
2749
4054
  background: #F96B6B;
2750
4055
  }
4056
+
2751
4057
  .m-cal-bubble[color="Red"] .time-range,
2752
4058
  [data-view-name="calendar.edit"][color="Red"] .time-range {
2753
4059
  background: rgba(249, 107, 107, 0.5);
2754
4060
  }
4061
+
2755
4062
  .cal-spot[color="Red"] {
2756
4063
  background: #F96B6B;
2757
4064
  }
4065
+
2758
4066
  .cal-info i[color="Red"] {
2759
4067
  background: #F96B6B;
2760
4068
  }
4069
+
2761
4070
  .calMain.calMain_MONTH .sidebar[color="Red"]:before,
2762
4071
  .calMain.calMain_WEEK .sidebar[color="Red"]:before,
2763
4072
  .calMain.calMain_DAY .sidebar[color="Red"]:before {
2764
4073
  background-color: rgba(249, 107, 107, 0.5);
2765
4074
  }
4075
+
2766
4076
  .calMain.calMain_MONTH .event_selection[color="Red"],
2767
4077
  .calMain.calMain_WEEK .event_selection[color="Red"],
2768
4078
  .calMain.calMain_DAY .event_selection[color="Red"],
@@ -2771,21 +4081,25 @@ body p {
2771
4081
  .calMain.calMain_DAY .event_selection[color="Red"]:hover {
2772
4082
  background-color: rgba(249, 107, 107, 0.5);
2773
4083
  }
4084
+
2774
4085
  .calMain.calMain_MONTH .event_selection[color="Red"] .iconfont,
2775
4086
  .calMain.calMain_WEEK .event_selection[color="Red"] .iconfont,
2776
4087
  .calMain.calMain_DAY .event_selection[color="Red"] .iconfont {
2777
4088
  color: #F96B6B;
2778
4089
  }
4090
+
2779
4091
  .calMain.calMain_MONTH .event_selection[color="Red"]:before,
2780
4092
  .calMain.calMain_WEEK .event_selection[color="Red"]:before,
2781
4093
  .calMain.calMain_DAY .event_selection[color="Red"]:before {
2782
4094
  background: #F96B6B;
2783
4095
  }
4096
+
2784
4097
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2785
4098
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2786
4099
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2787
4100
  background: rgba(255, 255, 255, 0.3);
2788
4101
  }
4102
+
2789
4103
  .calMain.calMain_MONTH .new_event_on[color="Red"],
2790
4104
  .calMain.calMain_WEEK .new_event_on[color="Red"],
2791
4105
  .calMain.calMain_DAY .new_event_on[color="Red"],
@@ -2797,30 +4111,38 @@ body p {
2797
4111
  .calMain.calMain_DAY .new_event_on[color="Red"] div {
2798
4112
  border-color: #F96B6B;
2799
4113
  background-color: #F96B6B !important;
2800
- box-shadow: none;
4114
+ -webkit-box-shadow: none;
4115
+ box-shadow: none;
2801
4116
  }
4117
+
2802
4118
  .calMain.calMain_LIST .colorIco[color="Red"] > i {
2803
4119
  background-color: rgba(249, 107, 107, 0.5);
2804
4120
  }
4121
+
2805
4122
  .m-cal-bubble[color="Purple"] .color,
2806
4123
  [data-view-name="calendar.edit"][color="Purple"] .color {
2807
4124
  background: #C36FD0;
2808
4125
  }
4126
+
2809
4127
  .m-cal-bubble[color="Purple"] .time-range,
2810
4128
  [data-view-name="calendar.edit"][color="Purple"] .time-range {
2811
4129
  background: rgba(195, 111, 208, 0.5);
2812
4130
  }
4131
+
2813
4132
  .cal-spot[color="Purple"] {
2814
4133
  background: #C36FD0;
2815
4134
  }
4135
+
2816
4136
  .cal-info i[color="Purple"] {
2817
4137
  background: #C36FD0;
2818
4138
  }
4139
+
2819
4140
  .calMain.calMain_MONTH .sidebar[color="Purple"]:before,
2820
4141
  .calMain.calMain_WEEK .sidebar[color="Purple"]:before,
2821
4142
  .calMain.calMain_DAY .sidebar[color="Purple"]:before {
2822
4143
  background-color: rgba(195, 111, 208, 0.5);
2823
4144
  }
4145
+
2824
4146
  .calMain.calMain_MONTH .event_selection[color="Purple"],
2825
4147
  .calMain.calMain_WEEK .event_selection[color="Purple"],
2826
4148
  .calMain.calMain_DAY .event_selection[color="Purple"],
@@ -2829,21 +4151,25 @@ body p {
2829
4151
  .calMain.calMain_DAY .event_selection[color="Purple"]:hover {
2830
4152
  background-color: rgba(195, 111, 208, 0.5);
2831
4153
  }
4154
+
2832
4155
  .calMain.calMain_MONTH .event_selection[color="Purple"] .iconfont,
2833
4156
  .calMain.calMain_WEEK .event_selection[color="Purple"] .iconfont,
2834
4157
  .calMain.calMain_DAY .event_selection[color="Purple"] .iconfont {
2835
4158
  color: #C36FD0;
2836
4159
  }
4160
+
2837
4161
  .calMain.calMain_MONTH .event_selection[color="Purple"]:before,
2838
4162
  .calMain.calMain_WEEK .event_selection[color="Purple"]:before,
2839
4163
  .calMain.calMain_DAY .event_selection[color="Purple"]:before {
2840
4164
  background: #C36FD0;
2841
4165
  }
4166
+
2842
4167
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2843
4168
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2844
4169
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2845
4170
  background: rgba(255, 255, 255, 0.3);
2846
4171
  }
4172
+
2847
4173
  .calMain.calMain_MONTH .new_event_on[color="Purple"],
2848
4174
  .calMain.calMain_WEEK .new_event_on[color="Purple"],
2849
4175
  .calMain.calMain_DAY .new_event_on[color="Purple"],
@@ -2855,30 +4181,38 @@ body p {
2855
4181
  .calMain.calMain_DAY .new_event_on[color="Purple"] div {
2856
4182
  border-color: #C36FD0;
2857
4183
  background-color: #C36FD0 !important;
2858
- box-shadow: none;
4184
+ -webkit-box-shadow: none;
4185
+ box-shadow: none;
2859
4186
  }
4187
+
2860
4188
  .calMain.calMain_LIST .colorIco[color="Purple"] > i {
2861
4189
  background-color: rgba(195, 111, 208, 0.5);
2862
4190
  }
4191
+
2863
4192
  .m-cal-bubble[color=""] .color,
2864
4193
  [data-view-name="calendar.edit"][color=""] .color {
2865
4194
  background: #56A2FF;
2866
4195
  }
4196
+
2867
4197
  .m-cal-bubble[color=""] .time-range,
2868
4198
  [data-view-name="calendar.edit"][color=""] .time-range {
2869
4199
  background: rgba(86, 162, 255, 0.5);
2870
4200
  }
4201
+
2871
4202
  .cal-spot[color=""] {
2872
4203
  background: #56A2FF;
2873
4204
  }
4205
+
2874
4206
  .cal-info i[color=""] {
2875
4207
  background: #56A2FF;
2876
4208
  }
4209
+
2877
4210
  .calMain.calMain_MONTH .sidebar[color=""]:before,
2878
4211
  .calMain.calMain_WEEK .sidebar[color=""]:before,
2879
4212
  .calMain.calMain_DAY .sidebar[color=""]:before {
2880
4213
  background-color: rgba(86, 162, 255, 0.5);
2881
4214
  }
4215
+
2882
4216
  .calMain.calMain_MONTH .event_selection[color=""],
2883
4217
  .calMain.calMain_WEEK .event_selection[color=""],
2884
4218
  .calMain.calMain_DAY .event_selection[color=""],
@@ -2887,21 +4221,25 @@ body p {
2887
4221
  .calMain.calMain_DAY .event_selection[color=""]:hover {
2888
4222
  background-color: rgba(86, 162, 255, 0.5);
2889
4223
  }
4224
+
2890
4225
  .calMain.calMain_MONTH .event_selection[color=""] .iconfont,
2891
4226
  .calMain.calMain_WEEK .event_selection[color=""] .iconfont,
2892
4227
  .calMain.calMain_DAY .event_selection[color=""] .iconfont {
2893
4228
  color: #56A2FF;
2894
4229
  }
4230
+
2895
4231
  .calMain.calMain_MONTH .event_selection[color=""]:before,
2896
4232
  .calMain.calMain_WEEK .event_selection[color=""]:before,
2897
4233
  .calMain.calMain_DAY .event_selection[color=""]:before {
2898
4234
  background: #56A2FF;
2899
4235
  }
4236
+
2900
4237
  .calMain.calMain_MONTH .new_event_on:not([data-uid=new]):before,
2901
4238
  .calMain.calMain_WEEK .new_event_on:not([data-uid=new]):before,
2902
4239
  .calMain.calMain_DAY .new_event_on:not([data-uid=new]):before {
2903
4240
  background: rgba(255, 255, 255, 0.3);
2904
4241
  }
4242
+
2905
4243
  .calMain.calMain_MONTH .new_event_on[color=""],
2906
4244
  .calMain.calMain_WEEK .new_event_on[color=""],
2907
4245
  .calMain.calMain_DAY .new_event_on[color=""],
@@ -2913,19 +4251,25 @@ body p {
2913
4251
  .calMain.calMain_DAY .new_event_on[color=""] div {
2914
4252
  border-color: #56A2FF;
2915
4253
  background-color: #56A2FF !important;
2916
- box-shadow: none;
4254
+ -webkit-box-shadow: none;
4255
+ box-shadow: none;
2917
4256
  }
4257
+
2918
4258
  .calMain.calMain_LIST .colorIco[color=""] > i {
2919
4259
  background-color: rgba(86, 162, 255, 0.5);
2920
4260
  }
4261
+
2921
4262
  .calMain.calMain_MONTH .event_icon {
2922
4263
  max-width: 50%;
2923
4264
  }
4265
+
2924
4266
  .calMain.calMain_MONTH .out-dated,
2925
4267
  .calMain.calMain_WEEK .out-dated,
2926
4268
  .calMain.calMain_DAY .out-dated {
4269
+ filter: alpha(opacity=50);
2927
4270
  opacity: 0.5;
2928
4271
  }
4272
+
2929
4273
  .calMain.calMain_MONTH .new_event_on,
2930
4274
  .calMain.calMain_WEEK .new_event_on,
2931
4275
  .calMain.calMain_DAY .new_event_on,
@@ -2935,9 +4279,12 @@ body p {
2935
4279
  .calMain.calMain_MONTH .new_event_on div,
2936
4280
  .calMain.calMain_WEEK .new_event_on div,
2937
4281
  .calMain.calMain_DAY .new_event_on div {
2938
- box-shadow: none;
4282
+ -webkit-box-shadow: none;
4283
+ box-shadow: none;
4284
+ filter: alpha(opacity=100);
2939
4285
  opacity: 1;
2940
4286
  }
4287
+
2941
4288
  .calMain.calMain_MONTH .calDayMain .event_selection .event_icon,
2942
4289
  .calMain.calMain_WEEK .calDayMain .event_selection .event_icon,
2943
4290
  .calMain.calMain_DAY .calDayMain .event_selection .event_icon,
@@ -2946,13 +4293,38 @@ body p {
2946
4293
  .calMain.calMain_DAY .weekE .event_selection .event_icon {
2947
4294
  height: 27px;
2948
4295
  line-height: 27px;
4296
+ }
4297
+
4298
+ [dir="ltr"] .calMain.calMain_MONTH .calDayMain .event_selection .event_icon,
4299
+ [dir="ltr"] .calMain.calMain_WEEK .calDayMain .event_selection .event_icon,
4300
+ [dir="ltr"] .calMain.calMain_DAY .calDayMain .event_selection .event_icon,
4301
+ [dir="ltr"] .calMain.calMain_MONTH .weekE .event_selection .event_icon,
4302
+ [dir="ltr"] .calMain.calMain_WEEK .weekE .event_selection .event_icon,
4303
+ [dir="ltr"] .calMain.calMain_DAY .weekE .event_selection .event_icon {
2949
4304
  padding-right: 10px;
2950
4305
  }
2951
- .calMain.calMain_MONTH .event_selection .iconfont,
2952
- .calMain.calMain_WEEK .event_selection .iconfont,
2953
- .calMain.calMain_DAY .event_selection .iconfont {
4306
+
4307
+ [dir="rtl"] .calMain.calMain_MONTH .calDayMain .event_selection .event_icon,
4308
+ [dir="rtl"] .calMain.calMain_WEEK .calDayMain .event_selection .event_icon,
4309
+ [dir="rtl"] .calMain.calMain_DAY .calDayMain .event_selection .event_icon,
4310
+ [dir="rtl"] .calMain.calMain_MONTH .weekE .event_selection .event_icon,
4311
+ [dir="rtl"] .calMain.calMain_WEEK .weekE .event_selection .event_icon,
4312
+ [dir="rtl"] .calMain.calMain_DAY .weekE .event_selection .event_icon {
4313
+ padding-left: 10px;
4314
+ }
4315
+
4316
+ [dir="ltr"] .calMain.calMain_MONTH .event_selection .iconfont,
4317
+ [dir="ltr"] .calMain.calMain_WEEK .event_selection .iconfont,
4318
+ [dir="ltr"] .calMain.calMain_DAY .event_selection .iconfont {
2954
4319
  margin-left: 3px;
2955
4320
  }
4321
+
4322
+ [dir="rtl"] .calMain.calMain_MONTH .event_selection .iconfont,
4323
+ [dir="rtl"] .calMain.calMain_WEEK .event_selection .iconfont,
4324
+ [dir="rtl"] .calMain.calMain_DAY .event_selection .iconfont {
4325
+ margin-right: 3px;
4326
+ }
4327
+
2956
4328
  .calMain.calMain_MONTH .event_selection a,
2957
4329
  .calMain.calMain_WEEK .event_selection a,
2958
4330
  .calMain.calMain_DAY .event_selection a,
@@ -2973,6 +4345,7 @@ body p {
2973
4345
  .calMain.calMain_DAY .event_selection .week_event_row {
2974
4346
  color: #444;
2975
4347
  }
4348
+
2976
4349
  .calMain.calMain_MONTH .event_selection.new_event_on,
2977
4350
  .calMain.calMain_WEEK .event_selection.new_event_on,
2978
4351
  .calMain.calMain_DAY .event_selection.new_event_on,
@@ -2999,6 +4372,7 @@ body p {
2999
4372
  .calMain.calMain_DAY .event_selection.new_event_on .iconfont {
3000
4373
  color: #fff;
3001
4374
  }
4375
+
3002
4376
  .calMain.calMain_MONTH .MonthEvent li:hover .overlay,
3003
4377
  .calMain.calMain_WEEK .MonthEvent li:hover .overlay,
3004
4378
  .calMain.calMain_DAY .MonthEvent li:hover .overlay,
@@ -3014,7 +4388,9 @@ body p {
3014
4388
  background: none;
3015
4389
  background-color: transparent !important;
3016
4390
  }
4391
+
3017
4392
  .calMain_LIST tr.event_selection.out-dated td:not(:first-child) {
4393
+ filter: alpha(opacity=50);
3018
4394
  opacity: 0.5;
3019
4395
  }
3020
4396
 
@@ -3236,92 +4612,143 @@ body p {
3236
4612
  background: #e4ecf8;
3237
4613
  border: 1px solid #2c6ccc;
3238
4614
  }
4615
+
3239
4616
  .datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked.today > span,
3240
4617
  .datepicker-panel[data-view="week picker"] > ul[data-view=days] > li.picked.today > span {
3241
4618
  background: #2c6ccc;
3242
4619
  }
4620
+
3243
4621
  .datepicker-panel > ul > li.picked,
3244
4622
  .datepicker-panel > ul > li.picked:hover {
3245
4623
  color: #2c6ccc;
3246
4624
  font-weight: bold;
3247
4625
  }
4626
+
3248
4627
  .u-date-range-wrap > ul > li.active,
3249
4628
  .u-date-range .datepicker-panel > ul > li.range:after {
3250
4629
  background: #e4ecf8;
3251
4630
  }
4631
+
3252
4632
  .datepicker-input {
3253
4633
  position: relative;
3254
4634
  display: inline-block;
3255
4635
  }
4636
+
3256
4637
  .datepicker-input input {
3257
4638
  background: transparent;
3258
- padding: 3px 18px 3px 5px;
3259
- box-sizing: border-box;
4639
+ -webkit-box-sizing: border-box;
4640
+ box-sizing: border-box;
3260
4641
  height: 32px;
3261
4642
  border-radius: 4px;
3262
4643
  }
4644
+
4645
+ [dir="ltr"] .datepicker-input input {
4646
+ padding: 3px 18px 3px 5px;
4647
+ }
4648
+
4649
+ [dir="rtl"] .datepicker-input input {
4650
+ padding: 3px 5px 3px 18px;
4651
+ }
4652
+
3263
4653
  .datepicker-input input + i {
3264
4654
  position: absolute;
3265
4655
  font-size: 16px;
4656
+ }
4657
+
4658
+ [dir="ltr"] .datepicker-input input + i {
3266
4659
  right: 3px;
3267
4660
  }
4661
+
4662
+ [dir="rtl"] .datepicker-input input + i {
4663
+ left: 3px;
4664
+ }
4665
+
3268
4666
  .datepicker-input input[disabled] {
3269
4667
  background: #f3f3f3;
3270
4668
  color: rgba(42, 42, 42, 0.3);
3271
4669
  }
4670
+
3272
4671
  .datepicker-input input[disabled] + i {
4672
+ filter: alpha(opacity=30);
3273
4673
  opacity: 0.3;
3274
4674
  }
4675
+
3275
4676
  .datepicker-panel > ul > li,
3276
4677
  .datepicker-panel > ul > li:hover {
3277
4678
  background: transparent;
3278
4679
  }
4680
+
3279
4681
  .datepicker-panel > ul > li[data-view$=current] {
3280
4682
  font-size: 14px;
3281
4683
  font-weight: 700;
3282
- box-sizing: border-box;
4684
+ -webkit-box-sizing: border-box;
4685
+ box-sizing: border-box;
4686
+ }
4687
+
4688
+ [dir="ltr"] .datepicker-panel > ul > li[data-view$=current] {
3283
4689
  text-align: left;
3284
4690
  }
4691
+
4692
+ [dir="rtl"] .datepicker-panel > ul > li[data-view$=current] {
4693
+ text-align: right;
4694
+ }
4695
+
3285
4696
  .datepicker-panel > ul > li.highlighted,
3286
4697
  .datepicker-panel > ul > li.highlighted.disabled,
3287
4698
  .datepicker-panel > ul > li.highlighted:hover {
3288
4699
  background: none;
3289
4700
  }
4701
+
3290
4702
  .datepicker-panel > ul > li.picked.disabled {
3291
4703
  background: none;
4704
+ filter: alpha(opacity=30);
3292
4705
  opacity: 0.3;
3293
4706
  }
4707
+
3294
4708
  .datepicker-panel > ul > li.disabled:hover.highlighted {
3295
4709
  background: #f5f5f5;
3296
4710
  }
4711
+
3297
4712
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked {
3298
4713
  color: #2e2e2e;
3299
4714
  position: relative;
3300
4715
  }
4716
+
3301
4717
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper,
3302
4718
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper > span {
3303
4719
  position: relative;
3304
4720
  }
4721
+
3305
4722
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
3306
4723
  content: '';
3307
4724
  width: 210px;
3308
4725
  height: 26px;
3309
4726
  position: absolute;
3310
- left: 0;
3311
4727
  top: 50%;
3312
4728
  margin-top: -14px;
3313
4729
  border-radius: 2px;
3314
4730
  z-index: -2;
3315
4731
  display: inline-block;
3316
4732
  }
4733
+
4734
+ [dir="ltr"] .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
4735
+ left: 0;
4736
+ }
4737
+
4738
+ [dir="rtl"] .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
4739
+ right: 0;
4740
+ }
4741
+
3317
4742
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today,
3318
4743
  .datepicker-panel[data-view="days picker"] > ul[data-view=days] > li {
3319
4744
  position: relative;
3320
4745
  }
4746
+
3321
4747
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today.picked.today,
3322
4748
  .datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked.today {
3323
4749
  color: #fff;
3324
4750
  }
4751
+
3325
4752
  .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today.picked > span,
3326
4753
  .datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked > span {
3327
4754
  display: inline-block;
@@ -3332,98 +4759,152 @@ body p {
3332
4759
  z-index: -1;
3333
4760
  position: relative;
3334
4761
  }
4762
+
3335
4763
  .u-datepicker {
3336
4764
  position: relative;
3337
4765
  height: 240px;
3338
4766
  }
4767
+
3339
4768
  .u-datepicker .datepicker-inline {
3340
4769
  position: absolute;
3341
4770
  background: transparent;
3342
4771
  z-index: 0;
4772
+ }
4773
+
4774
+ [dir="ltr"] .u-datepicker .datepicker-inline {
3343
4775
  left: 50%;
3344
4776
  }
4777
+
4778
+ [dir="rtl"] .u-datepicker .datepicker-inline {
4779
+ right: 50%;
4780
+ }
4781
+
3345
4782
  .u-datepicker .datepicker-inline .datepicker-panel > ul > li {
3346
4783
  background: transparent;
3347
4784
  font-size: 14px;
3348
4785
  }
4786
+
3349
4787
  .u-datepicker .datepicker-inline .datepicker-panel > ul > li.iconleft,
3350
4788
  .u-datepicker .datepicker-inline .datepicker-panel > ul > li.iconright {
3351
4789
  font-size: 20px;
3352
4790
  }
4791
+
3353
4792
  .u-datepicker .datepicker-inline {
3354
- margin-left: -105px;
3355
4793
  width: 210px;
3356
4794
  }
4795
+
4796
+ [dir="ltr"] .u-datepicker .datepicker-inline {
4797
+ margin-left: -105px;
4798
+ }
4799
+
4800
+ [dir="rtl"] .u-datepicker .datepicker-inline {
4801
+ margin-right: -105px;
4802
+ }
4803
+
3357
4804
  .u-datepicker .datepicker-inline .datepicker-panel > ul > li {
3358
4805
  width: 30px;
3359
4806
  height: 30px;
3360
4807
  line-height: 30px;
3361
4808
  }
4809
+
3362
4810
  .u-datepicker .datepicker-inline .datepicker-panel > ul > li[data-view$=current] {
3363
4811
  width: 150px;
3364
4812
  }
4813
+
3365
4814
  .u-datepicker .datepicker-inline .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
3366
4815
  width: 210px;
3367
4816
  margin-top: -14px;
3368
4817
  }
4818
+
3369
4819
  .u-datepicker .datepicker-inline .datepicker-panel[data-view="months picker"] > ul[data-view=months] > li,
3370
4820
  .u-datepicker .datepicker-inline .datepicker-panel[data-view="years picker"] > ul[data-view=years] > li {
3371
4821
  width: 52.5px;
3372
4822
  height: 52.5px;
3373
4823
  line-height: 52.5px;
3374
4824
  }
4825
+
3375
4826
  .u-datepicker.large {
3376
4827
  height: 280px;
3377
4828
  }
4829
+
3378
4830
  .u-datepicker.large .datepicker-inline {
3379
- margin-left: -122.5px;
3380
4831
  width: 245px;
3381
4832
  }
4833
+
4834
+ [dir="ltr"] .u-datepicker.large .datepicker-inline {
4835
+ margin-left: -122.5px;
4836
+ }
4837
+
4838
+ [dir="rtl"] .u-datepicker.large .datepicker-inline {
4839
+ margin-right: -122.5px;
4840
+ }
4841
+
3382
4842
  .u-datepicker.large .datepicker-inline .datepicker-panel > ul > li {
3383
4843
  width: 35px;
3384
4844
  height: 35px;
3385
4845
  line-height: 35px;
3386
4846
  }
4847
+
3387
4848
  .u-datepicker.large .datepicker-inline .datepicker-panel > ul > li[data-view$=current] {
3388
4849
  width: 175px;
3389
4850
  }
4851
+
3390
4852
  .u-datepicker.large .datepicker-inline .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
3391
4853
  width: 245px;
3392
4854
  margin-top: -14px;
3393
4855
  }
4856
+
3394
4857
  .u-datepicker.large .datepicker-inline .datepicker-panel[data-view="months picker"] > ul[data-view=months] > li,
3395
4858
  .u-datepicker.large .datepicker-inline .datepicker-panel[data-view="years picker"] > ul[data-view=years] > li {
3396
4859
  width: 61.25px;
3397
4860
  height: 61.25px;
3398
4861
  line-height: 61.25px;
3399
4862
  }
4863
+
3400
4864
  .datepicker-dropdown {
3401
4865
  border-radius: 4px;
3402
- box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
4866
+ -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
4867
+ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
3403
4868
  border: none;
3404
4869
  padding: 12px;
3405
4870
  }
4871
+
3406
4872
  .datepicker-dropdown .datepicker-panel > ul > li.hover {
3407
4873
  background: #f5f5f5;
3408
4874
  z-index: 0;
3409
4875
  }
3410
- .datepicker-dropdown .datepicker-panel > ul > li.hover.first {
4876
+
4877
+ [dir="ltr"] .datepicker-dropdown .datepicker-panel > ul > li.hover.first {
3411
4878
  border-top-left-radius: 4px;
3412
4879
  border-bottom-left-radius: 4px;
3413
4880
  }
3414
- .datepicker-dropdown .datepicker-panel > ul > li.hover.last {
4881
+
4882
+ [dir="rtl"] .datepicker-dropdown .datepicker-panel > ul > li.hover.first {
4883
+ border-top-right-radius: 4px;
4884
+ border-bottom-right-radius: 4px;
4885
+ }
4886
+
4887
+ [dir="ltr"] .datepicker-dropdown .datepicker-panel > ul > li.hover.last {
3415
4888
  border-top-right-radius: 4px;
3416
4889
  border-bottom-right-radius: 4px;
3417
4890
  }
4891
+
4892
+ [dir="rtl"] .datepicker-dropdown .datepicker-panel > ul > li.hover.last {
4893
+ border-top-left-radius: 4px;
4894
+ border-bottom-left-radius: 4px;
4895
+ }
4896
+
3418
4897
  .datepicker-dropdown.datepicker-top-left:before,
3419
4898
  .datepicker-dropdown.datepicker-top-right:before,
3420
4899
  .datepicker-dropdown.datepicker-top-left:after,
3421
4900
  .datepicker-dropdown.datepicker-top-right:after {
3422
4901
  display: none;
3423
4902
  }
4903
+
3424
4904
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) {
3425
4905
  right: initial !important;
3426
4906
  }
4907
+
3427
4908
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-left:before,
3428
4909
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-left:before,
3429
4910
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-left:after,
@@ -3431,6 +4912,7 @@ body p {
3431
4912
  left: 10px;
3432
4913
  right: initial !important;
3433
4914
  }
4915
+
3434
4916
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-right:before,
3435
4917
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-right:before,
3436
4918
  [dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-right:after,
@@ -3438,13 +4920,16 @@ body p {
3438
4920
  right: 10px;
3439
4921
  left: initial !important;
3440
4922
  }
4923
+
3441
4924
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="years prev"],
3442
4925
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="years next"],
3443
4926
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="year prev"],
3444
4927
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="year next"],
3445
4928
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="month prev"],
3446
4929
  [dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="month next"] {
3447
- transform: scaleX(-1);
4930
+ -webkit-transform: scaleX(-1);
4931
+ -ms-transform: scaleX(-1);
4932
+ transform: scaleX(-1);
3448
4933
  }
3449
4934
 
3450
4935
  /*
@@ -3455,20 +4940,32 @@ body p {
3455
4940
  background: #fff;
3456
4941
  outline: none;
3457
4942
  }
4943
+
3458
4944
  .u-date-range-wrap {
3459
4945
  font-size: 0;
3460
4946
  overflow: hidden;
3461
4947
  }
4948
+
3462
4949
  .u-date-range-wrap > * {
3463
4950
  display: inline-block;
3464
4951
  }
4952
+
3465
4953
  .u-date-range-wrap > ul {
3466
4954
  height: 256px;
3467
4955
  padding: 8px;
3468
- box-sizing: border-box;
3469
- border-right: 1px solid #e8e8e8;
4956
+ -webkit-box-sizing: border-box;
4957
+ box-sizing: border-box;
3470
4958
  vertical-align: top;
3471
4959
  }
4960
+
4961
+ [dir="ltr"] .u-date-range-wrap > ul {
4962
+ border-right: 1px solid #e8e8e8;
4963
+ }
4964
+
4965
+ [dir="rtl"] .u-date-range-wrap > ul {
4966
+ border-left: 1px solid #e8e8e8;
4967
+ }
4968
+
3472
4969
  .u-date-range-wrap > ul li {
3473
4970
  font-size: 14px;
3474
4971
  height: 19px;
@@ -3479,19 +4976,25 @@ body p {
3479
4976
  overflow: hidden;
3480
4977
  word-wrap: normal;
3481
4978
  white-space: nowrap;
3482
- text-overflow: ellipsis;
4979
+ -o-text-overflow: ellipsis;
4980
+ text-overflow: ellipsis;
3483
4981
  }
4982
+
3484
4983
  .u-date-range-wrap > ul li:hover {
3485
4984
  background: #f5f5f5;
3486
4985
  }
4986
+
3487
4987
  .u-date-range-wrap .u-datepicker {
3488
4988
  width: 234px;
3489
4989
  padding: 8px 0;
3490
- box-sizing: content-box;
4990
+ -webkit-box-sizing: content-box;
4991
+ box-sizing: content-box;
3491
4992
  }
4993
+
3492
4994
  .u-date-range-wrap .u-datepicker .datepicker-inline {
3493
4995
  top: 8px;
3494
4996
  }
4997
+
3495
4998
  .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range:after {
3496
4999
  content: '';
3497
5000
  height: 28px;
@@ -3502,22 +5005,45 @@ body p {
3502
5005
  right: 0;
3503
5006
  display: inline-block;
3504
5007
  }
3505
- .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.picked:after {
5008
+
5009
+ [dir="ltr"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.picked:after {
3506
5010
  left: 15px;
3507
5011
  right: 0;
3508
5012
  }
3509
- .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end.picked:after {
5013
+
5014
+ [dir="rtl"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.picked:after {
5015
+ right: 15px;
5016
+ left: 0;
5017
+ }
5018
+
5019
+ [dir="ltr"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end.picked:after {
3510
5020
  left: 0;
3511
5021
  right: 15px;
3512
5022
  }
5023
+
5024
+ [dir="rtl"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end.picked:after {
5025
+ right: 0;
5026
+ left: 15px;
5027
+ }
5028
+
3513
5029
  .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.range-end.picked:after {
3514
5030
  left: 15px;
3515
5031
  right: 15px;
3516
5032
  }
3517
- .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end:not(.picked):after {
5033
+
5034
+ [dir="ltr"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end:not(.picked):after {
3518
5035
  border-radius: 0 4px 4px 0;
3519
5036
  }
3520
- .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start:not(.picked):after {
5037
+
5038
+ [dir="rtl"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end:not(.picked):after {
5039
+ border-radius: 4px 0 0 4px;
5040
+ }
5041
+
5042
+ [dir="ltr"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start:not(.picked):after {
3521
5043
  border-radius: 4px 0 0 4px;
3522
5044
  }
3523
5045
 
5046
+ [dir="rtl"] .u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start:not(.picked):after {
5047
+ border-radius: 0 4px 4px 0;
5048
+ }
5049
+