rails_app 0.4.0 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +24 -0
  3. data/README.md +8 -0
  4. data/lib/rails_app/cli.rb +4 -3
  5. data/lib/rails_app/command.rb +8 -3
  6. data/lib/rails_app/template/app_bulma/assets/stylesheets/application.bulma.scss +43 -0
  7. data/lib/rails_app/template/app_bulma/views/devise/confirmations/new.html.erb +16 -0
  8. data/lib/rails_app/template/app_bulma/views/devise/mailer/confirmation_instructions.html.erb +5 -0
  9. data/lib/rails_app/template/app_bulma/views/devise/mailer/email_changed.html.erb +7 -0
  10. data/lib/rails_app/template/app_bulma/views/devise/mailer/password_change.html.erb +3 -0
  11. data/lib/rails_app/template/app_bulma/views/devise/mailer/reset_password_instructions.html.erb +8 -0
  12. data/lib/rails_app/template/app_bulma/views/devise/mailer/unlock_instructions.html.erb +7 -0
  13. data/lib/rails_app/template/app_bulma/views/devise/passwords/edit.html.erb +25 -0
  14. data/lib/rails_app/template/app_bulma/views/devise/passwords/new.html.erb +16 -0
  15. data/lib/rails_app/template/app_bulma/views/devise/registrations/edit.html.erb +43 -0
  16. data/lib/rails_app/template/app_bulma/views/devise/registrations/new.html.erb +29 -0
  17. data/lib/rails_app/template/app_bulma/views/devise/sessions/new.html.erb +26 -0
  18. data/lib/rails_app/template/app_bulma/views/devise/shared/_error_messages.html.erb +15 -0
  19. data/lib/rails_app/template/app_bulma/views/devise/shared/_links.html.erb +25 -0
  20. data/lib/rails_app/template/app_bulma/views/devise/unlocks/new.html.erb +16 -0
  21. data/lib/rails_app/template/app_bulma/views/layouts/application.html.erb +19 -0
  22. data/lib/rails_app/template/app_bulma/views/layouts/mailer.html.erb +13 -0
  23. data/lib/rails_app/template/app_bulma/views/layouts/mailer.text.erb +1 -0
  24. data/lib/rails_app/template/app_bulma/views/shared/_navbar.html.erb +33 -0
  25. data/lib/rails_app/template/app_bulma/views/static/home.html.erb +2 -0
  26. data/lib/rails_app/template/app_tailwind/assets/stylesheets/application.tailwind.css +18 -0
  27. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/alerts.css +8 -0
  28. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/buttons.css +30 -0
  29. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/cards.css +3 -0
  30. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/forms.css +21 -0
  31. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/links.css +39 -0
  32. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/pagination.css +39 -0
  33. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/tables.css +19 -0
  34. data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/typography.css +32 -0
  35. data/lib/rails_app/template/app_tailwind/assets/stylesheets/custom.css +3 -0
  36. data/lib/rails_app/template/app_tailwind/assets/stylesheets/flatpickr_themes/light.css +809 -0
  37. data/lib/rails_app/template/app_tailwind/assets/stylesheets/simple_calendar.css +94 -0
  38. data/lib/rails_app/template/app_tailwind/postcss.config.js +10 -0
  39. data/lib/rails_app/template/app_tailwind/tailwind.config.js +37 -0
  40. data/lib/rails_app/template/app_tailwind/views/devise/confirmations/new.html.erb +16 -0
  41. data/lib/rails_app/template/app_tailwind/views/devise/mailer/confirmation_instructions.html.erb +5 -0
  42. data/lib/rails_app/template/app_tailwind/views/devise/mailer/email_changed.html.erb +7 -0
  43. data/lib/rails_app/template/app_tailwind/views/devise/mailer/password_change.html.erb +3 -0
  44. data/lib/rails_app/template/app_tailwind/views/devise/mailer/reset_password_instructions.html.erb +8 -0
  45. data/lib/rails_app/template/app_tailwind/views/devise/mailer/unlock_instructions.html.erb +7 -0
  46. data/lib/rails_app/template/app_tailwind/views/devise/passwords/edit.html.erb +25 -0
  47. data/lib/rails_app/template/app_tailwind/views/devise/passwords/new.html.erb +16 -0
  48. data/lib/rails_app/template/app_tailwind/views/devise/registrations/edit.html.erb +50 -0
  49. data/lib/rails_app/template/app_tailwind/views/devise/registrations/new.html.erb +31 -0
  50. data/lib/rails_app/template/app_tailwind/views/devise/sessions/new.html.erb +30 -0
  51. data/lib/rails_app/template/app_tailwind/views/devise/shared/_error_messages.html.erb +15 -0
  52. data/lib/rails_app/template/app_tailwind/views/devise/shared/_links.html.erb +25 -0
  53. data/lib/rails_app/template/app_tailwind/views/devise/unlocks/new.html.erb +16 -0
  54. data/lib/rails_app/template/app_tailwind/views/layouts/application.html.erb +28 -0
  55. data/lib/rails_app/template/app_tailwind/views/layouts/mailer.html.erb +13 -0
  56. data/lib/rails_app/template/app_tailwind/views/layouts/mailer.text.erb +1 -0
  57. data/lib/rails_app/template/app_tailwind/views/shared/_navbar.html.erb +23 -0
  58. data/lib/rails_app/template/app_tailwind/views/static/home.html.erb +2 -0
  59. data/lib/rails_app/template/config/gems/app.rb +3 -0
  60. data/lib/rails_app/template/template.rb +33 -5
  61. data/lib/rails_app/version.rb +1 -1
  62. data/screenshot_cli.png +0 -0
  63. data/screenshot_cli_db.png +0 -0
  64. metadata +55 -1
@@ -0,0 +1,809 @@
1
+ .flatpickr-calendar {
2
+ background: transparent;
3
+ opacity: 0;
4
+ display: none;
5
+ text-align: center;
6
+ visibility: hidden;
7
+ padding: 0;
8
+ -webkit-animation: none;
9
+ animation: none;
10
+ direction: ltr;
11
+ border: 0;
12
+ font-size: 14px;
13
+ line-height: 24px;
14
+ border-radius: 5px;
15
+ position: absolute;
16
+ width: 307.875px;
17
+ -webkit-box-sizing: border-box;
18
+ box-sizing: border-box;
19
+ -ms-touch-action: manipulation;
20
+ touch-action: manipulation;
21
+ -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
22
+ box-shadow: 0 3px 13px rgba(0,0,0,0.08);
23
+ }
24
+ .flatpickr-calendar.open,
25
+ .flatpickr-calendar.inline {
26
+ opacity: 1;
27
+ max-height: 640px;
28
+ visibility: visible;
29
+ }
30
+ .flatpickr-calendar.open {
31
+ display: inline-block;
32
+ z-index: 99999;
33
+ }
34
+ .flatpickr-calendar.animate.open {
35
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
36
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
37
+ }
38
+ .flatpickr-calendar.inline {
39
+ display: block;
40
+ position: relative;
41
+ top: 2px;
42
+ }
43
+ .flatpickr-calendar.static {
44
+ position: absolute;
45
+ top: calc(100% + 2px);
46
+ }
47
+ .flatpickr-calendar.static.open {
48
+ z-index: 999;
49
+ display: block;
50
+ }
51
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
52
+ -webkit-box-shadow: none !important;
53
+ box-shadow: none !important;
54
+ }
55
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
56
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
57
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
58
+ }
59
+ .flatpickr-calendar .hasWeeks .dayContainer,
60
+ .flatpickr-calendar .hasTime .dayContainer {
61
+ border-bottom: 0;
62
+ border-bottom-right-radius: 0;
63
+ border-bottom-left-radius: 0;
64
+ }
65
+ .flatpickr-calendar .hasWeeks .dayContainer {
66
+ border-left: 0;
67
+ }
68
+ .flatpickr-calendar.hasTime .flatpickr-time {
69
+ height: 40px;
70
+ border-top: 1px solid #eceef1;
71
+ }
72
+ .flatpickr-calendar.hasTime .flatpickr-innerContainer {
73
+ border-bottom: 0;
74
+ }
75
+ .flatpickr-calendar.hasTime .flatpickr-time {
76
+ border: 1px solid #eceef1;
77
+ }
78
+ .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
79
+ height: auto;
80
+ }
81
+ .flatpickr-calendar:before,
82
+ .flatpickr-calendar:after {
83
+ position: absolute;
84
+ display: block;
85
+ pointer-events: none;
86
+ border: solid transparent;
87
+ content: '';
88
+ height: 0;
89
+ width: 0;
90
+ left: 22px;
91
+ }
92
+ .flatpickr-calendar.rightMost:before,
93
+ .flatpickr-calendar.arrowRight:before,
94
+ .flatpickr-calendar.rightMost:after,
95
+ .flatpickr-calendar.arrowRight:after {
96
+ left: auto;
97
+ right: 22px;
98
+ }
99
+ .flatpickr-calendar.arrowCenter:before,
100
+ .flatpickr-calendar.arrowCenter:after {
101
+ left: 50%;
102
+ right: 50%;
103
+ }
104
+ .flatpickr-calendar:before {
105
+ border-width: 5px;
106
+ margin: 0 -5px;
107
+ }
108
+ .flatpickr-calendar:after {
109
+ border-width: 4px;
110
+ margin: 0 -4px;
111
+ }
112
+ .flatpickr-calendar.arrowTop:before,
113
+ .flatpickr-calendar.arrowTop:after {
114
+ bottom: 100%;
115
+ }
116
+ .flatpickr-calendar.arrowTop:before {
117
+ border-bottom-color: #eceef1;
118
+ }
119
+ .flatpickr-calendar.arrowTop:after {
120
+ border-bottom-color: #eceef1;
121
+ }
122
+ .flatpickr-calendar.arrowBottom:before,
123
+ .flatpickr-calendar.arrowBottom:after {
124
+ top: 100%;
125
+ }
126
+ .flatpickr-calendar.arrowBottom:before {
127
+ border-top-color: #eceef1;
128
+ }
129
+ .flatpickr-calendar.arrowBottom:after {
130
+ border-top-color: #eceef1;
131
+ }
132
+ .flatpickr-calendar:focus {
133
+ outline: 0;
134
+ }
135
+ .flatpickr-wrapper {
136
+ position: relative;
137
+ display: inline-block;
138
+ }
139
+ .flatpickr-months {
140
+ display: -webkit-box;
141
+ display: -webkit-flex;
142
+ display: -ms-flexbox;
143
+ display: flex;
144
+ }
145
+ .flatpickr-months .flatpickr-month {
146
+ border-radius: 5px 5px 0 0;
147
+ background: #eceef1;
148
+ color: #5a6171;
149
+ fill: #5a6171;
150
+ height: 34px;
151
+ line-height: 1;
152
+ text-align: center;
153
+ position: relative;
154
+ -webkit-user-select: none;
155
+ -moz-user-select: none;
156
+ -ms-user-select: none;
157
+ user-select: none;
158
+ overflow: hidden;
159
+ -webkit-box-flex: 1;
160
+ -webkit-flex: 1;
161
+ -ms-flex: 1;
162
+ flex: 1;
163
+ }
164
+ .flatpickr-months .flatpickr-prev-month,
165
+ .flatpickr-months .flatpickr-next-month {
166
+ -webkit-user-select: none;
167
+ -moz-user-select: none;
168
+ -ms-user-select: none;
169
+ user-select: none;
170
+ text-decoration: none;
171
+ cursor: pointer;
172
+ position: absolute;
173
+ top: 0;
174
+ height: 34px;
175
+ padding: 10px;
176
+ z-index: 3;
177
+ color: #5a6171;
178
+ fill: #5a6171;
179
+ }
180
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
181
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
182
+ display: none;
183
+ }
184
+ .flatpickr-months .flatpickr-prev-month i,
185
+ .flatpickr-months .flatpickr-next-month i {
186
+ position: relative;
187
+ }
188
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
189
+ .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
190
+ /*
191
+ /*rtl:begin:ignore*/
192
+ /*
193
+ */
194
+ left: 0;
195
+ /*
196
+ /*rtl:end:ignore*/
197
+ /*
198
+ */
199
+ }
200
+ /*
201
+ /*rtl:begin:ignore*/
202
+ /*
203
+ /*rtl:end:ignore*/
204
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
205
+ .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
206
+ /*
207
+ /*rtl:begin:ignore*/
208
+ /*
209
+ */
210
+ right: 0;
211
+ /*
212
+ /*rtl:end:ignore*/
213
+ /*
214
+ */
215
+ }
216
+ /*
217
+ /*rtl:begin:ignore*/
218
+ /*
219
+ /*rtl:end:ignore*/
220
+ .flatpickr-months .flatpickr-prev-month:hover,
221
+ .flatpickr-months .flatpickr-next-month:hover {
222
+ color: #bbb;
223
+ }
224
+ .flatpickr-months .flatpickr-prev-month:hover svg,
225
+ .flatpickr-months .flatpickr-next-month:hover svg {
226
+ fill: #f64747;
227
+ }
228
+ .flatpickr-months .flatpickr-prev-month svg,
229
+ .flatpickr-months .flatpickr-next-month svg {
230
+ width: 14px;
231
+ height: 14px;
232
+ }
233
+ .flatpickr-months .flatpickr-prev-month svg path,
234
+ .flatpickr-months .flatpickr-next-month svg path {
235
+ -webkit-transition: fill 0.1s;
236
+ transition: fill 0.1s;
237
+ fill: inherit;
238
+ }
239
+ .numInputWrapper {
240
+ position: relative;
241
+ height: auto;
242
+ }
243
+ .numInputWrapper input,
244
+ .numInputWrapper span {
245
+ display: inline-block;
246
+ }
247
+ .numInputWrapper input {
248
+ width: 100%;
249
+ }
250
+ .numInputWrapper input::-ms-clear {
251
+ display: none;
252
+ }
253
+ .numInputWrapper input::-webkit-outer-spin-button,
254
+ .numInputWrapper input::-webkit-inner-spin-button {
255
+ margin: 0;
256
+ -webkit-appearance: none;
257
+ }
258
+ .numInputWrapper span {
259
+ position: absolute;
260
+ right: 0;
261
+ width: 14px;
262
+ padding: 0 4px 0 2px;
263
+ height: 50%;
264
+ line-height: 50%;
265
+ opacity: 0;
266
+ cursor: pointer;
267
+ border: 1px solid rgba(72,72,72,0.15);
268
+ -webkit-box-sizing: border-box;
269
+ box-sizing: border-box;
270
+ }
271
+ .numInputWrapper span:hover {
272
+ background: rgba(0,0,0,0.1);
273
+ }
274
+ .numInputWrapper span:active {
275
+ background: rgba(0,0,0,0.2);
276
+ }
277
+ .numInputWrapper span:after {
278
+ display: block;
279
+ content: "";
280
+ position: absolute;
281
+ }
282
+ .numInputWrapper span.arrowUp {
283
+ top: 0;
284
+ border-bottom: 0;
285
+ }
286
+ .numInputWrapper span.arrowUp:after {
287
+ border-left: 4px solid transparent;
288
+ border-right: 4px solid transparent;
289
+ border-bottom: 4px solid rgba(72,72,72,0.6);
290
+ top: 26%;
291
+ }
292
+ .numInputWrapper span.arrowDown {
293
+ top: 50%;
294
+ }
295
+ .numInputWrapper span.arrowDown:after {
296
+ border-left: 4px solid transparent;
297
+ border-right: 4px solid transparent;
298
+ border-top: 4px solid rgba(72,72,72,0.6);
299
+ top: 40%;
300
+ }
301
+ .numInputWrapper span svg {
302
+ width: inherit;
303
+ height: auto;
304
+ }
305
+ .numInputWrapper span svg path {
306
+ fill: rgba(90,97,113,0.5);
307
+ }
308
+ .numInputWrapper:hover {
309
+ background: rgba(0,0,0,0.05);
310
+ }
311
+ .numInputWrapper:hover span {
312
+ opacity: 1;
313
+ }
314
+ .flatpickr-current-month {
315
+ font-size: 135%;
316
+ line-height: inherit;
317
+ font-weight: 300;
318
+ color: inherit;
319
+ position: absolute;
320
+ width: 75%;
321
+ left: 12.5%;
322
+ padding: 7.48px 0 0 0;
323
+ line-height: 1;
324
+ height: 34px;
325
+ display: inline-block;
326
+ text-align: center;
327
+ -webkit-transform: translate3d(0px, 0px, 0px);
328
+ transform: translate3d(0px, 0px, 0px);
329
+ }
330
+ .flatpickr-current-month span.cur-month {
331
+ font-family: inherit;
332
+ font-weight: 700;
333
+ color: inherit;
334
+ display: inline-block;
335
+ margin-left: 0.5ch;
336
+ padding: 0;
337
+ }
338
+ .flatpickr-current-month span.cur-month:hover {
339
+ background: rgba(0,0,0,0.05);
340
+ }
341
+ .flatpickr-current-month .numInputWrapper {
342
+ width: 6ch;
343
+ width: 7ch\0;
344
+ display: inline-block;
345
+ }
346
+ .flatpickr-current-month .numInputWrapper span.arrowUp:after {
347
+ border-bottom-color: #5a6171;
348
+ }
349
+ .flatpickr-current-month .numInputWrapper span.arrowDown:after {
350
+ border-top-color: #5a6171;
351
+ }
352
+ .flatpickr-current-month input.cur-year {
353
+ background: transparent;
354
+ -webkit-box-sizing: border-box;
355
+ box-sizing: border-box;
356
+ color: inherit;
357
+ cursor: text;
358
+ padding: 0 0 0 0.5ch;
359
+ margin: 0;
360
+ display: inline-block;
361
+ font-size: inherit;
362
+ font-family: inherit;
363
+ font-weight: 300;
364
+ line-height: inherit;
365
+ height: auto;
366
+ border: 0;
367
+ border-radius: 0;
368
+ vertical-align: initial;
369
+ -webkit-appearance: textfield;
370
+ -moz-appearance: textfield;
371
+ appearance: textfield;
372
+ }
373
+ .flatpickr-current-month input.cur-year:focus {
374
+ outline: 0;
375
+ }
376
+ .flatpickr-current-month input.cur-year[disabled],
377
+ .flatpickr-current-month input.cur-year[disabled]:hover {
378
+ font-size: 100%;
379
+ color: rgba(90,97,113,0.5);
380
+ background: transparent;
381
+ pointer-events: none;
382
+ }
383
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
384
+ appearance: menulist;
385
+ background: #eceef1;
386
+ border: none;
387
+ border-radius: 0;
388
+ box-sizing: border-box;
389
+ color: inherit;
390
+ cursor: pointer;
391
+ font-size: inherit;
392
+ font-family: inherit;
393
+ font-weight: 300;
394
+ height: auto;
395
+ line-height: inherit;
396
+ margin: -1px 0 0 0;
397
+ outline: none;
398
+ padding: 0 0 0 0.5ch;
399
+ position: relative;
400
+ vertical-align: initial;
401
+ -webkit-box-sizing: border-box;
402
+ -webkit-appearance: menulist;
403
+ -moz-appearance: menulist;
404
+ width: auto;
405
+ }
406
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
407
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
408
+ outline: none;
409
+ }
410
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
411
+ background: rgba(0,0,0,0.05);
412
+ }
413
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
414
+ background-color: #eceef1;
415
+ outline: none;
416
+ padding: 0;
417
+ }
418
+ .flatpickr-weekdays {
419
+ background: #eceef1;
420
+ text-align: center;
421
+ overflow: hidden;
422
+ width: 100%;
423
+ display: -webkit-box;
424
+ display: -webkit-flex;
425
+ display: -ms-flexbox;
426
+ display: flex;
427
+ -webkit-box-align: center;
428
+ -webkit-align-items: center;
429
+ -ms-flex-align: center;
430
+ align-items: center;
431
+ height: 28px;
432
+ }
433
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
434
+ display: -webkit-box;
435
+ display: -webkit-flex;
436
+ display: -ms-flexbox;
437
+ display: flex;
438
+ -webkit-box-flex: 1;
439
+ -webkit-flex: 1;
440
+ -ms-flex: 1;
441
+ flex: 1;
442
+ }
443
+ span.flatpickr-weekday {
444
+ cursor: default;
445
+ font-size: 90%;
446
+ background: #eceef1;
447
+ color: #5a6171;
448
+ line-height: 1;
449
+ margin: 0;
450
+ text-align: center;
451
+ display: block;
452
+ -webkit-box-flex: 1;
453
+ -webkit-flex: 1;
454
+ -ms-flex: 1;
455
+ flex: 1;
456
+ font-weight: bolder;
457
+ }
458
+ .dayContainer,
459
+ .flatpickr-weeks {
460
+ padding: 1px 0 0 0;
461
+ }
462
+ .flatpickr-days {
463
+ position: relative;
464
+ overflow: hidden;
465
+ display: -webkit-box;
466
+ display: -webkit-flex;
467
+ display: -ms-flexbox;
468
+ display: flex;
469
+ -webkit-box-align: start;
470
+ -webkit-align-items: flex-start;
471
+ -ms-flex-align: start;
472
+ align-items: flex-start;
473
+ width: 307.875px;
474
+ border-left: 1px solid #eceef1;
475
+ border-right: 1px solid #eceef1;
476
+ }
477
+ .flatpickr-days:focus {
478
+ outline: 0;
479
+ }
480
+ .dayContainer {
481
+ padding: 0;
482
+ outline: 0;
483
+ text-align: left;
484
+ width: 307.875px;
485
+ min-width: 307.875px;
486
+ max-width: 307.875px;
487
+ -webkit-box-sizing: border-box;
488
+ box-sizing: border-box;
489
+ display: inline-block;
490
+ display: -ms-flexbox;
491
+ display: -webkit-box;
492
+ display: -webkit-flex;
493
+ display: flex;
494
+ -webkit-flex-wrap: wrap;
495
+ flex-wrap: wrap;
496
+ -ms-flex-wrap: wrap;
497
+ -ms-flex-pack: justify;
498
+ -webkit-justify-content: space-around;
499
+ justify-content: space-around;
500
+ -webkit-transform: translate3d(0px, 0px, 0px);
501
+ transform: translate3d(0px, 0px, 0px);
502
+ opacity: 1;
503
+ }
504
+ .dayContainer + .dayContainer {
505
+ -webkit-box-shadow: -1px 0 0 #eceef1;
506
+ box-shadow: -1px 0 0 #eceef1;
507
+ }
508
+ .flatpickr-day {
509
+ background: none;
510
+ border: 1px solid transparent;
511
+ border-radius: 150px;
512
+ -webkit-box-sizing: border-box;
513
+ box-sizing: border-box;
514
+ color: #484848;
515
+ cursor: pointer;
516
+ font-weight: 400;
517
+ width: 14.2857143%;
518
+ -webkit-flex-basis: 14.2857143%;
519
+ -ms-flex-preferred-size: 14.2857143%;
520
+ flex-basis: 14.2857143%;
521
+ max-width: 39px;
522
+ height: 39px;
523
+ line-height: 39px;
524
+ margin: 0;
525
+ display: inline-block;
526
+ position: relative;
527
+ -webkit-box-pack: center;
528
+ -webkit-justify-content: center;
529
+ -ms-flex-pack: center;
530
+ justify-content: center;
531
+ text-align: center;
532
+ }
533
+ .flatpickr-day.inRange,
534
+ .flatpickr-day.prevMonthDay.inRange,
535
+ .flatpickr-day.nextMonthDay.inRange,
536
+ .flatpickr-day.today.inRange,
537
+ .flatpickr-day.prevMonthDay.today.inRange,
538
+ .flatpickr-day.nextMonthDay.today.inRange,
539
+ .flatpickr-day:hover,
540
+ .flatpickr-day.prevMonthDay:hover,
541
+ .flatpickr-day.nextMonthDay:hover,
542
+ .flatpickr-day:focus,
543
+ .flatpickr-day.prevMonthDay:focus,
544
+ .flatpickr-day.nextMonthDay:focus {
545
+ cursor: pointer;
546
+ outline: 0;
547
+ background: #e2e2e2;
548
+ border-color: #e2e2e2;
549
+ }
550
+ .flatpickr-day.today {
551
+ border-color: #bbb;
552
+ }
553
+ .flatpickr-day.today:hover,
554
+ .flatpickr-day.today:focus {
555
+ border-color: #bbb;
556
+ background: #bbb;
557
+ color: #fff;
558
+ }
559
+ .flatpickr-day.selected,
560
+ .flatpickr-day.startRange,
561
+ .flatpickr-day.endRange,
562
+ .flatpickr-day.selected.inRange,
563
+ .flatpickr-day.startRange.inRange,
564
+ .flatpickr-day.endRange.inRange,
565
+ .flatpickr-day.selected:focus,
566
+ .flatpickr-day.startRange:focus,
567
+ .flatpickr-day.endRange:focus,
568
+ .flatpickr-day.selected:hover,
569
+ .flatpickr-day.startRange:hover,
570
+ .flatpickr-day.endRange:hover,
571
+ .flatpickr-day.selected.prevMonthDay,
572
+ .flatpickr-day.startRange.prevMonthDay,
573
+ .flatpickr-day.endRange.prevMonthDay,
574
+ .flatpickr-day.selected.nextMonthDay,
575
+ .flatpickr-day.startRange.nextMonthDay,
576
+ .flatpickr-day.endRange.nextMonthDay {
577
+ background: #0d6efd;
578
+ -webkit-box-shadow: none;
579
+ box-shadow: none;
580
+ color: #fff;
581
+ border-color: #0d6efd;
582
+ }
583
+ .flatpickr-day.selected.startRange,
584
+ .flatpickr-day.startRange.startRange,
585
+ .flatpickr-day.endRange.startRange {
586
+ border-radius: 50px 0 0 50px;
587
+ }
588
+ .flatpickr-day.selected.endRange,
589
+ .flatpickr-day.startRange.endRange,
590
+ .flatpickr-day.endRange.endRange {
591
+ border-radius: 0 50px 50px 0;
592
+ }
593
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
594
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
595
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
596
+ -webkit-box-shadow: -10px 0 0 #0d6efd;
597
+ box-shadow: -10px 0 0 #0d6efd;
598
+ }
599
+ .flatpickr-day.selected.startRange.endRange,
600
+ .flatpickr-day.startRange.startRange.endRange,
601
+ .flatpickr-day.endRange.startRange.endRange {
602
+ border-radius: 50px;
603
+ }
604
+ .flatpickr-day.inRange {
605
+ border-radius: 0;
606
+ -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
607
+ box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
608
+ }
609
+ .flatpickr-day.flatpickr-disabled,
610
+ .flatpickr-day.flatpickr-disabled:hover,
611
+ .flatpickr-day.prevMonthDay,
612
+ .flatpickr-day.nextMonthDay,
613
+ .flatpickr-day.notAllowed,
614
+ .flatpickr-day.notAllowed.prevMonthDay,
615
+ .flatpickr-day.notAllowed.nextMonthDay {
616
+ color: rgba(72,72,72,0.3);
617
+ background: transparent;
618
+ border-color: transparent;
619
+ cursor: default;
620
+ }
621
+ .flatpickr-day.flatpickr-disabled,
622
+ .flatpickr-day.flatpickr-disabled:hover {
623
+ cursor: not-allowed;
624
+ color: rgba(72,72,72,0.1);
625
+ }
626
+ .flatpickr-day.week.selected {
627
+ border-radius: 0;
628
+ -webkit-box-shadow: -5px 0 0 #0d6efd, 5px 0 0 #0d6efd;
629
+ box-shadow: -5px 0 0 #0d6efd, 5px 0 0 #0d6efd;
630
+ }
631
+ .flatpickr-day.hidden {
632
+ visibility: hidden;
633
+ }
634
+ .rangeMode .flatpickr-day {
635
+ margin-top: 1px;
636
+ }
637
+ .flatpickr-weekwrapper {
638
+ float: left;
639
+ }
640
+ .flatpickr-weekwrapper .flatpickr-weeks {
641
+ padding: 0 12px;
642
+ border-left: 1px solid #eceef1;
643
+ }
644
+ .flatpickr-weekwrapper .flatpickr-weekday {
645
+ float: none;
646
+ width: 100%;
647
+ line-height: 28px;
648
+ }
649
+ .flatpickr-weekwrapper span.flatpickr-day,
650
+ .flatpickr-weekwrapper span.flatpickr-day:hover {
651
+ display: block;
652
+ width: 100%;
653
+ max-width: none;
654
+ color: rgba(72,72,72,0.3);
655
+ background: transparent;
656
+ cursor: default;
657
+ border: none;
658
+ }
659
+ .flatpickr-innerContainer {
660
+ display: block;
661
+ display: -webkit-box;
662
+ display: -webkit-flex;
663
+ display: -ms-flexbox;
664
+ display: flex;
665
+ -webkit-box-sizing: border-box;
666
+ box-sizing: border-box;
667
+ overflow: hidden;
668
+ background: #fff;
669
+ border-bottom: 1px solid #eceef1;
670
+ }
671
+ .flatpickr-rContainer {
672
+ display: inline-block;
673
+ padding: 0;
674
+ -webkit-box-sizing: border-box;
675
+ box-sizing: border-box;
676
+ }
677
+ .flatpickr-time {
678
+ text-align: center;
679
+ outline: 0;
680
+ display: block;
681
+ height: 0;
682
+ line-height: 40px;
683
+ max-height: 40px;
684
+ -webkit-box-sizing: border-box;
685
+ box-sizing: border-box;
686
+ overflow: hidden;
687
+ display: -webkit-box;
688
+ display: -webkit-flex;
689
+ display: -ms-flexbox;
690
+ display: flex;
691
+ background: #fff;
692
+ border-radius: 0 0 5px 5px;
693
+ }
694
+ .flatpickr-time:after {
695
+ content: "";
696
+ display: table;
697
+ clear: both;
698
+ }
699
+ .flatpickr-time .numInputWrapper {
700
+ -webkit-box-flex: 1;
701
+ -webkit-flex: 1;
702
+ -ms-flex: 1;
703
+ flex: 1;
704
+ width: 40%;
705
+ height: 40px;
706
+ float: left;
707
+ }
708
+ .flatpickr-time .numInputWrapper span.arrowUp:after {
709
+ border-bottom-color: #484848;
710
+ }
711
+ .flatpickr-time .numInputWrapper span.arrowDown:after {
712
+ border-top-color: #484848;
713
+ }
714
+ .flatpickr-time.hasSeconds .numInputWrapper {
715
+ width: 26%;
716
+ }
717
+ .flatpickr-time.time24hr .numInputWrapper {
718
+ width: 49%;
719
+ }
720
+ .flatpickr-time input {
721
+ background: transparent;
722
+ -webkit-box-shadow: none;
723
+ box-shadow: none;
724
+ border: 0;
725
+ border-radius: 0;
726
+ text-align: center;
727
+ margin: 0;
728
+ padding: 0;
729
+ height: inherit;
730
+ line-height: inherit;
731
+ color: #484848;
732
+ font-size: 14px;
733
+ position: relative;
734
+ -webkit-box-sizing: border-box;
735
+ box-sizing: border-box;
736
+ -webkit-appearance: textfield;
737
+ -moz-appearance: textfield;
738
+ appearance: textfield;
739
+ }
740
+ .flatpickr-time input.flatpickr-hour {
741
+ font-weight: bold;
742
+ }
743
+ .flatpickr-time input.flatpickr-minute,
744
+ .flatpickr-time input.flatpickr-second {
745
+ font-weight: 400;
746
+ }
747
+ .flatpickr-time input:focus {
748
+ outline: 0;
749
+ border: 0;
750
+ }
751
+ .flatpickr-time .flatpickr-time-separator,
752
+ .flatpickr-time .flatpickr-am-pm {
753
+ height: inherit;
754
+ float: left;
755
+ line-height: inherit;
756
+ color: #484848;
757
+ font-weight: bold;
758
+ width: 2%;
759
+ -webkit-user-select: none;
760
+ -moz-user-select: none;
761
+ -ms-user-select: none;
762
+ user-select: none;
763
+ -webkit-align-self: center;
764
+ -ms-flex-item-align: center;
765
+ align-self: center;
766
+ }
767
+ .flatpickr-time .flatpickr-am-pm {
768
+ outline: 0;
769
+ width: 18%;
770
+ cursor: pointer;
771
+ text-align: center;
772
+ font-weight: 400;
773
+ }
774
+ .flatpickr-time input:hover,
775
+ .flatpickr-time .flatpickr-am-pm:hover,
776
+ .flatpickr-time input:focus,
777
+ .flatpickr-time .flatpickr-am-pm:focus {
778
+ background: #eaeaea;
779
+ }
780
+ .flatpickr-input[readonly] {
781
+ cursor: pointer;
782
+ }
783
+ @-webkit-keyframes fpFadeInDown {
784
+ from {
785
+ opacity: 0;
786
+ -webkit-transform: translate3d(0, -20px, 0);
787
+ transform: translate3d(0, -20px, 0);
788
+ }
789
+ to {
790
+ opacity: 1;
791
+ -webkit-transform: translate3d(0, 0, 0);
792
+ transform: translate3d(0, 0, 0);
793
+ }
794
+ }
795
+ @keyframes fpFadeInDown {
796
+ from {
797
+ opacity: 0;
798
+ -webkit-transform: translate3d(0, -20px, 0);
799
+ transform: translate3d(0, -20px, 0);
800
+ }
801
+ to {
802
+ opacity: 1;
803
+ -webkit-transform: translate3d(0, 0, 0);
804
+ transform: translate3d(0, 0, 0);
805
+ }
806
+ }
807
+ span.flatpickr-day.selected {
808
+ font-weight: bold;
809
+ }