ordering-ui-admin-external 1.25.1 → 1.26.1

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.
Files changed (159) hide show
  1. package/_bundles/main.css +1829 -1829
  2. package/_bundles/{ordering-ui-admin.bb3d2f1a6bc2f5d19b6c.js → ordering-ui-admin.45097ebbca4f4a7d30b7.js} +2 -2
  3. package/_modules/components/BusinessIntelligence/AnalyticsCalendar/index.js +8 -1
  4. package/_modules/components/Delivery/DriversCompanyAddForm/styles.js +1 -1
  5. package/_modules/components/Delivery/DriversGroupAddForm/AdvancedLogisticsForm/index.js +68 -0
  6. package/_modules/components/Delivery/DriversGroupAddForm/AdvancedLogisticsForm/styles.js +42 -0
  7. package/_modules/components/Delivery/DriversGroupAddForm/BusinessesForm/index.js +89 -0
  8. package/_modules/components/Delivery/DriversGroupAddForm/BusinessesForm/styles.js +47 -0
  9. package/_modules/components/Delivery/DriversGroupAddForm/GeneralForm/index.js +106 -0
  10. package/_modules/components/Delivery/DriversGroupAddForm/GeneralForm/styles.js +16 -0
  11. package/_modules/components/Delivery/DriversGroupAddForm/PaymethodsForm/index.js +87 -0
  12. package/_modules/components/Delivery/DriversGroupAddForm/PaymethodsForm/styles.js +33 -0
  13. package/_modules/components/Delivery/DriversGroupAddForm/index.js +132 -0
  14. package/_modules/components/Delivery/DriversGroupAddForm/styles.js +18 -0
  15. package/_modules/components/Delivery/DriversGroupCompanies/styles.js +1 -1
  16. package/_modules/components/Delivery/DriversGroupDrivers/styles.js +1 -1
  17. package/_modules/components/Delivery/DriversGroupOrders/index.js +5 -5
  18. package/_modules/components/Delivery/DriversGroupsList/styles.js +1 -1
  19. package/_modules/components/Delivery/DriversGroupsListing/index.js +28 -7
  20. package/_modules/components/Delivery/DriversGroupsListing/styles.js +2 -2
  21. package/_modules/components/Delivery/UserAddForm/index.js +39 -6
  22. package/_modules/components/Delivery/UserAddForm/styles.js +28 -21
  23. package/_modules/components/Delivery/UserDetails/index.js +2 -2
  24. package/_modules/components/Home/HomePage/index.js +71 -3
  25. package/_modules/components/Home/HomePage/styles.js +27 -5
  26. package/_modules/components/Login/LoginForm/index.js +0 -5
  27. package/_modules/components/MyProducts/AdvancedLayouts/LayoutStyleGroup.js +46 -0
  28. package/_modules/components/MyProducts/AdvancedLayouts/index.js +213 -0
  29. package/_modules/components/MyProducts/AdvancedLayouts/styles.js +146 -0
  30. package/_modules/components/MyProducts/AdvancedSettings/index.js +12 -0
  31. package/_modules/components/MyProducts/CustomDomain/index.js +6 -4
  32. package/_modules/components/MyProducts/CustomDomain/styles.js +27 -9
  33. package/_modules/components/MyProducts/OrderingWebsite/index.js +94 -17
  34. package/_modules/components/MyProducts/OrderingWebsite/styles.js +20 -11
  35. package/_modules/components/Orders/AllInOne/DriversManager/index.js +128 -0
  36. package/_modules/components/Orders/AllInOne/DriversManager/styles.js +27 -0
  37. package/_modules/components/Orders/AllInOne/index.js +337 -0
  38. package/_modules/components/Orders/AllInOne/styles.js +67 -0
  39. package/_modules/components/Orders/CompanySelector/index.js +259 -0
  40. package/_modules/components/Orders/CompanySelector/styles.js +86 -0
  41. package/_modules/components/Orders/DriversBusyStatusFilter/styles.js +6 -3
  42. package/_modules/components/Orders/DriversList/index.js +3 -2
  43. package/_modules/components/Orders/DriversList/styles.js +2 -2
  44. package/_modules/components/Orders/DriversManager/index.js +2 -1
  45. package/_modules/components/Orders/DriversOnlineOfflineFilter/styles.js +5 -2
  46. package/_modules/components/Orders/OrderBill/RefundToWallet.js +1 -1
  47. package/_modules/components/Orders/OrderBill/index.js +17 -18
  48. package/_modules/components/Orders/OrderContactInformation/index.js +14 -3
  49. package/_modules/components/Orders/OrderDetails/index.js +1 -1
  50. package/_modules/components/Orders/OrderStatusSubFilter/styles.js +1 -1
  51. package/_modules/components/Orders/OrderToPrint/index.js +2 -1
  52. package/_modules/components/Orders/OrderToPrintTicket/index.js +4 -2
  53. package/_modules/components/Orders/OrdersContentHeader/index.js +2 -1
  54. package/_modules/components/Orders/OrdersListing/index.js +3 -1
  55. package/_modules/components/Orders/OrdersManager/index.js +5 -1
  56. package/_modules/components/Orders/OrdersTable/index.js +11 -10
  57. package/_modules/components/Orders/ProductItemAccordion/index.js +5 -9
  58. package/_modules/components/Orders/WebsocketStatus/index.js +119 -0
  59. package/_modules/components/Orders/WebsocketStatus/styles.js +65 -0
  60. package/_modules/components/Orders/index.js +7 -0
  61. package/_modules/components/Settings/IntegrationListing/Analytics.js +130 -0
  62. package/_modules/components/Settings/IntegrationListing/PaymentGateway.js +130 -0
  63. package/_modules/components/Settings/IntegrationListing/index.js +174 -31
  64. package/_modules/components/Settings/IntegrationListing/styles.js +42 -11
  65. package/_modules/components/Settings/NotificationSetting/index.js +25 -4
  66. package/_modules/components/Settings/NotificationSetting/styles.js +5 -3
  67. package/_modules/components/Settings/SettingsSelectUI/index.js +3 -2
  68. package/_modules/components/Shared/RangeCalendar/index.js +9 -1
  69. package/_modules/components/Shared/SearchBar/index.js +11 -6
  70. package/_modules/components/Shared/SearchBar/styles.js +9 -15
  71. package/_modules/components/SidebarMenu/index.js +19 -10
  72. package/_modules/components/Users/UserDetails/index.js +2 -2
  73. package/_modules/config/currency.js +1017 -0
  74. package/_modules/index.js +6 -0
  75. package/_modules/utils/index.js +26 -3
  76. package/index-template.js +10 -0
  77. package/package.json +3 -2
  78. package/src/components/BusinessIntelligence/AnalyticsCalendar/index.js +7 -1
  79. package/src/components/Delivery/DriversCompanyAddForm/styles.js +0 -1
  80. package/src/components/Delivery/DriversGroupAddForm/AdvancedLogisticsForm/index.js +113 -0
  81. package/src/components/Delivery/DriversGroupAddForm/AdvancedLogisticsForm/styles.js +72 -0
  82. package/src/components/Delivery/DriversGroupAddForm/BusinessesForm/index.js +87 -0
  83. package/src/components/Delivery/DriversGroupAddForm/BusinessesForm/styles.js +87 -0
  84. package/src/components/Delivery/DriversGroupAddForm/GeneralForm/index.js +104 -0
  85. package/src/components/Delivery/DriversGroupAddForm/GeneralForm/styles.js +31 -0
  86. package/src/components/Delivery/DriversGroupAddForm/PaymethodsForm/index.js +82 -0
  87. package/src/components/Delivery/DriversGroupAddForm/PaymethodsForm/styles.js +46 -0
  88. package/src/components/Delivery/DriversGroupAddForm/index.js +130 -0
  89. package/src/components/Delivery/DriversGroupAddForm/styles.js +38 -0
  90. package/src/components/Delivery/DriversGroupCompanies/styles.js +1 -0
  91. package/src/components/Delivery/DriversGroupDrivers/styles.js +1 -0
  92. package/src/components/Delivery/DriversGroupOrders/index.js +2 -2
  93. package/src/components/Delivery/DriversGroupsList/styles.js +1 -1
  94. package/src/components/Delivery/DriversGroupsListing/index.js +35 -13
  95. package/src/components/Delivery/DriversGroupsListing/styles.js +1 -1
  96. package/src/components/Delivery/UserAddForm/index.js +34 -2
  97. package/src/components/Delivery/UserAddForm/styles.js +25 -0
  98. package/src/components/Delivery/UserDetails/index.js +1 -1
  99. package/src/components/Home/HomePage/index.js +215 -142
  100. package/src/components/Home/HomePage/styles.js +105 -1
  101. package/src/components/Login/LoginForm/index.js +0 -7
  102. package/src/components/MyProducts/AdvancedLayouts/LayoutStyleGroup.js +37 -0
  103. package/src/components/MyProducts/AdvancedLayouts/index.js +240 -0
  104. package/src/components/MyProducts/AdvancedLayouts/styles.js +388 -0
  105. package/src/components/MyProducts/AdvancedSettings/index.js +5 -2
  106. package/src/components/MyProducts/CustomDomain/index.js +35 -16
  107. package/src/components/MyProducts/CustomDomain/styles.js +73 -1
  108. package/src/components/MyProducts/OrderingWebsite/index.js +147 -79
  109. package/src/components/MyProducts/OrderingWebsite/styles.js +38 -0
  110. package/src/components/Orders/AllInOne/DriversManager/index.js +137 -0
  111. package/src/components/Orders/AllInOne/DriversManager/styles.js +51 -0
  112. package/src/components/Orders/AllInOne/index.js +339 -0
  113. package/src/components/Orders/AllInOne/styles.js +144 -0
  114. package/src/components/Orders/CompanySelector/index.js +250 -0
  115. package/src/components/Orders/CompanySelector/styles.js +142 -0
  116. package/src/components/Orders/DriversBusyStatusFilter/styles.js +7 -1
  117. package/src/components/Orders/DriversList/index.js +7 -4
  118. package/src/components/Orders/DriversList/styles.js +2 -1
  119. package/src/components/Orders/DriversManager/index.js +2 -0
  120. package/src/components/Orders/DriversOnlineOfflineFilter/styles.js +8 -1
  121. package/src/components/Orders/OrderBill/RefundToWallet.js +12 -10
  122. package/src/components/Orders/OrderBill/index.js +18 -18
  123. package/src/components/Orders/OrderContactInformation/index.js +20 -1
  124. package/src/components/Orders/OrderDetails/index.js +8 -8
  125. package/src/components/Orders/OrderStatusSubFilter/styles.js +1 -1
  126. package/src/components/Orders/OrderToPrint/index.js +2 -1
  127. package/src/components/Orders/OrderToPrintTicket/index.js +160 -173
  128. package/src/components/Orders/OrdersContentHeader/index.js +2 -0
  129. package/src/components/Orders/OrdersListing/index.js +2 -0
  130. package/src/components/Orders/OrdersManager/index.js +2 -2
  131. package/src/components/Orders/OrdersTable/index.js +39 -25
  132. package/src/components/Orders/ProductItemAccordion/index.js +3 -3
  133. package/src/components/Orders/WebsocketStatus/index.js +138 -0
  134. package/src/components/Orders/WebsocketStatus/styles.js +171 -0
  135. package/src/components/Orders/index.js +2 -0
  136. package/src/components/Settings/IntegrationListing/Analytics.js +127 -0
  137. package/src/components/Settings/IntegrationListing/PaymentGateway.js +126 -0
  138. package/src/components/Settings/IntegrationListing/index.js +189 -96
  139. package/src/components/Settings/IntegrationListing/styles.js +90 -1
  140. package/src/components/Settings/NotificationSetting/index.js +73 -10
  141. package/src/components/Settings/NotificationSetting/styles.js +19 -0
  142. package/src/components/Settings/SettingsSelectUI/index.js +12 -9
  143. package/src/components/Shared/RangeCalendar/index.js +7 -1
  144. package/src/components/Shared/SearchBar/index.js +14 -5
  145. package/src/components/Shared/SearchBar/styles.js +19 -32
  146. package/src/components/SidebarMenu/index.js +15 -8
  147. package/src/components/Users/UserDetails/index.js +1 -1
  148. package/src/config/currency.js +1010 -0
  149. package/src/index.js +2 -0
  150. package/src/utils/index.js +21 -0
  151. package/template/app.js +4 -0
  152. package/template/assets/images/preview/franchise.png +0 -0
  153. package/template/assets/images/preview/marketplace.png +0 -0
  154. package/template/assets/images/preview/single-store.png +0 -0
  155. package/template/components/AutologinParams/index.js +1 -3
  156. package/template/components/ListenPageChanges/index.js +1 -0
  157. package/template/helmetdata.json +7 -0
  158. package/template/pages/AllInOne/index.js +23 -0
  159. /package/_bundles/{ordering-ui-admin.bb3d2f1a6bc2f5d19b6c.js.LICENSE.txt → ordering-ui-admin.45097ebbca4f4a7d30b7.js.LICENSE.txt} +0 -0
package/_bundles/main.css CHANGED
@@ -13503,928 +13503,882 @@ a.text-dark:hover, a.text-dark:focus {
13503
13503
  border-color: #dee2e6;
13504
13504
  }
13505
13505
  }
13506
- .rbc-addons-dnd .rbc-addons-dnd-row-body {
13507
- position: relative;
13506
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
13507
+ .react-datepicker__month-read-view--down-arrow,
13508
+ .react-datepicker__month-year-read-view--down-arrow {
13509
+ margin-left: -8px;
13510
+ position: absolute;
13508
13511
  }
13509
- .rbc-addons-dnd .rbc-addons-dnd-drag-row {
13512
+
13513
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
13514
+ .react-datepicker__month-read-view--down-arrow,
13515
+ .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
13516
+ .react-datepicker__month-read-view--down-arrow::before,
13517
+ .react-datepicker__month-year-read-view--down-arrow::before {
13518
+ box-sizing: content-box;
13510
13519
  position: absolute;
13520
+ border: 8px solid transparent;
13521
+ height: 0;
13522
+ width: 1px;
13523
+ }
13524
+
13525
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
13526
+ .react-datepicker__month-read-view--down-arrow::before,
13527
+ .react-datepicker__month-year-read-view--down-arrow::before {
13528
+ content: "";
13529
+ z-index: -1;
13530
+ border-width: 8px;
13531
+ left: -8px;
13532
+ border-bottom-color: #aeaeae;
13533
+ }
13534
+
13535
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
13511
13536
  top: 0;
13512
- left: 0;
13513
- right: 0;
13537
+ margin-top: -8px;
13514
13538
  }
13515
- .rbc-addons-dnd .rbc-addons-dnd-over {
13516
- background-color: rgba(0, 0, 0, 0.3);
13539
+
13540
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
13541
+ border-top: none;
13542
+ border-bottom-color: #f0f0f0;
13517
13543
  }
13518
- .rbc-addons-dnd .rbc-event {
13519
- transition: opacity 150ms;
13544
+
13545
+ .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
13546
+ top: -1px;
13547
+ border-bottom-color: #aeaeae;
13520
13548
  }
13521
- .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon, .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
13522
- display: block;
13549
+
13550
+ .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
13551
+ .react-datepicker__month-read-view--down-arrow,
13552
+ .react-datepicker__month-year-read-view--down-arrow {
13553
+ bottom: 0;
13554
+ margin-bottom: -8px;
13523
13555
  }
13524
- .rbc-addons-dnd .rbc-addons-dnd-dragged-event {
13525
- opacity: 0;
13556
+
13557
+ .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
13558
+ .react-datepicker__month-read-view--down-arrow,
13559
+ .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
13560
+ .react-datepicker__month-read-view--down-arrow::before,
13561
+ .react-datepicker__month-year-read-view--down-arrow::before {
13562
+ border-bottom: none;
13563
+ border-top-color: #fff;
13526
13564
  }
13527
- .rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview) {
13528
- opacity: 0.5;
13565
+
13566
+ .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
13567
+ .react-datepicker__month-read-view--down-arrow::before,
13568
+ .react-datepicker__month-year-read-view--down-arrow::before {
13569
+ bottom: -1px;
13570
+ border-top-color: #aeaeae;
13529
13571
  }
13530
- .rbc-addons-dnd .rbc-addons-dnd-resizable {
13531
- position: relative;
13532
- width: 100%;
13533
- height: 100%;
13572
+
13573
+ .react-datepicker-wrapper {
13574
+ display: inline-block;
13575
+ padding: 0;
13576
+ border: 0;
13534
13577
  }
13535
- .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor {
13536
- width: 100%;
13537
- text-align: center;
13538
- position: absolute;
13578
+
13579
+ .react-datepicker {
13580
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
13581
+ font-size: 0.8rem;
13582
+ background-color: #fff;
13583
+ color: #000;
13584
+ border: 1px solid #aeaeae;
13585
+ border-radius: 0.3rem;
13586
+ display: inline-block;
13587
+ position: relative;
13539
13588
  }
13540
- .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child {
13541
- top: 0;
13589
+
13590
+ .react-datepicker--time-only .react-datepicker__triangle {
13591
+ left: 35px;
13542
13592
  }
13543
- .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child {
13544
- bottom: 0;
13593
+
13594
+ .react-datepicker--time-only .react-datepicker__time-container {
13595
+ border-left: 0;
13545
13596
  }
13546
- .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon {
13547
- display: none;
13548
- border-top: 3px double;
13549
- margin: 0 auto;
13550
- width: 10px;
13551
- cursor: ns-resize;
13597
+
13598
+ .react-datepicker--time-only .react-datepicker__time,
13599
+ .react-datepicker--time-only .react-datepicker__time-box {
13600
+ border-bottom-left-radius: 0.3rem;
13601
+ border-bottom-right-radius: 0.3rem;
13552
13602
  }
13553
- .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor {
13603
+
13604
+ .react-datepicker__triangle {
13554
13605
  position: absolute;
13555
- top: 4px;
13556
- bottom: 0;
13606
+ left: 50px;
13557
13607
  }
13558
- .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child {
13559
- left: 0;
13608
+
13609
+ .react-datepicker-popper {
13610
+ z-index: 1;
13560
13611
  }
13561
- .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child {
13562
- right: 0;
13612
+
13613
+ .react-datepicker-popper[data-placement^="bottom"] {
13614
+ margin-top: 10px;
13563
13615
  }
13564
- .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon {
13565
- display: none;
13566
- border-left: 3px double;
13567
- margin-top: auto;
13568
- margin-bottom: auto;
13569
- height: 10px;
13570
- cursor: ew-resize;
13616
+
13617
+ .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
13618
+ left: auto;
13619
+ right: 50px;
13571
13620
  }
13572
13621
 
13573
- @charset "UTF-8";
13574
- .rbc-btn {
13575
- color: inherit;
13576
- font: inherit;
13577
- margin: 0;
13622
+ .react-datepicker-popper[data-placement^="top"] {
13623
+ margin-bottom: 10px;
13578
13624
  }
13579
13625
 
13580
- button.rbc-btn {
13581
- overflow: visible;
13582
- text-transform: none;
13583
- -webkit-appearance: button;
13584
- cursor: pointer;
13626
+ .react-datepicker-popper[data-placement^="right"] {
13627
+ margin-left: 8px;
13585
13628
  }
13586
13629
 
13587
- button[disabled].rbc-btn {
13588
- cursor: not-allowed;
13630
+ .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
13631
+ left: auto;
13632
+ right: 42px;
13589
13633
  }
13590
13634
 
13591
- button.rbc-input::-moz-focus-inner {
13592
- border: 0;
13593
- padding: 0;
13635
+ .react-datepicker-popper[data-placement^="left"] {
13636
+ margin-right: 8px;
13594
13637
  }
13595
13638
 
13596
- .rbc-calendar {
13597
- -webkit-box-sizing: border-box;
13598
- box-sizing: border-box;
13599
- height: 100%;
13600
- display: -webkit-box;
13601
- display: -ms-flexbox;
13602
- display: flex;
13603
- -webkit-box-orient: vertical;
13604
- -webkit-box-direction: normal;
13605
- -ms-flex-direction: column;
13606
- flex-direction: column;
13607
- -webkit-box-align: stretch;
13608
- -ms-flex-align: stretch;
13609
- align-items: stretch;
13639
+ .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
13640
+ left: 42px;
13641
+ right: auto;
13610
13642
  }
13611
13643
 
13612
- .rbc-calendar *,
13613
- .rbc-calendar *:before,
13614
- .rbc-calendar *:after {
13615
- -webkit-box-sizing: inherit;
13616
- box-sizing: inherit;
13644
+ .react-datepicker__header {
13645
+ text-align: center;
13646
+ background-color: #f0f0f0;
13647
+ border-bottom: 1px solid #aeaeae;
13648
+ border-top-left-radius: 0.3rem;
13649
+ padding-top: 8px;
13650
+ position: relative;
13617
13651
  }
13618
13652
 
13619
- .rbc-abs-full, .rbc-row-bg {
13620
- overflow: hidden;
13621
- position: absolute;
13622
- top: 0;
13623
- left: 0;
13624
- right: 0;
13625
- bottom: 0;
13653
+ .react-datepicker__header--time {
13654
+ padding-bottom: 8px;
13655
+ padding-left: 5px;
13656
+ padding-right: 5px;
13626
13657
  }
13627
13658
 
13628
- .rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
13629
- display: block;
13630
- overflow: hidden;
13631
- text-overflow: ellipsis;
13632
- white-space: nowrap;
13659
+ .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
13660
+ border-top-left-radius: 0;
13633
13661
  }
13634
13662
 
13635
- .rbc-rtl {
13636
- direction: rtl;
13663
+ .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
13664
+ border-top-right-radius: 0.3rem;
13637
13665
  }
13638
13666
 
13639
- .rbc-off-range {
13640
- color: #999999;
13667
+ .react-datepicker__year-dropdown-container--select,
13668
+ .react-datepicker__month-dropdown-container--select,
13669
+ .react-datepicker__month-year-dropdown-container--select,
13670
+ .react-datepicker__year-dropdown-container--scroll,
13671
+ .react-datepicker__month-dropdown-container--scroll,
13672
+ .react-datepicker__month-year-dropdown-container--scroll {
13673
+ display: inline-block;
13674
+ margin: 0 2px;
13641
13675
  }
13642
13676
 
13643
- .rbc-off-range-bg {
13644
- background: #e6e6e6;
13677
+ .react-datepicker__current-month,
13678
+ .react-datepicker-time__header,
13679
+ .react-datepicker-year-header {
13680
+ margin-top: 0;
13681
+ color: #000;
13682
+ font-weight: bold;
13683
+ font-size: 0.944rem;
13645
13684
  }
13646
13685
 
13647
- .rbc-header {
13648
- overflow: hidden;
13649
- -webkit-box-flex: 1;
13650
- -ms-flex: 1 0 0%;
13651
- flex: 1 0 0%;
13686
+ .react-datepicker-time__header {
13652
13687
  text-overflow: ellipsis;
13653
13688
  white-space: nowrap;
13654
- padding: 0 3px;
13655
- text-align: center;
13656
- vertical-align: middle;
13657
- font-weight: bold;
13658
- font-size: 90%;
13659
- min-height: 0;
13660
- border-bottom: 1px solid #ddd;
13661
- }
13662
- .rbc-header + .rbc-header {
13663
- border-left: 1px solid #ddd;
13664
- }
13665
- .rbc-rtl .rbc-header + .rbc-header {
13666
- border-left-width: 0;
13667
- border-right: 1px solid #ddd;
13668
- }
13669
- .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
13670
- color: inherit;
13671
- text-decoration: none;
13689
+ overflow: hidden;
13672
13690
  }
13673
13691
 
13674
- .rbc-button-link {
13675
- color: inherit;
13692
+ .react-datepicker__navigation {
13676
13693
  background: none;
13677
- margin: 0;
13678
- padding: 0;
13679
- border: none;
13694
+ line-height: 1.7rem;
13695
+ text-align: center;
13680
13696
  cursor: pointer;
13681
- -webkit-user-select: text;
13682
- -moz-user-select: text;
13683
- -ms-user-select: text;
13684
- user-select: text;
13697
+ position: absolute;
13698
+ top: 10px;
13699
+ width: 0;
13700
+ padding: 0;
13701
+ border: 0.45rem solid transparent;
13702
+ z-index: 1;
13703
+ height: 10px;
13704
+ width: 10px;
13705
+ text-indent: -999em;
13706
+ overflow: hidden;
13685
13707
  }
13686
13708
 
13687
- .rbc-row-content {
13688
- position: relative;
13689
- -moz-user-select: none;
13690
- -ms-user-select: none;
13691
- user-select: none;
13692
- -webkit-user-select: none;
13693
- z-index: 4;
13709
+ .react-datepicker__navigation--previous {
13710
+ left: 10px;
13711
+ border-right-color: #ccc;
13694
13712
  }
13695
13713
 
13696
- .rbc-row-content-scrollable {
13697
- display: -webkit-box;
13698
- display: -ms-flexbox;
13699
- display: flex;
13700
- -webkit-box-orient: vertical;
13701
- -webkit-box-direction: normal;
13702
- -ms-flex-direction: column;
13703
- flex-direction: column;
13704
- height: 100%;
13705
- }
13706
- .rbc-row-content-scrollable .rbc-row-content-scroll-container {
13707
- height: 100%;
13708
- overflow-y: scroll;
13709
- /* Hide scrollbar for Chrome, Safari and Opera */
13710
- -ms-overflow-style: none; /* IE and Edge */
13711
- scrollbar-width: none; /* Firefox */
13712
- }
13713
- .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
13714
- display: none;
13714
+ .react-datepicker__navigation--previous:hover {
13715
+ border-right-color: #b3b3b3;
13715
13716
  }
13716
13717
 
13717
- .rbc-today {
13718
- background-color: #eaf6ff;
13718
+ .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
13719
+ border-right-color: #e6e6e6;
13720
+ cursor: default;
13719
13721
  }
13720
13722
 
13721
- .rbc-toolbar {
13722
- display: -webkit-box;
13723
- display: -ms-flexbox;
13724
- display: flex;
13725
- -ms-flex-wrap: wrap;
13726
- flex-wrap: wrap;
13727
- -webkit-box-pack: center;
13728
- -ms-flex-pack: center;
13729
- justify-content: center;
13730
- -webkit-box-align: center;
13731
- -ms-flex-align: center;
13732
- align-items: center;
13733
- margin-bottom: 10px;
13734
- font-size: 16px;
13735
- }
13736
- .rbc-toolbar .rbc-toolbar-label {
13737
- -webkit-box-flex: 1;
13738
- -ms-flex-positive: 1;
13739
- flex-grow: 1;
13740
- padding: 0 10px;
13741
- text-align: center;
13723
+ .react-datepicker__navigation--next {
13724
+ right: 10px;
13725
+ border-left-color: #ccc;
13742
13726
  }
13743
- .rbc-toolbar button {
13744
- color: #373a3c;
13745
- display: inline-block;
13746
- margin: 0;
13747
- text-align: center;
13748
- vertical-align: middle;
13749
- background: none;
13750
- background-image: none;
13751
- border: 1px solid #ccc;
13752
- padding: 0.375rem 1rem;
13753
- border-radius: 4px;
13754
- line-height: normal;
13755
- white-space: nowrap;
13727
+
13728
+ .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
13729
+ right: 95px;
13756
13730
  }
13757
- .rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
13758
- background-image: none;
13759
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
13760
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
13761
- background-color: #e6e6e6;
13762
- border-color: #adadad;
13731
+
13732
+ .react-datepicker__navigation--next:hover {
13733
+ border-left-color: #b3b3b3;
13763
13734
  }
13764
- .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
13765
- color: #373a3c;
13766
- background-color: #d4d4d4;
13767
- border-color: #8c8c8c;
13735
+
13736
+ .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
13737
+ border-left-color: #e6e6e6;
13738
+ cursor: default;
13768
13739
  }
13769
- .rbc-toolbar button:focus {
13770
- color: #373a3c;
13771
- background-color: #e6e6e6;
13772
- border-color: #adadad;
13740
+
13741
+ .react-datepicker__navigation--years {
13742
+ position: relative;
13743
+ top: 0;
13744
+ display: block;
13745
+ margin-left: auto;
13746
+ margin-right: auto;
13773
13747
  }
13774
- .rbc-toolbar button:hover {
13775
- color: #373a3c;
13776
- background-color: #e6e6e6;
13777
- border-color: #adadad;
13748
+
13749
+ .react-datepicker__navigation--years-previous {
13750
+ top: 4px;
13751
+ border-top-color: #ccc;
13778
13752
  }
13779
13753
 
13780
- .rbc-btn-group {
13781
- display: inline-block;
13782
- white-space: nowrap;
13754
+ .react-datepicker__navigation--years-previous:hover {
13755
+ border-top-color: #b3b3b3;
13783
13756
  }
13784
- .rbc-btn-group > button:first-child:not(:last-child) {
13785
- border-top-right-radius: 0;
13786
- border-bottom-right-radius: 0;
13757
+
13758
+ .react-datepicker__navigation--years-upcoming {
13759
+ top: -4px;
13760
+ border-bottom-color: #ccc;
13787
13761
  }
13788
- .rbc-btn-group > button:last-child:not(:first-child) {
13789
- border-top-left-radius: 0;
13790
- border-bottom-left-radius: 0;
13762
+
13763
+ .react-datepicker__navigation--years-upcoming:hover {
13764
+ border-bottom-color: #b3b3b3;
13791
13765
  }
13792
- .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
13793
- border-radius: 4px;
13794
- border-top-left-radius: 0;
13795
- border-bottom-left-radius: 0;
13766
+
13767
+ .react-datepicker__month-container {
13768
+ float: left;
13796
13769
  }
13797
- .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
13798
- border-radius: 4px;
13799
- border-top-right-radius: 0;
13800
- border-bottom-right-radius: 0;
13770
+
13771
+ .react-datepicker__year {
13772
+ margin: 0.4rem;
13773
+ text-align: center;
13801
13774
  }
13802
- .rbc-btn-group > button:not(:first-child):not(:last-child) {
13803
- border-radius: 0;
13775
+
13776
+ .react-datepicker__year-wrapper {
13777
+ display: flex;
13778
+ flex-wrap: wrap;
13779
+ max-width: 180px;
13804
13780
  }
13805
- .rbc-btn-group button + button {
13806
- margin-left: -1px;
13781
+
13782
+ .react-datepicker__year .react-datepicker__year-text {
13783
+ display: inline-block;
13784
+ width: 4rem;
13785
+ margin: 2px;
13807
13786
  }
13808
- .rbc-rtl .rbc-btn-group button + button {
13809
- margin-left: 0;
13810
- margin-right: -1px;
13787
+
13788
+ .react-datepicker__month {
13789
+ margin: 0.4rem;
13790
+ text-align: center;
13811
13791
  }
13812
- .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
13813
- margin-left: 10px;
13792
+
13793
+ .react-datepicker__month .react-datepicker__month-text,
13794
+ .react-datepicker__month .react-datepicker__quarter-text {
13795
+ display: inline-block;
13796
+ width: 4rem;
13797
+ margin: 2px;
13814
13798
  }
13815
13799
 
13816
- .rbc-event, .rbc-day-slot .rbc-background-event {
13817
- border: none;
13818
- -webkit-box-sizing: border-box;
13819
- box-sizing: border-box;
13820
- -webkit-box-shadow: none;
13821
- box-shadow: none;
13822
- margin: 0;
13823
- padding: 2px 5px;
13824
- background-color: #3174ad;
13825
- border-radius: 5px;
13826
- color: #fff;
13827
- cursor: pointer;
13800
+ .react-datepicker__input-time-container {
13801
+ clear: both;
13828
13802
  width: 100%;
13803
+ float: left;
13804
+ margin: 5px 0 10px 15px;
13829
13805
  text-align: left;
13830
13806
  }
13831
- .rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
13832
- cursor: inherit;
13833
- pointer-events: none;
13834
- }
13835
- .rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
13836
- background-color: #265985;
13837
- }
13838
- .rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
13839
- outline: 5px auto #3b99fc;
13840
- }
13841
13807
 
13842
- .rbc-event-label {
13843
- font-size: 80%;
13808
+ .react-datepicker__input-time-container .react-datepicker-time__caption {
13809
+ display: inline-block;
13844
13810
  }
13845
13811
 
13846
- .rbc-event-overlaps {
13847
- -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
13848
- box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
13812
+ .react-datepicker__input-time-container .react-datepicker-time__input-container {
13813
+ display: inline-block;
13849
13814
  }
13850
13815
 
13851
- .rbc-event-continues-prior {
13852
- border-top-left-radius: 0;
13853
- border-bottom-left-radius: 0;
13816
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
13817
+ display: inline-block;
13818
+ margin-left: 10px;
13854
13819
  }
13855
13820
 
13856
- .rbc-event-continues-after {
13857
- border-top-right-radius: 0;
13858
- border-bottom-right-radius: 0;
13821
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
13822
+ width: auto;
13859
13823
  }
13860
13824
 
13861
- .rbc-event-continues-earlier {
13862
- border-top-left-radius: 0;
13863
- border-top-right-radius: 0;
13825
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
13826
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
13827
+ -webkit-appearance: none;
13828
+ margin: 0;
13864
13829
  }
13865
13830
 
13866
- .rbc-event-continues-later {
13867
- border-bottom-left-radius: 0;
13868
- border-bottom-right-radius: 0;
13831
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
13832
+ -moz-appearance: textfield;
13869
13833
  }
13870
13834
 
13871
- .rbc-row {
13872
- display: -webkit-box;
13873
- display: -ms-flexbox;
13874
- display: flex;
13875
- -webkit-box-orient: horizontal;
13876
- -webkit-box-direction: normal;
13877
- -ms-flex-direction: row;
13878
- flex-direction: row;
13835
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
13836
+ margin-left: 5px;
13837
+ display: inline-block;
13879
13838
  }
13880
13839
 
13881
- .rbc-row-segment {
13882
- padding: 0 1px 1px 1px;
13883
- }
13884
- .rbc-selected-cell {
13885
- background-color: rgba(0, 0, 0, 0.1);
13840
+ .react-datepicker__time-container {
13841
+ float: right;
13842
+ border-left: 1px solid #aeaeae;
13843
+ width: 85px;
13886
13844
  }
13887
13845
 
13888
- .rbc-show-more {
13889
- background-color: rgba(255, 255, 255, 0.3);
13890
- z-index: 4;
13891
- font-weight: bold;
13892
- font-size: 85%;
13893
- height: auto;
13894
- line-height: normal;
13895
- color: #3174ad;
13896
- }
13897
- .rbc-show-more:hover, .rbc-show-more:focus {
13898
- color: #265985;
13846
+ .react-datepicker__time-container--with-today-button {
13847
+ display: inline;
13848
+ border: 1px solid #aeaeae;
13849
+ border-radius: 0.3rem;
13850
+ position: absolute;
13851
+ right: -72px;
13852
+ top: 0;
13899
13853
  }
13900
13854
 
13901
- .rbc-month-view {
13855
+ .react-datepicker__time-container .react-datepicker__time {
13902
13856
  position: relative;
13903
- border: 1px solid #ddd;
13904
- display: -webkit-box;
13905
- display: -ms-flexbox;
13906
- display: flex;
13907
- -webkit-box-orient: vertical;
13908
- -webkit-box-direction: normal;
13909
- -ms-flex-direction: column;
13910
- flex-direction: column;
13911
- -webkit-box-flex: 1;
13912
- -ms-flex: 1 0 0px;
13913
- flex: 1 0 0;
13914
- width: 100%;
13915
- -moz-user-select: none;
13916
- -ms-user-select: none;
13917
- user-select: none;
13918
- -webkit-user-select: none;
13919
- height: 100%;
13857
+ background: white;
13858
+ border-bottom-right-radius: 0.3rem;
13920
13859
  }
13921
13860
 
13922
- .rbc-month-header {
13923
- display: -webkit-box;
13924
- display: -ms-flexbox;
13925
- display: flex;
13926
- -webkit-box-orient: horizontal;
13927
- -webkit-box-direction: normal;
13928
- -ms-flex-direction: row;
13929
- flex-direction: row;
13861
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
13862
+ width: 85px;
13863
+ overflow-x: hidden;
13864
+ margin: 0 auto;
13865
+ text-align: center;
13866
+ border-bottom-right-radius: 0.3rem;
13930
13867
  }
13931
13868
 
13932
- .rbc-month-row {
13933
- display: -webkit-box;
13934
- display: -ms-flexbox;
13935
- display: flex;
13936
- position: relative;
13937
- -webkit-box-orient: vertical;
13938
- -webkit-box-direction: normal;
13939
- -ms-flex-direction: column;
13940
- flex-direction: column;
13941
- -webkit-box-flex: 1;
13942
- -ms-flex: 1 0 0px;
13943
- flex: 1 0 0;
13944
- -ms-flex-preferred-size: 0px;
13945
- flex-basis: 0px;
13946
- overflow: hidden;
13947
- height: 100%;
13869
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
13870
+ list-style: none;
13871
+ margin: 0;
13872
+ height: calc(195px + (1.7rem / 2));
13873
+ overflow-y: scroll;
13874
+ padding-right: 0px;
13875
+ padding-left: 0px;
13876
+ width: 100%;
13877
+ box-sizing: content-box;
13948
13878
  }
13949
- .rbc-month-row + .rbc-month-row {
13950
- border-top: 1px solid #ddd;
13879
+
13880
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
13881
+ height: 30px;
13882
+ padding: 5px 10px;
13883
+ white-space: nowrap;
13951
13884
  }
13952
13885
 
13953
- .rbc-date-cell {
13954
- -webkit-box-flex: 1;
13955
- -ms-flex: 1 1 0px;
13956
- flex: 1 1 0;
13957
- min-width: 0;
13958
- padding-right: 5px;
13959
- text-align: right;
13886
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
13887
+ cursor: pointer;
13888
+ background-color: #f0f0f0;
13960
13889
  }
13961
- .rbc-date-cell.rbc-now {
13890
+
13891
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
13892
+ background-color: #216ba5;
13893
+ color: white;
13962
13894
  font-weight: bold;
13963
13895
  }
13964
- .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
13965
- color: inherit;
13966
- text-decoration: none;
13967
- }
13968
13896
 
13969
- .rbc-row-bg {
13970
- display: -webkit-box;
13971
- display: -ms-flexbox;
13972
- display: flex;
13973
- -webkit-box-orient: horizontal;
13974
- -webkit-box-direction: normal;
13975
- -ms-flex-direction: row;
13976
- flex-direction: row;
13977
- -webkit-box-flex: 1;
13978
- -ms-flex: 1 0 0px;
13979
- flex: 1 0 0;
13980
- overflow: hidden;
13897
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
13898
+ background-color: #216ba5;
13981
13899
  }
13982
13900
 
13983
- .rbc-day-bg {
13984
- -webkit-box-flex: 1;
13985
- -ms-flex: 1 0 0%;
13986
- flex: 1 0 0%;
13987
- }
13988
- .rbc-day-bg + .rbc-day-bg {
13989
- border-left: 1px solid #ddd;
13990
- }
13991
- .rbc-rtl .rbc-day-bg + .rbc-day-bg {
13992
- border-left-width: 0;
13993
- border-right: 1px solid #ddd;
13901
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
13902
+ color: #ccc;
13994
13903
  }
13995
13904
 
13996
- .rbc-overlay {
13997
- position: absolute;
13998
- z-index: 5;
13999
- border: 1px solid #e5e5e5;
14000
- background-color: #fff;
14001
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
14002
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
14003
- padding: 10px;
14004
- }
14005
- .rbc-overlay > * + * {
14006
- margin-top: 1px;
13905
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
13906
+ cursor: default;
13907
+ background-color: transparent;
14007
13908
  }
14008
13909
 
14009
- .rbc-overlay-header {
14010
- border-bottom: 1px solid #e5e5e5;
14011
- margin: -10px -10px 5px -10px;
14012
- padding: 2px 10px;
13910
+ .react-datepicker__week-number {
13911
+ color: #ccc;
13912
+ display: inline-block;
13913
+ width: 1.7rem;
13914
+ line-height: 1.7rem;
13915
+ text-align: center;
13916
+ margin: 0.166rem;
14013
13917
  }
14014
13918
 
14015
- .rbc-agenda-view {
14016
- display: -webkit-box;
14017
- display: -ms-flexbox;
14018
- display: flex;
14019
- -webkit-box-orient: vertical;
14020
- -webkit-box-direction: normal;
14021
- -ms-flex-direction: column;
14022
- flex-direction: column;
14023
- -webkit-box-flex: 1;
14024
- -ms-flex: 1 0 0px;
14025
- flex: 1 0 0;
14026
- overflow: auto;
14027
- }
14028
- .rbc-agenda-view table.rbc-agenda-table {
14029
- width: 100%;
14030
- border: 1px solid #ddd;
14031
- border-spacing: 0;
14032
- border-collapse: collapse;
14033
- }
14034
- .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
14035
- padding: 5px 10px;
14036
- vertical-align: top;
14037
- }
14038
- .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
14039
- padding-left: 15px;
14040
- padding-right: 15px;
14041
- text-transform: lowercase;
14042
- }
14043
- .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
14044
- border-left: 1px solid #ddd;
14045
- }
14046
- .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
14047
- border-left-width: 0;
14048
- border-right: 1px solid #ddd;
14049
- }
14050
- .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
14051
- border-top: 1px solid #ddd;
14052
- }
14053
- .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
14054
- padding: 3px 5px;
14055
- text-align: left;
14056
- border-bottom: 1px solid #ddd;
14057
- }
14058
- .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
14059
- text-align: right;
13919
+ .react-datepicker__week-number.react-datepicker__week-number--clickable {
13920
+ cursor: pointer;
14060
13921
  }
14061
13922
 
14062
- .rbc-agenda-time-cell {
14063
- text-transform: lowercase;
14064
- }
14065
- .rbc-agenda-time-cell .rbc-continues-after:after {
14066
- content: " »";
14067
- }
14068
- .rbc-agenda-time-cell .rbc-continues-prior:before {
14069
- content: "« ";
13923
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
13924
+ border-radius: 0.3rem;
13925
+ background-color: #f0f0f0;
14070
13926
  }
14071
13927
 
14072
- .rbc-agenda-date-cell,
14073
- .rbc-agenda-time-cell {
13928
+ .react-datepicker__day-names,
13929
+ .react-datepicker__week {
14074
13930
  white-space: nowrap;
14075
13931
  }
14076
13932
 
14077
- .rbc-agenda-event-cell {
14078
- width: 100%;
13933
+ .react-datepicker__day-name,
13934
+ .react-datepicker__day,
13935
+ .react-datepicker__time-name {
13936
+ color: #000;
13937
+ display: inline-block;
13938
+ width: 1.7rem;
13939
+ line-height: 1.7rem;
13940
+ text-align: center;
13941
+ margin: 0.166rem;
14079
13942
  }
14080
13943
 
14081
- .rbc-time-column {
14082
- display: -webkit-box;
14083
- display: -ms-flexbox;
14084
- display: flex;
14085
- -webkit-box-orient: vertical;
14086
- -webkit-box-direction: normal;
14087
- -ms-flex-direction: column;
14088
- flex-direction: column;
14089
- min-height: 100%;
14090
- }
14091
- .rbc-time-column .rbc-timeslot-group {
14092
- -webkit-box-flex: 1;
14093
- -ms-flex: 1;
14094
- flex: 1;
13944
+ .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
13945
+ .react-datepicker__quarter--selected,
13946
+ .react-datepicker__quarter--in-selecting-range,
13947
+ .react-datepicker__quarter--in-range {
13948
+ border-radius: 0.3rem;
13949
+ background-color: #216ba5;
13950
+ color: #fff;
14095
13951
  }
14096
13952
 
14097
- .rbc-timeslot-group {
14098
- border-bottom: 1px solid #ddd;
14099
- min-height: 40px;
14100
- display: -webkit-box;
14101
- display: -ms-flexbox;
14102
- display: flex;
14103
- -webkit-box-orient: vertical;
14104
- -webkit-box-direction: normal;
14105
- -ms-flex-flow: column nowrap;
14106
- flex-flow: column nowrap;
13953
+ .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
13954
+ .react-datepicker__quarter--selected:hover,
13955
+ .react-datepicker__quarter--in-selecting-range:hover,
13956
+ .react-datepicker__quarter--in-range:hover {
13957
+ background-color: #1d5d90;
14107
13958
  }
14108
13959
 
14109
- .rbc-time-gutter,
14110
- .rbc-header-gutter {
14111
- -webkit-box-flex: 0;
14112
- -ms-flex: none;
14113
- flex: none;
13960
+ .react-datepicker__month--disabled,
13961
+ .react-datepicker__quarter--disabled {
13962
+ color: #ccc;
13963
+ pointer-events: none;
14114
13964
  }
14115
13965
 
14116
- .rbc-label {
14117
- padding: 0 5px;
13966
+ .react-datepicker__month--disabled:hover,
13967
+ .react-datepicker__quarter--disabled:hover {
13968
+ cursor: default;
13969
+ background-color: transparent;
14118
13970
  }
14119
13971
 
14120
- .rbc-day-slot {
14121
- position: relative;
13972
+ .react-datepicker__day,
13973
+ .react-datepicker__month-text,
13974
+ .react-datepicker__quarter-text,
13975
+ .react-datepicker__year-text {
13976
+ cursor: pointer;
14122
13977
  }
14123
- .rbc-day-slot .rbc-events-container {
14124
- bottom: 0;
14125
- left: 0;
14126
- position: absolute;
14127
- right: 0;
14128
- margin-right: 10px;
14129
- top: 0;
13978
+
13979
+ .react-datepicker__day:hover,
13980
+ .react-datepicker__month-text:hover,
13981
+ .react-datepicker__quarter-text:hover,
13982
+ .react-datepicker__year-text:hover {
13983
+ border-radius: 0.3rem;
13984
+ background-color: #f0f0f0;
14130
13985
  }
14131
- .rbc-day-slot .rbc-events-container.rbc-rtl {
14132
- left: 10px;
14133
- right: 0;
13986
+
13987
+ .react-datepicker__day--today,
13988
+ .react-datepicker__month-text--today,
13989
+ .react-datepicker__quarter-text--today,
13990
+ .react-datepicker__year-text--today {
13991
+ font-weight: bold;
14134
13992
  }
14135
- .rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
14136
- border: 1px solid #265985;
14137
- display: -webkit-box;
14138
- display: -ms-flexbox;
14139
- display: flex;
14140
- max-height: 100%;
14141
- min-height: 20px;
14142
- -webkit-box-orient: vertical;
14143
- -webkit-box-direction: normal;
14144
- -ms-flex-flow: column wrap;
14145
- flex-flow: column wrap;
14146
- -webkit-box-align: start;
14147
- -ms-flex-align: start;
14148
- align-items: flex-start;
14149
- overflow: hidden;
14150
- position: absolute;
13993
+
13994
+ .react-datepicker__day--highlighted,
13995
+ .react-datepicker__month-text--highlighted,
13996
+ .react-datepicker__quarter-text--highlighted,
13997
+ .react-datepicker__year-text--highlighted {
13998
+ border-radius: 0.3rem;
13999
+ background-color: #3dcc4a;
14000
+ color: #fff;
14151
14001
  }
14152
- .rbc-day-slot .rbc-background-event {
14153
- opacity: 0.75;
14002
+
14003
+ .react-datepicker__day--highlighted:hover,
14004
+ .react-datepicker__month-text--highlighted:hover,
14005
+ .react-datepicker__quarter-text--highlighted:hover,
14006
+ .react-datepicker__year-text--highlighted:hover {
14007
+ background-color: #32be3f;
14154
14008
  }
14155
- .rbc-day-slot .rbc-event-label {
14156
- -webkit-box-flex: 0;
14157
- -ms-flex: none;
14158
- flex: none;
14159
- padding-right: 5px;
14160
- width: auto;
14009
+
14010
+ .react-datepicker__day--highlighted-custom-1,
14011
+ .react-datepicker__month-text--highlighted-custom-1,
14012
+ .react-datepicker__quarter-text--highlighted-custom-1,
14013
+ .react-datepicker__year-text--highlighted-custom-1 {
14014
+ color: magenta;
14161
14015
  }
14162
- .rbc-day-slot .rbc-event-content {
14163
- width: 100%;
14164
- -webkit-box-flex: 1;
14165
- -ms-flex: 1 1 0px;
14166
- flex: 1 1 0;
14167
- word-wrap: break-word;
14168
- line-height: 1;
14169
- height: 100%;
14170
- min-height: 1em;
14016
+
14017
+ .react-datepicker__day--highlighted-custom-2,
14018
+ .react-datepicker__month-text--highlighted-custom-2,
14019
+ .react-datepicker__quarter-text--highlighted-custom-2,
14020
+ .react-datepicker__year-text--highlighted-custom-2 {
14021
+ color: green;
14171
14022
  }
14172
- .rbc-day-slot .rbc-time-slot {
14173
- border-top: 1px solid #f7f7f7;
14023
+
14024
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
14025
+ .react-datepicker__month-text--selected,
14026
+ .react-datepicker__month-text--in-selecting-range,
14027
+ .react-datepicker__month-text--in-range,
14028
+ .react-datepicker__quarter-text--selected,
14029
+ .react-datepicker__quarter-text--in-selecting-range,
14030
+ .react-datepicker__quarter-text--in-range,
14031
+ .react-datepicker__year-text--selected,
14032
+ .react-datepicker__year-text--in-selecting-range,
14033
+ .react-datepicker__year-text--in-range {
14034
+ border-radius: 0.3rem;
14035
+ background-color: #216ba5;
14036
+ color: #fff;
14174
14037
  }
14175
14038
 
14176
- .rbc-time-view-resources .rbc-time-gutter,
14177
- .rbc-time-view-resources .rbc-time-header-gutter {
14178
- position: sticky;
14179
- left: 0;
14180
- background-color: white;
14181
- border-right: 1px solid #ddd;
14182
- z-index: 10;
14183
- margin-right: -1px;
14039
+ .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
14040
+ .react-datepicker__month-text--selected:hover,
14041
+ .react-datepicker__month-text--in-selecting-range:hover,
14042
+ .react-datepicker__month-text--in-range:hover,
14043
+ .react-datepicker__quarter-text--selected:hover,
14044
+ .react-datepicker__quarter-text--in-selecting-range:hover,
14045
+ .react-datepicker__quarter-text--in-range:hover,
14046
+ .react-datepicker__year-text--selected:hover,
14047
+ .react-datepicker__year-text--in-selecting-range:hover,
14048
+ .react-datepicker__year-text--in-range:hover {
14049
+ background-color: #1d5d90;
14184
14050
  }
14185
- .rbc-time-view-resources .rbc-time-header {
14186
- overflow: hidden;
14051
+
14052
+ .react-datepicker__day--keyboard-selected,
14053
+ .react-datepicker__month-text--keyboard-selected,
14054
+ .react-datepicker__quarter-text--keyboard-selected,
14055
+ .react-datepicker__year-text--keyboard-selected {
14056
+ border-radius: 0.3rem;
14057
+ background-color: #2a87d0;
14058
+ color: #fff;
14187
14059
  }
14188
- .rbc-time-view-resources .rbc-time-header-content {
14189
- min-width: auto;
14190
- -webkit-box-flex: 1;
14191
- -ms-flex: 1 0 0px;
14192
- flex: 1 0 0;
14193
- -ms-flex-preferred-size: 0px;
14194
- flex-basis: 0px;
14060
+
14061
+ .react-datepicker__day--keyboard-selected:hover,
14062
+ .react-datepicker__month-text--keyboard-selected:hover,
14063
+ .react-datepicker__quarter-text--keyboard-selected:hover,
14064
+ .react-datepicker__year-text--keyboard-selected:hover {
14065
+ background-color: #1d5d90;
14195
14066
  }
14196
- .rbc-time-view-resources .rbc-time-header-cell-single-day {
14197
- display: none;
14067
+
14068
+ .react-datepicker__day--in-selecting-range ,
14069
+ .react-datepicker__month-text--in-selecting-range ,
14070
+ .react-datepicker__quarter-text--in-selecting-range ,
14071
+ .react-datepicker__year-text--in-selecting-range {
14072
+ background-color: rgba(33, 107, 165, 0.5);
14198
14073
  }
14199
- .rbc-time-view-resources .rbc-day-slot {
14200
- min-width: 140px;
14074
+
14075
+ .react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
14076
+ .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
14077
+ .react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
14078
+ .react-datepicker__year-text--in-range {
14079
+ background-color: #f0f0f0;
14080
+ color: #000;
14201
14081
  }
14202
- .rbc-time-view-resources .rbc-header,
14203
- .rbc-time-view-resources .rbc-day-bg {
14204
- width: 140px;
14205
- -webkit-box-flex: 1;
14206
- -ms-flex: 1 1 0px;
14207
- flex: 1 1 0;
14208
- -ms-flex-preferred-size: 0 px;
14209
- flex-basis: 0 px;
14082
+
14083
+ .react-datepicker__day--disabled,
14084
+ .react-datepicker__month-text--disabled,
14085
+ .react-datepicker__quarter-text--disabled,
14086
+ .react-datepicker__year-text--disabled {
14087
+ cursor: default;
14088
+ color: #ccc;
14210
14089
  }
14211
14090
 
14212
- .rbc-time-header-content + .rbc-time-header-content {
14213
- margin-left: -1px;
14091
+ .react-datepicker__day--disabled:hover,
14092
+ .react-datepicker__month-text--disabled:hover,
14093
+ .react-datepicker__quarter-text--disabled:hover,
14094
+ .react-datepicker__year-text--disabled:hover {
14095
+ background-color: transparent;
14214
14096
  }
14215
14097
 
14216
- .rbc-time-slot {
14217
- -webkit-box-flex: 1;
14218
- -ms-flex: 1 0 0px;
14219
- flex: 1 0 0;
14098
+ .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
14099
+ .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
14100
+ .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
14101
+ .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
14102
+ .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
14103
+ background-color: #216ba5;
14220
14104
  }
14221
- .rbc-time-slot.rbc-now {
14222
- font-weight: bold;
14105
+
14106
+ .react-datepicker__month-text:hover,
14107
+ .react-datepicker__quarter-text:hover {
14108
+ background-color: #f0f0f0;
14223
14109
  }
14224
14110
 
14225
- .rbc-day-header {
14226
- text-align: center;
14111
+ .react-datepicker__input-container {
14112
+ position: relative;
14113
+ display: inline-block;
14114
+ width: 100%;
14227
14115
  }
14228
14116
 
14229
- .rbc-slot-selection {
14230
- z-index: 10;
14231
- position: absolute;
14232
- background-color: rgba(0, 0, 0, 0.5);
14233
- color: white;
14234
- font-size: 75%;
14235
- width: 100%;
14236
- padding: 3px;
14117
+ .react-datepicker__year-read-view,
14118
+ .react-datepicker__month-read-view,
14119
+ .react-datepicker__month-year-read-view {
14120
+ border: 1px solid transparent;
14121
+ border-radius: 0.3rem;
14237
14122
  }
14238
14123
 
14239
- .rbc-slot-selecting {
14240
- cursor: move;
14124
+ .react-datepicker__year-read-view:hover,
14125
+ .react-datepicker__month-read-view:hover,
14126
+ .react-datepicker__month-year-read-view:hover {
14127
+ cursor: pointer;
14241
14128
  }
14242
14129
 
14243
- .rbc-time-view {
14244
- display: -webkit-box;
14245
- display: -ms-flexbox;
14246
- display: flex;
14247
- -webkit-box-orient: vertical;
14248
- -webkit-box-direction: normal;
14249
- -ms-flex-direction: column;
14250
- flex-direction: column;
14251
- -webkit-box-flex: 1;
14252
- -ms-flex: 1;
14253
- flex: 1;
14254
- width: 100%;
14255
- border: 1px solid #ddd;
14256
- min-height: 0;
14257
- }
14258
- .rbc-time-view .rbc-time-gutter {
14259
- white-space: nowrap;
14260
- text-align: right;
14261
- }
14262
- .rbc-time-view .rbc-allday-cell {
14263
- -webkit-box-sizing: content-box;
14264
- box-sizing: content-box;
14265
- width: 100%;
14266
- height: 100%;
14267
- position: relative;
14268
- }
14269
- .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
14270
- border-left: 1px solid #ddd;
14130
+ .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
14131
+ .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
14132
+ .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
14133
+ .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
14134
+ .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
14135
+ .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
14136
+ border-top-color: #b3b3b3;
14271
14137
  }
14272
- .rbc-time-view .rbc-allday-events {
14138
+
14139
+ .react-datepicker__year-read-view--down-arrow,
14140
+ .react-datepicker__month-read-view--down-arrow,
14141
+ .react-datepicker__month-year-read-view--down-arrow {
14142
+ border-top-color: #ccc;
14143
+ float: right;
14144
+ margin-left: 20px;
14145
+ top: 8px;
14273
14146
  position: relative;
14274
- z-index: 4;
14275
- }
14276
- .rbc-time-view .rbc-row {
14277
- -webkit-box-sizing: border-box;
14278
- box-sizing: border-box;
14279
- min-height: 20px;
14147
+ border-width: 0.45rem;
14280
14148
  }
14281
14149
 
14282
- .rbc-time-header {
14283
- display: -webkit-box;
14284
- display: -ms-flexbox;
14285
- display: flex;
14286
- -webkit-box-flex: 0;
14287
- -ms-flex: 0 0 auto;
14288
- flex: 0 0 auto;
14289
- -webkit-box-orient: horizontal;
14290
- -webkit-box-direction: normal;
14291
- -ms-flex-direction: row;
14292
- flex-direction: row;
14293
- }
14294
- .rbc-time-header.rbc-overflowing {
14295
- border-right: 1px solid #ddd;
14296
- }
14297
- .rbc-rtl .rbc-time-header.rbc-overflowing {
14298
- border-right-width: 0;
14299
- border-left: 1px solid #ddd;
14300
- }
14301
- .rbc-time-header > .rbc-row:first-child {
14302
- border-bottom: 1px solid #ddd;
14303
- }
14304
- .rbc-time-header > .rbc-row.rbc-row-resource {
14305
- border-bottom: 1px solid #ddd;
14150
+ .react-datepicker__year-dropdown,
14151
+ .react-datepicker__month-dropdown,
14152
+ .react-datepicker__month-year-dropdown {
14153
+ background-color: #f0f0f0;
14154
+ position: absolute;
14155
+ width: 50%;
14156
+ left: 25%;
14157
+ top: 30px;
14158
+ z-index: 1;
14159
+ text-align: center;
14160
+ border-radius: 0.3rem;
14161
+ border: 1px solid #aeaeae;
14306
14162
  }
14307
14163
 
14308
- .rbc-time-header-cell-single-day {
14309
- display: none;
14164
+ .react-datepicker__year-dropdown:hover,
14165
+ .react-datepicker__month-dropdown:hover,
14166
+ .react-datepicker__month-year-dropdown:hover {
14167
+ cursor: pointer;
14310
14168
  }
14311
14169
 
14312
- .rbc-time-header-content {
14313
- -webkit-box-flex: 1;
14314
- -ms-flex: 1;
14315
- flex: 1;
14316
- display: -webkit-box;
14317
- display: -ms-flexbox;
14318
- display: flex;
14319
- min-width: 0;
14320
- -webkit-box-orient: vertical;
14321
- -webkit-box-direction: normal;
14322
- -ms-flex-direction: column;
14323
- flex-direction: column;
14324
- border-left: 1px solid #ddd;
14325
- }
14326
- .rbc-rtl .rbc-time-header-content {
14327
- border-left-width: 0;
14328
- border-right: 1px solid #ddd;
14329
- }
14330
- .rbc-time-header-content > .rbc-row.rbc-row-resource {
14331
- border-bottom: 1px solid #ddd;
14332
- -ms-flex-negative: 0;
14333
- flex-shrink: 0;
14170
+ .react-datepicker__year-dropdown--scrollable,
14171
+ .react-datepicker__month-dropdown--scrollable,
14172
+ .react-datepicker__month-year-dropdown--scrollable {
14173
+ height: 150px;
14174
+ overflow-y: scroll;
14334
14175
  }
14335
14176
 
14336
- .rbc-time-content {
14337
- display: -webkit-box;
14338
- display: -ms-flexbox;
14339
- display: flex;
14340
- -webkit-box-flex: 1;
14341
- -ms-flex: 1 0 0%;
14342
- flex: 1 0 0%;
14343
- -webkit-box-align: start;
14344
- -ms-flex-align: start;
14345
- align-items: flex-start;
14177
+ .react-datepicker__year-option,
14178
+ .react-datepicker__month-option,
14179
+ .react-datepicker__month-year-option {
14180
+ line-height: 20px;
14346
14181
  width: 100%;
14347
- border-top: 2px solid #ddd;
14348
- overflow-y: auto;
14349
- position: relative;
14350
- }
14351
- .rbc-time-content > .rbc-time-gutter {
14352
- -webkit-box-flex: 0;
14353
- -ms-flex: none;
14354
- flex: none;
14355
- }
14356
- .rbc-time-content > * + * > * {
14357
- border-left: 1px solid #ddd;
14182
+ display: block;
14183
+ margin-left: auto;
14184
+ margin-right: auto;
14358
14185
  }
14359
- .rbc-rtl .rbc-time-content > * + * > * {
14360
- border-left-width: 0;
14361
- border-right: 1px solid #ddd;
14186
+
14187
+ .react-datepicker__year-option:first-of-type,
14188
+ .react-datepicker__month-option:first-of-type,
14189
+ .react-datepicker__month-year-option:first-of-type {
14190
+ border-top-left-radius: 0.3rem;
14191
+ border-top-right-radius: 0.3rem;
14362
14192
  }
14363
- .rbc-time-content > .rbc-day-slot {
14364
- width: 100%;
14365
- -moz-user-select: none;
14366
- -ms-user-select: none;
14367
- user-select: none;
14193
+
14194
+ .react-datepicker__year-option:last-of-type,
14195
+ .react-datepicker__month-option:last-of-type,
14196
+ .react-datepicker__month-year-option:last-of-type {
14368
14197
  -webkit-user-select: none;
14198
+ -moz-user-select: none;
14199
+ -ms-user-select: none;
14200
+ user-select: none;
14201
+ border-bottom-left-radius: 0.3rem;
14202
+ border-bottom-right-radius: 0.3rem;
14369
14203
  }
14370
14204
 
14371
- .rbc-current-time-indicator {
14372
- position: absolute;
14373
- z-index: 3;
14374
- left: 0;
14375
- right: 0;
14376
- height: 1px;
14377
- background-color: #74ad31;
14378
- pointer-events: none;
14379
- }
14380
- .jsoneditor input,
14381
- .jsoneditor input:not([type]),
14382
- .jsoneditor input[type=text],
14383
- .jsoneditor input[type=search],
14384
- .jsoneditor-modal input,
14385
- .jsoneditor-modal input:not([type]),
14386
- .jsoneditor-modal input[type=text],
14387
- .jsoneditor-modal input[type=search] {
14388
- height: auto;
14389
- border: inherit;
14390
- box-shadow: none;
14391
- font-size: inherit;
14392
- box-sizing: inherit;
14393
- padding: inherit;
14394
- font-family: inherit;
14395
- transition: none;
14396
- line-height: inherit;
14205
+ .react-datepicker__year-option:hover,
14206
+ .react-datepicker__month-option:hover,
14207
+ .react-datepicker__month-year-option:hover {
14208
+ background-color: #ccc;
14397
14209
  }
14398
14210
 
14399
- .jsoneditor input:focus,
14400
- .jsoneditor input:not([type]):focus,
14401
- .jsoneditor input[type=text]:focus,
14402
- .jsoneditor input[type=search]:focus,
14403
- .jsoneditor-modal input:focus,
14404
- .jsoneditor-modal input:not([type]):focus,
14405
- .jsoneditor-modal input[type=text]:focus,
14406
- .jsoneditor-modal input[type=search]:focus {
14407
- border: inherit;
14408
- box-shadow: inherit;
14211
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
14212
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
14213
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
14214
+ border-bottom-color: #b3b3b3;
14409
14215
  }
14410
14216
 
14411
- .jsoneditor textarea,
14412
- .jsoneditor-modal textarea {
14413
- height: inherit;
14217
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
14218
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
14219
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
14220
+ border-top-color: #b3b3b3;
14414
14221
  }
14415
14222
 
14416
- .jsoneditor select,
14417
- .jsoneditor-modal select {
14418
- display: inherit;
14419
- height: inherit;
14223
+ .react-datepicker__year-option--selected,
14224
+ .react-datepicker__month-option--selected,
14225
+ .react-datepicker__month-year-option--selected {
14226
+ position: absolute;
14227
+ left: 15px;
14420
14228
  }
14421
14229
 
14422
- .jsoneditor label,
14423
- .jsoneditor-modal label {
14424
- font-size: inherit;
14425
- font-weight: inherit;
14426
- color: inherit;
14427
- }
14230
+ .react-datepicker__close-icon {
14231
+ cursor: pointer;
14232
+ background-color: transparent;
14233
+ border: 0;
14234
+ outline: 0;
14235
+ padding: 0px 6px 0px 0px;
14236
+ position: absolute;
14237
+ top: 0;
14238
+ right: 0;
14239
+ height: 100%;
14240
+ display: table-cell;
14241
+ vertical-align: middle;
14242
+ }
14243
+
14244
+ .react-datepicker__close-icon::after {
14245
+ cursor: pointer;
14246
+ background-color: #216ba5;
14247
+ color: #fff;
14248
+ border-radius: 50%;
14249
+ height: 16px;
14250
+ width: 16px;
14251
+ padding: 2px;
14252
+ font-size: 12px;
14253
+ line-height: 1;
14254
+ text-align: center;
14255
+ display: table-cell;
14256
+ vertical-align: middle;
14257
+ content: "\00d7";
14258
+ }
14259
+
14260
+ .react-datepicker__today-button {
14261
+ background: #f0f0f0;
14262
+ border-top: 1px solid #aeaeae;
14263
+ cursor: pointer;
14264
+ text-align: center;
14265
+ font-weight: bold;
14266
+ padding: 5px 0;
14267
+ clear: left;
14268
+ }
14269
+
14270
+ .react-datepicker__portal {
14271
+ position: fixed;
14272
+ width: 100vw;
14273
+ height: 100vh;
14274
+ background-color: rgba(0, 0, 0, 0.8);
14275
+ left: 0;
14276
+ top: 0;
14277
+ justify-content: center;
14278
+ align-items: center;
14279
+ display: flex;
14280
+ z-index: 2147483647;
14281
+ }
14282
+
14283
+ .react-datepicker__portal .react-datepicker__day-name,
14284
+ .react-datepicker__portal .react-datepicker__day,
14285
+ .react-datepicker__portal .react-datepicker__time-name {
14286
+ width: 3rem;
14287
+ line-height: 3rem;
14288
+ }
14289
+
14290
+ @media (max-width: 400px), (max-height: 550px) {
14291
+ .react-datepicker__portal .react-datepicker__day-name,
14292
+ .react-datepicker__portal .react-datepicker__day,
14293
+ .react-datepicker__portal .react-datepicker__time-name {
14294
+ width: 2rem;
14295
+ line-height: 2rem;
14296
+ }
14297
+ }
14298
+
14299
+ .react-datepicker__portal .react-datepicker__current-month,
14300
+ .react-datepicker__portal .react-datepicker-time__header {
14301
+ font-size: 1.44rem;
14302
+ }
14303
+
14304
+ .react-datepicker__portal .react-datepicker__navigation {
14305
+ border: 0.81rem solid transparent;
14306
+ }
14307
+
14308
+ .react-datepicker__portal .react-datepicker__navigation--previous {
14309
+ border-right-color: #ccc;
14310
+ }
14311
+
14312
+ .react-datepicker__portal .react-datepicker__navigation--previous:hover {
14313
+ border-right-color: #b3b3b3;
14314
+ }
14315
+
14316
+ .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
14317
+ border-right-color: #e6e6e6;
14318
+ cursor: default;
14319
+ }
14320
+
14321
+ .react-datepicker__portal .react-datepicker__navigation--next {
14322
+ border-left-color: #ccc;
14323
+ }
14324
+
14325
+ .react-datepicker__portal .react-datepicker__navigation--next:hover {
14326
+ border-left-color: #b3b3b3;
14327
+ }
14328
+
14329
+ .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
14330
+ border-left-color: #e6e6e6;
14331
+ cursor: default;
14332
+ }
14333
+
14334
+ .jsoneditor input,
14335
+ .jsoneditor input:not([type]),
14336
+ .jsoneditor input[type=text],
14337
+ .jsoneditor input[type=search],
14338
+ .jsoneditor-modal input,
14339
+ .jsoneditor-modal input:not([type]),
14340
+ .jsoneditor-modal input[type=text],
14341
+ .jsoneditor-modal input[type=search] {
14342
+ height: auto;
14343
+ border: inherit;
14344
+ box-shadow: none;
14345
+ font-size: inherit;
14346
+ box-sizing: inherit;
14347
+ padding: inherit;
14348
+ font-family: inherit;
14349
+ transition: none;
14350
+ line-height: inherit;
14351
+ }
14352
+
14353
+ .jsoneditor input:focus,
14354
+ .jsoneditor input:not([type]):focus,
14355
+ .jsoneditor input[type=text]:focus,
14356
+ .jsoneditor input[type=search]:focus,
14357
+ .jsoneditor-modal input:focus,
14358
+ .jsoneditor-modal input:not([type]):focus,
14359
+ .jsoneditor-modal input[type=text]:focus,
14360
+ .jsoneditor-modal input[type=search]:focus {
14361
+ border: inherit;
14362
+ box-shadow: inherit;
14363
+ }
14364
+
14365
+ .jsoneditor textarea,
14366
+ .jsoneditor-modal textarea {
14367
+ height: inherit;
14368
+ }
14369
+
14370
+ .jsoneditor select,
14371
+ .jsoneditor-modal select {
14372
+ display: inherit;
14373
+ height: inherit;
14374
+ }
14375
+
14376
+ .jsoneditor label,
14377
+ .jsoneditor-modal label {
14378
+ font-size: inherit;
14379
+ font-weight: inherit;
14380
+ color: inherit;
14381
+ }
14428
14382
 
14429
14383
  .jsoneditor table,
14430
14384
  .jsoneditor-modal table {
@@ -16410,1330 +16364,1376 @@ div.jsoneditor-statusbar > .jsoneditor-size-info {
16410
16364
  }
16411
16365
  .ace_editor{min-height:150px}
16412
16366
 
16413
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
16414
- .react-datepicker__month-read-view--down-arrow,
16415
- .react-datepicker__month-year-read-view--down-arrow {
16416
- margin-left: -8px;
16417
- position: absolute;
16418
- }
16419
-
16420
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
16421
- .react-datepicker__month-read-view--down-arrow,
16422
- .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
16423
- .react-datepicker__month-read-view--down-arrow::before,
16424
- .react-datepicker__month-year-read-view--down-arrow::before {
16425
- box-sizing: content-box;
16426
- position: absolute;
16427
- border: 8px solid transparent;
16428
- height: 0;
16429
- width: 1px;
16367
+ .Toastify__toast-container {
16368
+ z-index: 9999;
16369
+ -webkit-transform: translate3d(0, 0, 9999px);
16370
+ position: fixed;
16371
+ padding: 4px;
16372
+ width: 320px;
16373
+ box-sizing: border-box;
16374
+ color: #fff;
16430
16375
  }
16431
-
16432
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
16433
- .react-datepicker__month-read-view--down-arrow::before,
16434
- .react-datepicker__month-year-read-view--down-arrow::before {
16435
- content: "";
16436
- z-index: -1;
16437
- border-width: 8px;
16438
- left: -8px;
16439
- border-bottom-color: #aeaeae;
16376
+ .Toastify__toast-container--top-left {
16377
+ top: 1em;
16378
+ left: 1em;
16440
16379
  }
16441
-
16442
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
16443
- top: 0;
16444
- margin-top: -8px;
16380
+ .Toastify__toast-container--top-center {
16381
+ top: 1em;
16382
+ left: 50%;
16383
+ transform: translateX(-50%);
16445
16384
  }
16446
-
16447
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
16448
- border-top: none;
16449
- border-bottom-color: #f0f0f0;
16385
+ .Toastify__toast-container--top-right {
16386
+ top: 1em;
16387
+ right: 1em;
16450
16388
  }
16451
-
16452
- .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
16453
- top: -1px;
16454
- border-bottom-color: #aeaeae;
16389
+ .Toastify__toast-container--bottom-left {
16390
+ bottom: 1em;
16391
+ left: 1em;
16455
16392
  }
16456
-
16457
- .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
16458
- .react-datepicker__month-read-view--down-arrow,
16459
- .react-datepicker__month-year-read-view--down-arrow {
16460
- bottom: 0;
16461
- margin-bottom: -8px;
16393
+ .Toastify__toast-container--bottom-center {
16394
+ bottom: 1em;
16395
+ left: 50%;
16396
+ transform: translateX(-50%);
16462
16397
  }
16463
-
16464
- .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
16465
- .react-datepicker__month-read-view--down-arrow,
16466
- .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
16467
- .react-datepicker__month-read-view--down-arrow::before,
16468
- .react-datepicker__month-year-read-view--down-arrow::before {
16469
- border-bottom: none;
16470
- border-top-color: #fff;
16398
+ .Toastify__toast-container--bottom-right {
16399
+ bottom: 1em;
16400
+ right: 1em;
16471
16401
  }
16472
16402
 
16473
- .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
16474
- .react-datepicker__month-read-view--down-arrow::before,
16475
- .react-datepicker__month-year-read-view--down-arrow::before {
16476
- bottom: -1px;
16477
- border-top-color: #aeaeae;
16403
+ @media only screen and (max-width : 480px) {
16404
+ .Toastify__toast-container {
16405
+ width: 100vw;
16406
+ padding: 0;
16407
+ left: 0;
16408
+ margin: 0;
16409
+ }
16410
+ .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
16411
+ top: 0;
16412
+ transform: translateX(0);
16413
+ }
16414
+ .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
16415
+ bottom: 0;
16416
+ transform: translateX(0);
16417
+ }
16418
+ .Toastify__toast-container--rtl {
16419
+ right: 0;
16420
+ left: initial;
16421
+ }
16478
16422
  }
16479
-
16480
- .react-datepicker-wrapper {
16481
- display: inline-block;
16482
- padding: 0;
16483
- border: 0;
16484
- }
16485
-
16486
- .react-datepicker {
16487
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
16488
- font-size: 0.8rem;
16489
- background-color: #fff;
16490
- color: #000;
16491
- border: 1px solid #aeaeae;
16492
- border-radius: 0.3rem;
16493
- display: inline-block;
16423
+ .Toastify__toast {
16494
16424
  position: relative;
16425
+ min-height: 64px;
16426
+ box-sizing: border-box;
16427
+ margin-bottom: 1rem;
16428
+ padding: 8px;
16429
+ border-radius: 1px;
16430
+ box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
16431
+ display: -ms-flexbox;
16432
+ display: flex;
16433
+ -ms-flex-pack: justify;
16434
+ justify-content: space-between;
16435
+ max-height: 800px;
16436
+ overflow: hidden;
16437
+ font-family: sans-serif;
16438
+ cursor: pointer;
16439
+ direction: ltr;
16495
16440
  }
16496
-
16497
- .react-datepicker--time-only .react-datepicker__triangle {
16498
- left: 35px;
16499
- }
16500
-
16501
- .react-datepicker--time-only .react-datepicker__time-container {
16502
- border-left: 0;
16503
- }
16504
-
16505
- .react-datepicker--time-only .react-datepicker__time,
16506
- .react-datepicker--time-only .react-datepicker__time-box {
16507
- border-bottom-left-radius: 0.3rem;
16508
- border-bottom-right-radius: 0.3rem;
16509
- }
16510
-
16511
- .react-datepicker__triangle {
16512
- position: absolute;
16513
- left: 50px;
16514
- }
16515
-
16516
- .react-datepicker-popper {
16517
- z-index: 1;
16518
- }
16519
-
16520
- .react-datepicker-popper[data-placement^="bottom"] {
16521
- margin-top: 10px;
16441
+ .Toastify__toast--rtl {
16442
+ direction: rtl;
16522
16443
  }
16523
-
16524
- .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
16525
- left: auto;
16526
- right: 50px;
16444
+ .Toastify__toast--dark {
16445
+ background: #121212;
16446
+ color: #fff;
16527
16447
  }
16528
-
16529
- .react-datepicker-popper[data-placement^="top"] {
16530
- margin-bottom: 10px;
16448
+ .Toastify__toast--default {
16449
+ background: #fff;
16450
+ color: #aaa;
16531
16451
  }
16532
-
16533
- .react-datepicker-popper[data-placement^="right"] {
16534
- margin-left: 8px;
16452
+ .Toastify__toast--info {
16453
+ background: #3498db;
16535
16454
  }
16536
-
16537
- .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
16538
- left: auto;
16539
- right: 42px;
16455
+ .Toastify__toast--success {
16456
+ background: #07bc0c;
16540
16457
  }
16541
-
16542
- .react-datepicker-popper[data-placement^="left"] {
16543
- margin-right: 8px;
16458
+ .Toastify__toast--warning {
16459
+ background: #f1c40f;
16544
16460
  }
16545
-
16546
- .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
16547
- left: 42px;
16548
- right: auto;
16461
+ .Toastify__toast--error {
16462
+ background: #e74c3c;
16549
16463
  }
16550
-
16551
- .react-datepicker__header {
16552
- text-align: center;
16553
- background-color: #f0f0f0;
16554
- border-bottom: 1px solid #aeaeae;
16555
- border-top-left-radius: 0.3rem;
16556
- padding-top: 8px;
16557
- position: relative;
16464
+ .Toastify__toast-body {
16465
+ margin: auto 0;
16466
+ -ms-flex: 1 1 auto;
16467
+ flex: 1 1 auto;
16558
16468
  }
16559
16469
 
16560
- .react-datepicker__header--time {
16561
- padding-bottom: 8px;
16562
- padding-left: 5px;
16563
- padding-right: 5px;
16470
+ @media only screen and (max-width : 480px) {
16471
+ .Toastify__toast {
16472
+ margin-bottom: 0;
16473
+ }
16564
16474
  }
16565
-
16566
- .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
16567
- border-top-left-radius: 0;
16475
+ .Toastify__close-button {
16476
+ color: #fff;
16477
+ background: transparent;
16478
+ outline: none;
16479
+ border: none;
16480
+ padding: 0;
16481
+ cursor: pointer;
16482
+ opacity: 0.7;
16483
+ transition: 0.3s ease;
16484
+ -ms-flex-item-align: start;
16485
+ align-self: flex-start;
16568
16486
  }
16569
-
16570
- .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
16571
- border-top-right-radius: 0.3rem;
16487
+ .Toastify__close-button--default {
16488
+ color: #000;
16489
+ opacity: 0.3;
16572
16490
  }
16573
-
16574
- .react-datepicker__year-dropdown-container--select,
16575
- .react-datepicker__month-dropdown-container--select,
16576
- .react-datepicker__month-year-dropdown-container--select,
16577
- .react-datepicker__year-dropdown-container--scroll,
16578
- .react-datepicker__month-dropdown-container--scroll,
16579
- .react-datepicker__month-year-dropdown-container--scroll {
16580
- display: inline-block;
16581
- margin: 0 2px;
16491
+ .Toastify__close-button > svg {
16492
+ fill: currentColor;
16493
+ height: 16px;
16494
+ width: 14px;
16582
16495
  }
16583
-
16584
- .react-datepicker__current-month,
16585
- .react-datepicker-time__header,
16586
- .react-datepicker-year-header {
16587
- margin-top: 0;
16588
- color: #000;
16589
- font-weight: bold;
16590
- font-size: 0.944rem;
16496
+ .Toastify__close-button:hover, .Toastify__close-button:focus {
16497
+ opacity: 1;
16591
16498
  }
16592
16499
 
16593
- .react-datepicker-time__header {
16594
- text-overflow: ellipsis;
16595
- white-space: nowrap;
16596
- overflow: hidden;
16500
+ @keyframes Toastify__trackProgress {
16501
+ 0% {
16502
+ transform: scaleX(1);
16503
+ }
16504
+ 100% {
16505
+ transform: scaleX(0);
16506
+ }
16597
16507
  }
16598
-
16599
- .react-datepicker__navigation {
16600
- background: none;
16601
- line-height: 1.7rem;
16602
- text-align: center;
16603
- cursor: pointer;
16508
+ .Toastify__progress-bar {
16604
16509
  position: absolute;
16605
- top: 10px;
16606
- width: 0;
16607
- padding: 0;
16608
- border: 0.45rem solid transparent;
16609
- z-index: 1;
16610
- height: 10px;
16611
- width: 10px;
16612
- text-indent: -999em;
16613
- overflow: hidden;
16614
- }
16615
-
16616
- .react-datepicker__navigation--previous {
16617
- left: 10px;
16618
- border-right-color: #ccc;
16510
+ bottom: 0;
16511
+ left: 0;
16512
+ width: 100%;
16513
+ height: 5px;
16514
+ z-index: 9999;
16515
+ opacity: 0.7;
16516
+ background-color: rgba(255, 255, 255, 0.7);
16517
+ transform-origin: left;
16619
16518
  }
16620
-
16621
- .react-datepicker__navigation--previous:hover {
16622
- border-right-color: #b3b3b3;
16519
+ .Toastify__progress-bar--animated {
16520
+ animation: Toastify__trackProgress linear 1 forwards;
16623
16521
  }
16624
-
16625
- .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
16626
- border-right-color: #e6e6e6;
16627
- cursor: default;
16522
+ .Toastify__progress-bar--controlled {
16523
+ transition: transform 0.2s;
16628
16524
  }
16629
-
16630
- .react-datepicker__navigation--next {
16631
- right: 10px;
16632
- border-left-color: #ccc;
16525
+ .Toastify__progress-bar--rtl {
16526
+ right: 0;
16527
+ left: initial;
16528
+ transform-origin: right;
16633
16529
  }
16634
-
16635
- .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
16636
- right: 95px;
16530
+ .Toastify__progress-bar--default {
16531
+ background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
16637
16532
  }
16638
-
16639
- .react-datepicker__navigation--next:hover {
16640
- border-left-color: #b3b3b3;
16533
+ .Toastify__progress-bar--dark {
16534
+ background: #bb86fc;
16641
16535
  }
16642
-
16643
- .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
16644
- border-left-color: #e6e6e6;
16645
- cursor: default;
16536
+ @keyframes Toastify__bounceInRight {
16537
+ from, 60%, 75%, 90%, to {
16538
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
16539
+ }
16540
+ from {
16541
+ opacity: 0;
16542
+ transform: translate3d(3000px, 0, 0);
16543
+ }
16544
+ 60% {
16545
+ opacity: 1;
16546
+ transform: translate3d(-25px, 0, 0);
16547
+ }
16548
+ 75% {
16549
+ transform: translate3d(10px, 0, 0);
16550
+ }
16551
+ 90% {
16552
+ transform: translate3d(-5px, 0, 0);
16553
+ }
16554
+ to {
16555
+ transform: none;
16556
+ }
16646
16557
  }
16647
-
16648
- .react-datepicker__navigation--years {
16649
- position: relative;
16650
- top: 0;
16651
- display: block;
16652
- margin-left: auto;
16653
- margin-right: auto;
16558
+ @keyframes Toastify__bounceOutRight {
16559
+ 20% {
16560
+ opacity: 1;
16561
+ transform: translate3d(-20px, 0, 0);
16562
+ }
16563
+ to {
16564
+ opacity: 0;
16565
+ transform: translate3d(2000px, 0, 0);
16566
+ }
16654
16567
  }
16655
-
16656
- .react-datepicker__navigation--years-previous {
16657
- top: 4px;
16658
- border-top-color: #ccc;
16568
+ @keyframes Toastify__bounceInLeft {
16569
+ from, 60%, 75%, 90%, to {
16570
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
16571
+ }
16572
+ 0% {
16573
+ opacity: 0;
16574
+ transform: translate3d(-3000px, 0, 0);
16575
+ }
16576
+ 60% {
16577
+ opacity: 1;
16578
+ transform: translate3d(25px, 0, 0);
16579
+ }
16580
+ 75% {
16581
+ transform: translate3d(-10px, 0, 0);
16582
+ }
16583
+ 90% {
16584
+ transform: translate3d(5px, 0, 0);
16585
+ }
16586
+ to {
16587
+ transform: none;
16588
+ }
16659
16589
  }
16660
-
16661
- .react-datepicker__navigation--years-previous:hover {
16662
- border-top-color: #b3b3b3;
16590
+ @keyframes Toastify__bounceOutLeft {
16591
+ 20% {
16592
+ opacity: 1;
16593
+ transform: translate3d(20px, 0, 0);
16594
+ }
16595
+ to {
16596
+ opacity: 0;
16597
+ transform: translate3d(-2000px, 0, 0);
16598
+ }
16663
16599
  }
16664
-
16665
- .react-datepicker__navigation--years-upcoming {
16666
- top: -4px;
16667
- border-bottom-color: #ccc;
16600
+ @keyframes Toastify__bounceInUp {
16601
+ from, 60%, 75%, 90%, to {
16602
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
16603
+ }
16604
+ from {
16605
+ opacity: 0;
16606
+ transform: translate3d(0, 3000px, 0);
16607
+ }
16608
+ 60% {
16609
+ opacity: 1;
16610
+ transform: translate3d(0, -20px, 0);
16611
+ }
16612
+ 75% {
16613
+ transform: translate3d(0, 10px, 0);
16614
+ }
16615
+ 90% {
16616
+ transform: translate3d(0, -5px, 0);
16617
+ }
16618
+ to {
16619
+ transform: translate3d(0, 0, 0);
16620
+ }
16668
16621
  }
16669
-
16670
- .react-datepicker__navigation--years-upcoming:hover {
16671
- border-bottom-color: #b3b3b3;
16622
+ @keyframes Toastify__bounceOutUp {
16623
+ 20% {
16624
+ transform: translate3d(0, -10px, 0);
16625
+ }
16626
+ 40%, 45% {
16627
+ opacity: 1;
16628
+ transform: translate3d(0, 20px, 0);
16629
+ }
16630
+ to {
16631
+ opacity: 0;
16632
+ transform: translate3d(0, -2000px, 0);
16633
+ }
16672
16634
  }
16673
-
16674
- .react-datepicker__month-container {
16675
- float: left;
16635
+ @keyframes Toastify__bounceInDown {
16636
+ from, 60%, 75%, 90%, to {
16637
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
16638
+ }
16639
+ 0% {
16640
+ opacity: 0;
16641
+ transform: translate3d(0, -3000px, 0);
16642
+ }
16643
+ 60% {
16644
+ opacity: 1;
16645
+ transform: translate3d(0, 25px, 0);
16646
+ }
16647
+ 75% {
16648
+ transform: translate3d(0, -10px, 0);
16649
+ }
16650
+ 90% {
16651
+ transform: translate3d(0, 5px, 0);
16652
+ }
16653
+ to {
16654
+ transform: none;
16655
+ }
16676
16656
  }
16677
-
16678
- .react-datepicker__year {
16679
- margin: 0.4rem;
16680
- text-align: center;
16657
+ @keyframes Toastify__bounceOutDown {
16658
+ 20% {
16659
+ transform: translate3d(0, 10px, 0);
16660
+ }
16661
+ 40%, 45% {
16662
+ opacity: 1;
16663
+ transform: translate3d(0, -20px, 0);
16664
+ }
16665
+ to {
16666
+ opacity: 0;
16667
+ transform: translate3d(0, 2000px, 0);
16668
+ }
16681
16669
  }
16682
-
16683
- .react-datepicker__year-wrapper {
16684
- display: flex;
16685
- flex-wrap: wrap;
16686
- max-width: 180px;
16670
+ .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
16671
+ animation-name: Toastify__bounceInLeft;
16687
16672
  }
16688
-
16689
- .react-datepicker__year .react-datepicker__year-text {
16690
- display: inline-block;
16691
- width: 4rem;
16692
- margin: 2px;
16673
+ .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
16674
+ animation-name: Toastify__bounceInRight;
16693
16675
  }
16694
-
16695
- .react-datepicker__month {
16696
- margin: 0.4rem;
16697
- text-align: center;
16676
+ .Toastify__bounce-enter--top-center {
16677
+ animation-name: Toastify__bounceInDown;
16698
16678
  }
16699
-
16700
- .react-datepicker__month .react-datepicker__month-text,
16701
- .react-datepicker__month .react-datepicker__quarter-text {
16702
- display: inline-block;
16703
- width: 4rem;
16704
- margin: 2px;
16679
+ .Toastify__bounce-enter--bottom-center {
16680
+ animation-name: Toastify__bounceInUp;
16705
16681
  }
16706
16682
 
16707
- .react-datepicker__input-time-container {
16708
- clear: both;
16709
- width: 100%;
16710
- float: left;
16711
- margin: 5px 0 10px 15px;
16712
- text-align: left;
16683
+ .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
16684
+ animation-name: Toastify__bounceOutLeft;
16713
16685
  }
16714
-
16715
- .react-datepicker__input-time-container .react-datepicker-time__caption {
16716
- display: inline-block;
16686
+ .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
16687
+ animation-name: Toastify__bounceOutRight;
16717
16688
  }
16718
-
16719
- .react-datepicker__input-time-container .react-datepicker-time__input-container {
16720
- display: inline-block;
16689
+ .Toastify__bounce-exit--top-center {
16690
+ animation-name: Toastify__bounceOutUp;
16721
16691
  }
16722
-
16723
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
16724
- display: inline-block;
16725
- margin-left: 10px;
16692
+ .Toastify__bounce-exit--bottom-center {
16693
+ animation-name: Toastify__bounceOutDown;
16726
16694
  }
16727
16695
 
16728
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
16729
- width: auto;
16696
+ @keyframes Toastify__zoomIn {
16697
+ from {
16698
+ opacity: 0;
16699
+ transform: scale3d(0.3, 0.3, 0.3);
16700
+ }
16701
+ 50% {
16702
+ opacity: 1;
16703
+ }
16730
16704
  }
16731
-
16732
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
16733
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
16734
- -webkit-appearance: none;
16735
- margin: 0;
16705
+ @keyframes Toastify__zoomOut {
16706
+ from {
16707
+ opacity: 1;
16708
+ }
16709
+ 50% {
16710
+ opacity: 0;
16711
+ transform: scale3d(0.3, 0.3, 0.3);
16712
+ }
16713
+ to {
16714
+ opacity: 0;
16715
+ }
16736
16716
  }
16737
-
16738
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
16739
- -moz-appearance: textfield;
16717
+ .Toastify__zoom-enter {
16718
+ animation-name: Toastify__zoomIn;
16740
16719
  }
16741
16720
 
16742
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
16743
- margin-left: 5px;
16744
- display: inline-block;
16721
+ .Toastify__zoom-exit {
16722
+ animation-name: Toastify__zoomOut;
16745
16723
  }
16746
16724
 
16747
- .react-datepicker__time-container {
16748
- float: right;
16749
- border-left: 1px solid #aeaeae;
16750
- width: 85px;
16725
+ @keyframes Toastify__flipIn {
16726
+ from {
16727
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
16728
+ animation-timing-function: ease-in;
16729
+ opacity: 0;
16730
+ }
16731
+ 40% {
16732
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
16733
+ animation-timing-function: ease-in;
16734
+ }
16735
+ 60% {
16736
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
16737
+ opacity: 1;
16738
+ }
16739
+ 80% {
16740
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
16741
+ }
16742
+ to {
16743
+ transform: perspective(400px);
16744
+ }
16745
+ }
16746
+ @keyframes Toastify__flipOut {
16747
+ from {
16748
+ transform: perspective(400px);
16749
+ }
16750
+ 30% {
16751
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
16752
+ opacity: 1;
16753
+ }
16754
+ to {
16755
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
16756
+ opacity: 0;
16757
+ }
16758
+ }
16759
+ .Toastify__flip-enter {
16760
+ animation-name: Toastify__flipIn;
16751
16761
  }
16752
16762
 
16753
- .react-datepicker__time-container--with-today-button {
16754
- display: inline;
16755
- border: 1px solid #aeaeae;
16756
- border-radius: 0.3rem;
16757
- position: absolute;
16758
- right: -72px;
16759
- top: 0;
16763
+ .Toastify__flip-exit {
16764
+ animation-name: Toastify__flipOut;
16760
16765
  }
16761
16766
 
16762
- .react-datepicker__time-container .react-datepicker__time {
16763
- position: relative;
16764
- background: white;
16765
- border-bottom-right-radius: 0.3rem;
16767
+ @keyframes Toastify__slideInRight {
16768
+ from {
16769
+ transform: translate3d(110%, 0, 0);
16770
+ visibility: visible;
16771
+ }
16772
+ to {
16773
+ transform: translate3d(0, 0, 0);
16774
+ }
16766
16775
  }
16767
-
16768
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
16769
- width: 85px;
16770
- overflow-x: hidden;
16771
- margin: 0 auto;
16772
- text-align: center;
16773
- border-bottom-right-radius: 0.3rem;
16776
+ @keyframes Toastify__slideInLeft {
16777
+ from {
16778
+ transform: translate3d(-110%, 0, 0);
16779
+ visibility: visible;
16780
+ }
16781
+ to {
16782
+ transform: translate3d(0, 0, 0);
16783
+ }
16774
16784
  }
16775
-
16776
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
16777
- list-style: none;
16778
- margin: 0;
16779
- height: calc(195px + (1.7rem / 2));
16780
- overflow-y: scroll;
16781
- padding-right: 0px;
16782
- padding-left: 0px;
16783
- width: 100%;
16784
- box-sizing: content-box;
16785
+ @keyframes Toastify__slideInUp {
16786
+ from {
16787
+ transform: translate3d(0, 110%, 0);
16788
+ visibility: visible;
16789
+ }
16790
+ to {
16791
+ transform: translate3d(0, 0, 0);
16792
+ }
16785
16793
  }
16786
-
16787
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
16788
- height: 30px;
16789
- padding: 5px 10px;
16790
- white-space: nowrap;
16794
+ @keyframes Toastify__slideInDown {
16795
+ from {
16796
+ transform: translate3d(0, -110%, 0);
16797
+ visibility: visible;
16798
+ }
16799
+ to {
16800
+ transform: translate3d(0, 0, 0);
16801
+ }
16791
16802
  }
16792
-
16793
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
16794
- cursor: pointer;
16795
- background-color: #f0f0f0;
16803
+ @keyframes Toastify__slideOutRight {
16804
+ from {
16805
+ transform: translate3d(0, 0, 0);
16806
+ }
16807
+ to {
16808
+ visibility: hidden;
16809
+ transform: translate3d(110%, 0, 0);
16810
+ }
16796
16811
  }
16797
-
16798
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
16799
- background-color: #216ba5;
16800
- color: white;
16801
- font-weight: bold;
16812
+ @keyframes Toastify__slideOutLeft {
16813
+ from {
16814
+ transform: translate3d(0, 0, 0);
16815
+ }
16816
+ to {
16817
+ visibility: hidden;
16818
+ transform: translate3d(-110%, 0, 0);
16819
+ }
16802
16820
  }
16803
-
16804
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
16805
- background-color: #216ba5;
16821
+ @keyframes Toastify__slideOutDown {
16822
+ from {
16823
+ transform: translate3d(0, 0, 0);
16824
+ }
16825
+ to {
16826
+ visibility: hidden;
16827
+ transform: translate3d(0, 500px, 0);
16828
+ }
16806
16829
  }
16807
-
16808
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
16809
- color: #ccc;
16830
+ @keyframes Toastify__slideOutUp {
16831
+ from {
16832
+ transform: translate3d(0, 0, 0);
16833
+ }
16834
+ to {
16835
+ visibility: hidden;
16836
+ transform: translate3d(0, -500px, 0);
16837
+ }
16810
16838
  }
16811
-
16812
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
16813
- cursor: default;
16814
- background-color: transparent;
16839
+ .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
16840
+ animation-name: Toastify__slideInLeft;
16815
16841
  }
16816
-
16817
- .react-datepicker__week-number {
16818
- color: #ccc;
16819
- display: inline-block;
16820
- width: 1.7rem;
16821
- line-height: 1.7rem;
16822
- text-align: center;
16823
- margin: 0.166rem;
16842
+ .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
16843
+ animation-name: Toastify__slideInRight;
16824
16844
  }
16825
-
16826
- .react-datepicker__week-number.react-datepicker__week-number--clickable {
16827
- cursor: pointer;
16845
+ .Toastify__slide-enter--top-center {
16846
+ animation-name: Toastify__slideInDown;
16828
16847
  }
16829
-
16830
- .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
16831
- border-radius: 0.3rem;
16832
- background-color: #f0f0f0;
16848
+ .Toastify__slide-enter--bottom-center {
16849
+ animation-name: Toastify__slideInUp;
16833
16850
  }
16834
16851
 
16835
- .react-datepicker__day-names,
16836
- .react-datepicker__week {
16837
- white-space: nowrap;
16852
+ .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
16853
+ animation-name: Toastify__slideOutLeft;
16838
16854
  }
16839
-
16840
- .react-datepicker__day-name,
16841
- .react-datepicker__day,
16842
- .react-datepicker__time-name {
16843
- color: #000;
16844
- display: inline-block;
16845
- width: 1.7rem;
16846
- line-height: 1.7rem;
16847
- text-align: center;
16848
- margin: 0.166rem;
16855
+ .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
16856
+ animation-name: Toastify__slideOutRight;
16849
16857
  }
16850
-
16851
- .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
16852
- .react-datepicker__quarter--selected,
16853
- .react-datepicker__quarter--in-selecting-range,
16854
- .react-datepicker__quarter--in-range {
16855
- border-radius: 0.3rem;
16856
- background-color: #216ba5;
16857
- color: #fff;
16858
+ .Toastify__slide-exit--top-center {
16859
+ animation-name: Toastify__slideOutUp;
16858
16860
  }
16859
-
16860
- .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
16861
- .react-datepicker__quarter--selected:hover,
16862
- .react-datepicker__quarter--in-selecting-range:hover,
16863
- .react-datepicker__quarter--in-range:hover {
16864
- background-color: #1d5d90;
16861
+ .Toastify__slide-exit--bottom-center {
16862
+ animation-name: Toastify__slideOutDown;
16865
16863
  }
16866
-
16867
- .react-datepicker__month--disabled,
16868
- .react-datepicker__quarter--disabled {
16869
- color: #ccc;
16870
- pointer-events: none;
16864
+ .rbc-addons-dnd .rbc-addons-dnd-row-body {
16865
+ position: relative;
16871
16866
  }
16872
-
16873
- .react-datepicker__month--disabled:hover,
16874
- .react-datepicker__quarter--disabled:hover {
16875
- cursor: default;
16876
- background-color: transparent;
16867
+ .rbc-addons-dnd .rbc-addons-dnd-drag-row {
16868
+ position: absolute;
16869
+ top: 0;
16870
+ left: 0;
16871
+ right: 0;
16877
16872
  }
16878
-
16879
- .react-datepicker__day,
16880
- .react-datepicker__month-text,
16881
- .react-datepicker__quarter-text,
16882
- .react-datepicker__year-text {
16883
- cursor: pointer;
16873
+ .rbc-addons-dnd .rbc-addons-dnd-over {
16874
+ background-color: rgba(0, 0, 0, 0.3);
16884
16875
  }
16885
-
16886
- .react-datepicker__day:hover,
16887
- .react-datepicker__month-text:hover,
16888
- .react-datepicker__quarter-text:hover,
16889
- .react-datepicker__year-text:hover {
16890
- border-radius: 0.3rem;
16891
- background-color: #f0f0f0;
16876
+ .rbc-addons-dnd .rbc-event {
16877
+ transition: opacity 150ms;
16892
16878
  }
16893
-
16894
- .react-datepicker__day--today,
16895
- .react-datepicker__month-text--today,
16896
- .react-datepicker__quarter-text--today,
16897
- .react-datepicker__year-text--today {
16898
- font-weight: bold;
16879
+ .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon, .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
16880
+ display: block;
16899
16881
  }
16900
-
16901
- .react-datepicker__day--highlighted,
16902
- .react-datepicker__month-text--highlighted,
16903
- .react-datepicker__quarter-text--highlighted,
16904
- .react-datepicker__year-text--highlighted {
16905
- border-radius: 0.3rem;
16906
- background-color: #3dcc4a;
16907
- color: #fff;
16882
+ .rbc-addons-dnd .rbc-addons-dnd-dragged-event {
16883
+ opacity: 0;
16908
16884
  }
16909
-
16910
- .react-datepicker__day--highlighted:hover,
16911
- .react-datepicker__month-text--highlighted:hover,
16912
- .react-datepicker__quarter-text--highlighted:hover,
16913
- .react-datepicker__year-text--highlighted:hover {
16914
- background-color: #32be3f;
16885
+ .rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview) {
16886
+ opacity: 0.5;
16915
16887
  }
16916
-
16917
- .react-datepicker__day--highlighted-custom-1,
16918
- .react-datepicker__month-text--highlighted-custom-1,
16919
- .react-datepicker__quarter-text--highlighted-custom-1,
16920
- .react-datepicker__year-text--highlighted-custom-1 {
16921
- color: magenta;
16888
+ .rbc-addons-dnd .rbc-addons-dnd-resizable {
16889
+ position: relative;
16890
+ width: 100%;
16891
+ height: 100%;
16922
16892
  }
16923
-
16924
- .react-datepicker__day--highlighted-custom-2,
16925
- .react-datepicker__month-text--highlighted-custom-2,
16926
- .react-datepicker__quarter-text--highlighted-custom-2,
16927
- .react-datepicker__year-text--highlighted-custom-2 {
16928
- color: green;
16893
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor {
16894
+ width: 100%;
16895
+ text-align: center;
16896
+ position: absolute;
16929
16897
  }
16930
-
16931
- .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
16932
- .react-datepicker__month-text--selected,
16933
- .react-datepicker__month-text--in-selecting-range,
16934
- .react-datepicker__month-text--in-range,
16935
- .react-datepicker__quarter-text--selected,
16936
- .react-datepicker__quarter-text--in-selecting-range,
16937
- .react-datepicker__quarter-text--in-range,
16938
- .react-datepicker__year-text--selected,
16939
- .react-datepicker__year-text--in-selecting-range,
16940
- .react-datepicker__year-text--in-range {
16941
- border-radius: 0.3rem;
16942
- background-color: #216ba5;
16943
- color: #fff;
16898
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child {
16899
+ top: 0;
16944
16900
  }
16945
-
16946
- .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
16947
- .react-datepicker__month-text--selected:hover,
16948
- .react-datepicker__month-text--in-selecting-range:hover,
16949
- .react-datepicker__month-text--in-range:hover,
16950
- .react-datepicker__quarter-text--selected:hover,
16951
- .react-datepicker__quarter-text--in-selecting-range:hover,
16952
- .react-datepicker__quarter-text--in-range:hover,
16953
- .react-datepicker__year-text--selected:hover,
16954
- .react-datepicker__year-text--in-selecting-range:hover,
16955
- .react-datepicker__year-text--in-range:hover {
16956
- background-color: #1d5d90;
16901
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child {
16902
+ bottom: 0;
16957
16903
  }
16958
-
16959
- .react-datepicker__day--keyboard-selected,
16960
- .react-datepicker__month-text--keyboard-selected,
16961
- .react-datepicker__quarter-text--keyboard-selected,
16962
- .react-datepicker__year-text--keyboard-selected {
16963
- border-radius: 0.3rem;
16964
- background-color: #2a87d0;
16965
- color: #fff;
16904
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon {
16905
+ display: none;
16906
+ border-top: 3px double;
16907
+ margin: 0 auto;
16908
+ width: 10px;
16909
+ cursor: ns-resize;
16966
16910
  }
16967
-
16968
- .react-datepicker__day--keyboard-selected:hover,
16969
- .react-datepicker__month-text--keyboard-selected:hover,
16970
- .react-datepicker__quarter-text--keyboard-selected:hover,
16971
- .react-datepicker__year-text--keyboard-selected:hover {
16972
- background-color: #1d5d90;
16911
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor {
16912
+ position: absolute;
16913
+ top: 4px;
16914
+ bottom: 0;
16915
+ }
16916
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child {
16917
+ left: 0;
16918
+ }
16919
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child {
16920
+ right: 0;
16921
+ }
16922
+ .rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon {
16923
+ display: none;
16924
+ border-left: 3px double;
16925
+ margin-top: auto;
16926
+ margin-bottom: auto;
16927
+ height: 10px;
16928
+ cursor: ew-resize;
16973
16929
  }
16974
16930
 
16975
- .react-datepicker__day--in-selecting-range ,
16976
- .react-datepicker__month-text--in-selecting-range ,
16977
- .react-datepicker__quarter-text--in-selecting-range ,
16978
- .react-datepicker__year-text--in-selecting-range {
16979
- background-color: rgba(33, 107, 165, 0.5);
16931
+ @charset "UTF-8";
16932
+ .rbc-btn {
16933
+ color: inherit;
16934
+ font: inherit;
16935
+ margin: 0;
16980
16936
  }
16981
16937
 
16982
- .react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
16983
- .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
16984
- .react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
16985
- .react-datepicker__year-text--in-range {
16986
- background-color: #f0f0f0;
16987
- color: #000;
16938
+ button.rbc-btn {
16939
+ overflow: visible;
16940
+ text-transform: none;
16941
+ -webkit-appearance: button;
16942
+ cursor: pointer;
16988
16943
  }
16989
16944
 
16990
- .react-datepicker__day--disabled,
16991
- .react-datepicker__month-text--disabled,
16992
- .react-datepicker__quarter-text--disabled,
16993
- .react-datepicker__year-text--disabled {
16994
- cursor: default;
16995
- color: #ccc;
16945
+ button[disabled].rbc-btn {
16946
+ cursor: not-allowed;
16996
16947
  }
16997
16948
 
16998
- .react-datepicker__day--disabled:hover,
16999
- .react-datepicker__month-text--disabled:hover,
17000
- .react-datepicker__quarter-text--disabled:hover,
17001
- .react-datepicker__year-text--disabled:hover {
17002
- background-color: transparent;
16949
+ button.rbc-input::-moz-focus-inner {
16950
+ border: 0;
16951
+ padding: 0;
17003
16952
  }
17004
16953
 
17005
- .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
17006
- .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
17007
- .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
17008
- .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
17009
- .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
17010
- background-color: #216ba5;
16954
+ .rbc-calendar {
16955
+ -webkit-box-sizing: border-box;
16956
+ box-sizing: border-box;
16957
+ height: 100%;
16958
+ display: -webkit-box;
16959
+ display: -ms-flexbox;
16960
+ display: flex;
16961
+ -webkit-box-orient: vertical;
16962
+ -webkit-box-direction: normal;
16963
+ -ms-flex-direction: column;
16964
+ flex-direction: column;
16965
+ -webkit-box-align: stretch;
16966
+ -ms-flex-align: stretch;
16967
+ align-items: stretch;
17011
16968
  }
17012
16969
 
17013
- .react-datepicker__month-text:hover,
17014
- .react-datepicker__quarter-text:hover {
17015
- background-color: #f0f0f0;
16970
+ .rbc-calendar *,
16971
+ .rbc-calendar *:before,
16972
+ .rbc-calendar *:after {
16973
+ -webkit-box-sizing: inherit;
16974
+ box-sizing: inherit;
17016
16975
  }
17017
16976
 
17018
- .react-datepicker__input-container {
17019
- position: relative;
17020
- display: inline-block;
17021
- width: 100%;
16977
+ .rbc-abs-full, .rbc-row-bg {
16978
+ overflow: hidden;
16979
+ position: absolute;
16980
+ top: 0;
16981
+ left: 0;
16982
+ right: 0;
16983
+ bottom: 0;
17022
16984
  }
17023
16985
 
17024
- .react-datepicker__year-read-view,
17025
- .react-datepicker__month-read-view,
17026
- .react-datepicker__month-year-read-view {
17027
- border: 1px solid transparent;
17028
- border-radius: 0.3rem;
16986
+ .rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
16987
+ display: block;
16988
+ overflow: hidden;
16989
+ text-overflow: ellipsis;
16990
+ white-space: nowrap;
17029
16991
  }
17030
16992
 
17031
- .react-datepicker__year-read-view:hover,
17032
- .react-datepicker__month-read-view:hover,
17033
- .react-datepicker__month-year-read-view:hover {
17034
- cursor: pointer;
16993
+ .rbc-rtl {
16994
+ direction: rtl;
17035
16995
  }
17036
16996
 
17037
- .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
17038
- .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
17039
- .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
17040
- .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
17041
- .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
17042
- .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
17043
- border-top-color: #b3b3b3;
16997
+ .rbc-off-range {
16998
+ color: #999999;
17044
16999
  }
17045
17000
 
17046
- .react-datepicker__year-read-view--down-arrow,
17047
- .react-datepicker__month-read-view--down-arrow,
17048
- .react-datepicker__month-year-read-view--down-arrow {
17049
- border-top-color: #ccc;
17050
- float: right;
17051
- margin-left: 20px;
17052
- top: 8px;
17053
- position: relative;
17054
- border-width: 0.45rem;
17001
+ .rbc-off-range-bg {
17002
+ background: #e6e6e6;
17055
17003
  }
17056
17004
 
17057
- .react-datepicker__year-dropdown,
17058
- .react-datepicker__month-dropdown,
17059
- .react-datepicker__month-year-dropdown {
17060
- background-color: #f0f0f0;
17061
- position: absolute;
17062
- width: 50%;
17063
- left: 25%;
17064
- top: 30px;
17065
- z-index: 1;
17005
+ .rbc-header {
17006
+ overflow: hidden;
17007
+ -webkit-box-flex: 1;
17008
+ -ms-flex: 1 0 0%;
17009
+ flex: 1 0 0%;
17010
+ text-overflow: ellipsis;
17011
+ white-space: nowrap;
17012
+ padding: 0 3px;
17066
17013
  text-align: center;
17067
- border-radius: 0.3rem;
17068
- border: 1px solid #aeaeae;
17014
+ vertical-align: middle;
17015
+ font-weight: bold;
17016
+ font-size: 90%;
17017
+ min-height: 0;
17018
+ border-bottom: 1px solid #ddd;
17069
17019
  }
17070
-
17071
- .react-datepicker__year-dropdown:hover,
17072
- .react-datepicker__month-dropdown:hover,
17073
- .react-datepicker__month-year-dropdown:hover {
17074
- cursor: pointer;
17020
+ .rbc-header + .rbc-header {
17021
+ border-left: 1px solid #ddd;
17075
17022
  }
17076
-
17077
- .react-datepicker__year-dropdown--scrollable,
17078
- .react-datepicker__month-dropdown--scrollable,
17079
- .react-datepicker__month-year-dropdown--scrollable {
17080
- height: 150px;
17081
- overflow-y: scroll;
17023
+ .rbc-rtl .rbc-header + .rbc-header {
17024
+ border-left-width: 0;
17025
+ border-right: 1px solid #ddd;
17082
17026
  }
17083
-
17084
- .react-datepicker__year-option,
17085
- .react-datepicker__month-option,
17086
- .react-datepicker__month-year-option {
17087
- line-height: 20px;
17088
- width: 100%;
17089
- display: block;
17090
- margin-left: auto;
17091
- margin-right: auto;
17027
+ .rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
17028
+ color: inherit;
17029
+ text-decoration: none;
17092
17030
  }
17093
17031
 
17094
- .react-datepicker__year-option:first-of-type,
17095
- .react-datepicker__month-option:first-of-type,
17096
- .react-datepicker__month-year-option:first-of-type {
17097
- border-top-left-radius: 0.3rem;
17098
- border-top-right-radius: 0.3rem;
17032
+ .rbc-button-link {
17033
+ color: inherit;
17034
+ background: none;
17035
+ margin: 0;
17036
+ padding: 0;
17037
+ border: none;
17038
+ cursor: pointer;
17039
+ -webkit-user-select: text;
17040
+ -moz-user-select: text;
17041
+ -ms-user-select: text;
17042
+ user-select: text;
17099
17043
  }
17100
17044
 
17101
- .react-datepicker__year-option:last-of-type,
17102
- .react-datepicker__month-option:last-of-type,
17103
- .react-datepicker__month-year-option:last-of-type {
17104
- -webkit-user-select: none;
17045
+ .rbc-row-content {
17046
+ position: relative;
17105
17047
  -moz-user-select: none;
17106
- -ms-user-select: none;
17107
- user-select: none;
17108
- border-bottom-left-radius: 0.3rem;
17109
- border-bottom-right-radius: 0.3rem;
17048
+ -ms-user-select: none;
17049
+ user-select: none;
17050
+ -webkit-user-select: none;
17051
+ z-index: 4;
17110
17052
  }
17111
17053
 
17112
- .react-datepicker__year-option:hover,
17113
- .react-datepicker__month-option:hover,
17114
- .react-datepicker__month-year-option:hover {
17115
- background-color: #ccc;
17054
+ .rbc-row-content-scrollable {
17055
+ display: -webkit-box;
17056
+ display: -ms-flexbox;
17057
+ display: flex;
17058
+ -webkit-box-orient: vertical;
17059
+ -webkit-box-direction: normal;
17060
+ -ms-flex-direction: column;
17061
+ flex-direction: column;
17062
+ height: 100%;
17116
17063
  }
17117
-
17118
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
17119
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
17120
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
17121
- border-bottom-color: #b3b3b3;
17064
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container {
17065
+ height: 100%;
17066
+ overflow-y: scroll;
17067
+ /* Hide scrollbar for Chrome, Safari and Opera */
17068
+ -ms-overflow-style: none; /* IE and Edge */
17069
+ scrollbar-width: none; /* Firefox */
17122
17070
  }
17123
-
17124
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
17125
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
17126
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
17127
- border-top-color: #b3b3b3;
17071
+ .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
17072
+ display: none;
17128
17073
  }
17129
17074
 
17130
- .react-datepicker__year-option--selected,
17131
- .react-datepicker__month-option--selected,
17132
- .react-datepicker__month-year-option--selected {
17133
- position: absolute;
17134
- left: 15px;
17075
+ .rbc-today {
17076
+ background-color: #eaf6ff;
17135
17077
  }
17136
17078
 
17137
- .react-datepicker__close-icon {
17138
- cursor: pointer;
17139
- background-color: transparent;
17140
- border: 0;
17141
- outline: 0;
17142
- padding: 0px 6px 0px 0px;
17143
- position: absolute;
17144
- top: 0;
17145
- right: 0;
17146
- height: 100%;
17147
- display: table-cell;
17148
- vertical-align: middle;
17079
+ .rbc-toolbar {
17080
+ display: -webkit-box;
17081
+ display: -ms-flexbox;
17082
+ display: flex;
17083
+ -ms-flex-wrap: wrap;
17084
+ flex-wrap: wrap;
17085
+ -webkit-box-pack: center;
17086
+ -ms-flex-pack: center;
17087
+ justify-content: center;
17088
+ -webkit-box-align: center;
17089
+ -ms-flex-align: center;
17090
+ align-items: center;
17091
+ margin-bottom: 10px;
17092
+ font-size: 16px;
17149
17093
  }
17150
-
17151
- .react-datepicker__close-icon::after {
17152
- cursor: pointer;
17153
- background-color: #216ba5;
17154
- color: #fff;
17155
- border-radius: 50%;
17156
- height: 16px;
17157
- width: 16px;
17158
- padding: 2px;
17159
- font-size: 12px;
17160
- line-height: 1;
17094
+ .rbc-toolbar .rbc-toolbar-label {
17095
+ -webkit-box-flex: 1;
17096
+ -ms-flex-positive: 1;
17097
+ flex-grow: 1;
17098
+ padding: 0 10px;
17161
17099
  text-align: center;
17162
- display: table-cell;
17163
- vertical-align: middle;
17164
- content: "\00d7";
17165
17100
  }
17166
-
17167
- .react-datepicker__today-button {
17168
- background: #f0f0f0;
17169
- border-top: 1px solid #aeaeae;
17170
- cursor: pointer;
17101
+ .rbc-toolbar button {
17102
+ color: #373a3c;
17103
+ display: inline-block;
17104
+ margin: 0;
17171
17105
  text-align: center;
17172
- font-weight: bold;
17173
- padding: 5px 0;
17174
- clear: left;
17106
+ vertical-align: middle;
17107
+ background: none;
17108
+ background-image: none;
17109
+ border: 1px solid #ccc;
17110
+ padding: 0.375rem 1rem;
17111
+ border-radius: 4px;
17112
+ line-height: normal;
17113
+ white-space: nowrap;
17175
17114
  }
17176
-
17177
- .react-datepicker__portal {
17178
- position: fixed;
17179
- width: 100vw;
17180
- height: 100vh;
17181
- background-color: rgba(0, 0, 0, 0.8);
17182
- left: 0;
17183
- top: 0;
17184
- justify-content: center;
17185
- align-items: center;
17186
- display: flex;
17187
- z-index: 2147483647;
17115
+ .rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
17116
+ background-image: none;
17117
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
17118
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
17119
+ background-color: #e6e6e6;
17120
+ border-color: #adadad;
17188
17121
  }
17189
-
17190
- .react-datepicker__portal .react-datepicker__day-name,
17191
- .react-datepicker__portal .react-datepicker__day,
17192
- .react-datepicker__portal .react-datepicker__time-name {
17193
- width: 3rem;
17194
- line-height: 3rem;
17122
+ .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
17123
+ color: #373a3c;
17124
+ background-color: #d4d4d4;
17125
+ border-color: #8c8c8c;
17126
+ }
17127
+ .rbc-toolbar button:focus {
17128
+ color: #373a3c;
17129
+ background-color: #e6e6e6;
17130
+ border-color: #adadad;
17131
+ }
17132
+ .rbc-toolbar button:hover {
17133
+ color: #373a3c;
17134
+ background-color: #e6e6e6;
17135
+ border-color: #adadad;
17195
17136
  }
17196
17137
 
17197
- @media (max-width: 400px), (max-height: 550px) {
17198
- .react-datepicker__portal .react-datepicker__day-name,
17199
- .react-datepicker__portal .react-datepicker__day,
17200
- .react-datepicker__portal .react-datepicker__time-name {
17201
- width: 2rem;
17202
- line-height: 2rem;
17203
- }
17138
+ .rbc-btn-group {
17139
+ display: inline-block;
17140
+ white-space: nowrap;
17141
+ }
17142
+ .rbc-btn-group > button:first-child:not(:last-child) {
17143
+ border-top-right-radius: 0;
17144
+ border-bottom-right-radius: 0;
17145
+ }
17146
+ .rbc-btn-group > button:last-child:not(:first-child) {
17147
+ border-top-left-radius: 0;
17148
+ border-bottom-left-radius: 0;
17149
+ }
17150
+ .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
17151
+ border-radius: 4px;
17152
+ border-top-left-radius: 0;
17153
+ border-bottom-left-radius: 0;
17154
+ }
17155
+ .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
17156
+ border-radius: 4px;
17157
+ border-top-right-radius: 0;
17158
+ border-bottom-right-radius: 0;
17159
+ }
17160
+ .rbc-btn-group > button:not(:first-child):not(:last-child) {
17161
+ border-radius: 0;
17162
+ }
17163
+ .rbc-btn-group button + button {
17164
+ margin-left: -1px;
17165
+ }
17166
+ .rbc-rtl .rbc-btn-group button + button {
17167
+ margin-left: 0;
17168
+ margin-right: -1px;
17169
+ }
17170
+ .rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
17171
+ margin-left: 10px;
17204
17172
  }
17205
17173
 
17206
- .react-datepicker__portal .react-datepicker__current-month,
17207
- .react-datepicker__portal .react-datepicker-time__header {
17208
- font-size: 1.44rem;
17174
+ .rbc-event, .rbc-day-slot .rbc-background-event {
17175
+ border: none;
17176
+ -webkit-box-sizing: border-box;
17177
+ box-sizing: border-box;
17178
+ -webkit-box-shadow: none;
17179
+ box-shadow: none;
17180
+ margin: 0;
17181
+ padding: 2px 5px;
17182
+ background-color: #3174ad;
17183
+ border-radius: 5px;
17184
+ color: #fff;
17185
+ cursor: pointer;
17186
+ width: 100%;
17187
+ text-align: left;
17188
+ }
17189
+ .rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
17190
+ cursor: inherit;
17191
+ pointer-events: none;
17192
+ }
17193
+ .rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
17194
+ background-color: #265985;
17195
+ }
17196
+ .rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
17197
+ outline: 5px auto #3b99fc;
17209
17198
  }
17210
17199
 
17211
- .react-datepicker__portal .react-datepicker__navigation {
17212
- border: 0.81rem solid transparent;
17200
+ .rbc-event-label {
17201
+ font-size: 80%;
17213
17202
  }
17214
17203
 
17215
- .react-datepicker__portal .react-datepicker__navigation--previous {
17216
- border-right-color: #ccc;
17204
+ .rbc-event-overlaps {
17205
+ -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
17206
+ box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
17217
17207
  }
17218
17208
 
17219
- .react-datepicker__portal .react-datepicker__navigation--previous:hover {
17220
- border-right-color: #b3b3b3;
17209
+ .rbc-event-continues-prior {
17210
+ border-top-left-radius: 0;
17211
+ border-bottom-left-radius: 0;
17221
17212
  }
17222
17213
 
17223
- .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
17224
- border-right-color: #e6e6e6;
17225
- cursor: default;
17214
+ .rbc-event-continues-after {
17215
+ border-top-right-radius: 0;
17216
+ border-bottom-right-radius: 0;
17226
17217
  }
17227
17218
 
17228
- .react-datepicker__portal .react-datepicker__navigation--next {
17229
- border-left-color: #ccc;
17219
+ .rbc-event-continues-earlier {
17220
+ border-top-left-radius: 0;
17221
+ border-top-right-radius: 0;
17230
17222
  }
17231
17223
 
17232
- .react-datepicker__portal .react-datepicker__navigation--next:hover {
17233
- border-left-color: #b3b3b3;
17224
+ .rbc-event-continues-later {
17225
+ border-bottom-left-radius: 0;
17226
+ border-bottom-right-radius: 0;
17234
17227
  }
17235
17228
 
17236
- .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
17237
- border-left-color: #e6e6e6;
17238
- cursor: default;
17229
+ .rbc-row {
17230
+ display: -webkit-box;
17231
+ display: -ms-flexbox;
17232
+ display: flex;
17233
+ -webkit-box-orient: horizontal;
17234
+ -webkit-box-direction: normal;
17235
+ -ms-flex-direction: row;
17236
+ flex-direction: row;
17239
17237
  }
17240
17238
 
17241
- .Toastify__toast-container {
17242
- z-index: 9999;
17243
- -webkit-transform: translate3d(0, 0, 9999px);
17244
- position: fixed;
17245
- padding: 4px;
17246
- width: 320px;
17247
- box-sizing: border-box;
17248
- color: #fff;
17249
- }
17250
- .Toastify__toast-container--top-left {
17251
- top: 1em;
17252
- left: 1em;
17253
- }
17254
- .Toastify__toast-container--top-center {
17255
- top: 1em;
17256
- left: 50%;
17257
- transform: translateX(-50%);
17239
+ .rbc-row-segment {
17240
+ padding: 0 1px 1px 1px;
17258
17241
  }
17259
- .Toastify__toast-container--top-right {
17260
- top: 1em;
17261
- right: 1em;
17242
+ .rbc-selected-cell {
17243
+ background-color: rgba(0, 0, 0, 0.1);
17262
17244
  }
17263
- .Toastify__toast-container--bottom-left {
17264
- bottom: 1em;
17265
- left: 1em;
17245
+
17246
+ .rbc-show-more {
17247
+ background-color: rgba(255, 255, 255, 0.3);
17248
+ z-index: 4;
17249
+ font-weight: bold;
17250
+ font-size: 85%;
17251
+ height: auto;
17252
+ line-height: normal;
17253
+ color: #3174ad;
17266
17254
  }
17267
- .Toastify__toast-container--bottom-center {
17268
- bottom: 1em;
17269
- left: 50%;
17270
- transform: translateX(-50%);
17255
+ .rbc-show-more:hover, .rbc-show-more:focus {
17256
+ color: #265985;
17271
17257
  }
17272
- .Toastify__toast-container--bottom-right {
17273
- bottom: 1em;
17274
- right: 1em;
17258
+
17259
+ .rbc-month-view {
17260
+ position: relative;
17261
+ border: 1px solid #ddd;
17262
+ display: -webkit-box;
17263
+ display: -ms-flexbox;
17264
+ display: flex;
17265
+ -webkit-box-orient: vertical;
17266
+ -webkit-box-direction: normal;
17267
+ -ms-flex-direction: column;
17268
+ flex-direction: column;
17269
+ -webkit-box-flex: 1;
17270
+ -ms-flex: 1 0 0px;
17271
+ flex: 1 0 0;
17272
+ width: 100%;
17273
+ -moz-user-select: none;
17274
+ -ms-user-select: none;
17275
+ user-select: none;
17276
+ -webkit-user-select: none;
17277
+ height: 100%;
17275
17278
  }
17276
17279
 
17277
- @media only screen and (max-width : 480px) {
17278
- .Toastify__toast-container {
17279
- width: 100vw;
17280
- padding: 0;
17281
- left: 0;
17282
- margin: 0;
17283
- }
17284
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
17285
- top: 0;
17286
- transform: translateX(0);
17287
- }
17288
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
17289
- bottom: 0;
17290
- transform: translateX(0);
17291
- }
17292
- .Toastify__toast-container--rtl {
17293
- right: 0;
17294
- left: initial;
17295
- }
17280
+ .rbc-month-header {
17281
+ display: -webkit-box;
17282
+ display: -ms-flexbox;
17283
+ display: flex;
17284
+ -webkit-box-orient: horizontal;
17285
+ -webkit-box-direction: normal;
17286
+ -ms-flex-direction: row;
17287
+ flex-direction: row;
17296
17288
  }
17297
- .Toastify__toast {
17298
- position: relative;
17299
- min-height: 64px;
17300
- box-sizing: border-box;
17301
- margin-bottom: 1rem;
17302
- padding: 8px;
17303
- border-radius: 1px;
17304
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
17289
+
17290
+ .rbc-month-row {
17291
+ display: -webkit-box;
17305
17292
  display: -ms-flexbox;
17306
17293
  display: flex;
17307
- -ms-flex-pack: justify;
17308
- justify-content: space-between;
17309
- max-height: 800px;
17294
+ position: relative;
17295
+ -webkit-box-orient: vertical;
17296
+ -webkit-box-direction: normal;
17297
+ -ms-flex-direction: column;
17298
+ flex-direction: column;
17299
+ -webkit-box-flex: 1;
17300
+ -ms-flex: 1 0 0px;
17301
+ flex: 1 0 0;
17302
+ -ms-flex-preferred-size: 0px;
17303
+ flex-basis: 0px;
17310
17304
  overflow: hidden;
17311
- font-family: sans-serif;
17312
- cursor: pointer;
17313
- direction: ltr;
17305
+ height: 100%;
17314
17306
  }
17315
- .Toastify__toast--rtl {
17316
- direction: rtl;
17307
+ .rbc-month-row + .rbc-month-row {
17308
+ border-top: 1px solid #ddd;
17317
17309
  }
17318
- .Toastify__toast--dark {
17319
- background: #121212;
17320
- color: #fff;
17310
+
17311
+ .rbc-date-cell {
17312
+ -webkit-box-flex: 1;
17313
+ -ms-flex: 1 1 0px;
17314
+ flex: 1 1 0;
17315
+ min-width: 0;
17316
+ padding-right: 5px;
17317
+ text-align: right;
17321
17318
  }
17322
- .Toastify__toast--default {
17323
- background: #fff;
17324
- color: #aaa;
17319
+ .rbc-date-cell.rbc-now {
17320
+ font-weight: bold;
17325
17321
  }
17326
- .Toastify__toast--info {
17327
- background: #3498db;
17322
+ .rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
17323
+ color: inherit;
17324
+ text-decoration: none;
17328
17325
  }
17329
- .Toastify__toast--success {
17330
- background: #07bc0c;
17326
+
17327
+ .rbc-row-bg {
17328
+ display: -webkit-box;
17329
+ display: -ms-flexbox;
17330
+ display: flex;
17331
+ -webkit-box-orient: horizontal;
17332
+ -webkit-box-direction: normal;
17333
+ -ms-flex-direction: row;
17334
+ flex-direction: row;
17335
+ -webkit-box-flex: 1;
17336
+ -ms-flex: 1 0 0px;
17337
+ flex: 1 0 0;
17338
+ overflow: hidden;
17331
17339
  }
17332
- .Toastify__toast--warning {
17333
- background: #f1c40f;
17340
+
17341
+ .rbc-day-bg {
17342
+ -webkit-box-flex: 1;
17343
+ -ms-flex: 1 0 0%;
17344
+ flex: 1 0 0%;
17334
17345
  }
17335
- .Toastify__toast--error {
17336
- background: #e74c3c;
17346
+ .rbc-day-bg + .rbc-day-bg {
17347
+ border-left: 1px solid #ddd;
17337
17348
  }
17338
- .Toastify__toast-body {
17339
- margin: auto 0;
17340
- -ms-flex: 1 1 auto;
17341
- flex: 1 1 auto;
17349
+ .rbc-rtl .rbc-day-bg + .rbc-day-bg {
17350
+ border-left-width: 0;
17351
+ border-right: 1px solid #ddd;
17342
17352
  }
17343
17353
 
17344
- @media only screen and (max-width : 480px) {
17345
- .Toastify__toast {
17346
- margin-bottom: 0;
17347
- }
17348
- }
17349
- .Toastify__close-button {
17350
- color: #fff;
17351
- background: transparent;
17352
- outline: none;
17353
- border: none;
17354
- padding: 0;
17355
- cursor: pointer;
17356
- opacity: 0.7;
17357
- transition: 0.3s ease;
17358
- -ms-flex-item-align: start;
17359
- align-self: flex-start;
17360
- }
17361
- .Toastify__close-button--default {
17362
- color: #000;
17363
- opacity: 0.3;
17354
+ .rbc-overlay {
17355
+ position: absolute;
17356
+ z-index: 5;
17357
+ border: 1px solid #e5e5e5;
17358
+ background-color: #fff;
17359
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
17360
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
17361
+ padding: 10px;
17364
17362
  }
17365
- .Toastify__close-button > svg {
17366
- fill: currentColor;
17367
- height: 16px;
17368
- width: 14px;
17363
+ .rbc-overlay > * + * {
17364
+ margin-top: 1px;
17369
17365
  }
17370
- .Toastify__close-button:hover, .Toastify__close-button:focus {
17371
- opacity: 1;
17366
+
17367
+ .rbc-overlay-header {
17368
+ border-bottom: 1px solid #e5e5e5;
17369
+ margin: -10px -10px 5px -10px;
17370
+ padding: 2px 10px;
17372
17371
  }
17373
17372
 
17374
- @keyframes Toastify__trackProgress {
17375
- 0% {
17376
- transform: scaleX(1);
17377
- }
17378
- 100% {
17379
- transform: scaleX(0);
17380
- }
17373
+ .rbc-agenda-view {
17374
+ display: -webkit-box;
17375
+ display: -ms-flexbox;
17376
+ display: flex;
17377
+ -webkit-box-orient: vertical;
17378
+ -webkit-box-direction: normal;
17379
+ -ms-flex-direction: column;
17380
+ flex-direction: column;
17381
+ -webkit-box-flex: 1;
17382
+ -ms-flex: 1 0 0px;
17383
+ flex: 1 0 0;
17384
+ overflow: auto;
17381
17385
  }
17382
- .Toastify__progress-bar {
17383
- position: absolute;
17384
- bottom: 0;
17385
- left: 0;
17386
+ .rbc-agenda-view table.rbc-agenda-table {
17386
17387
  width: 100%;
17387
- height: 5px;
17388
- z-index: 9999;
17389
- opacity: 0.7;
17390
- background-color: rgba(255, 255, 255, 0.7);
17391
- transform-origin: left;
17388
+ border: 1px solid #ddd;
17389
+ border-spacing: 0;
17390
+ border-collapse: collapse;
17392
17391
  }
17393
- .Toastify__progress-bar--animated {
17394
- animation: Toastify__trackProgress linear 1 forwards;
17392
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
17393
+ padding: 5px 10px;
17394
+ vertical-align: top;
17395
17395
  }
17396
- .Toastify__progress-bar--controlled {
17397
- transition: transform 0.2s;
17396
+ .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
17397
+ padding-left: 15px;
17398
+ padding-right: 15px;
17399
+ text-transform: lowercase;
17398
17400
  }
17399
- .Toastify__progress-bar--rtl {
17400
- right: 0;
17401
- left: initial;
17402
- transform-origin: right;
17401
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
17402
+ border-left: 1px solid #ddd;
17403
17403
  }
17404
- .Toastify__progress-bar--default {
17405
- background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
17404
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
17405
+ border-left-width: 0;
17406
+ border-right: 1px solid #ddd;
17406
17407
  }
17407
- .Toastify__progress-bar--dark {
17408
- background: #bb86fc;
17408
+ .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
17409
+ border-top: 1px solid #ddd;
17409
17410
  }
17410
- @keyframes Toastify__bounceInRight {
17411
- from, 60%, 75%, 90%, to {
17412
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17413
- }
17414
- from {
17415
- opacity: 0;
17416
- transform: translate3d(3000px, 0, 0);
17417
- }
17418
- 60% {
17419
- opacity: 1;
17420
- transform: translate3d(-25px, 0, 0);
17421
- }
17422
- 75% {
17423
- transform: translate3d(10px, 0, 0);
17424
- }
17425
- 90% {
17426
- transform: translate3d(-5px, 0, 0);
17427
- }
17428
- to {
17429
- transform: none;
17430
- }
17411
+ .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
17412
+ padding: 3px 5px;
17413
+ text-align: left;
17414
+ border-bottom: 1px solid #ddd;
17431
17415
  }
17432
- @keyframes Toastify__bounceOutRight {
17433
- 20% {
17434
- opacity: 1;
17435
- transform: translate3d(-20px, 0, 0);
17436
- }
17437
- to {
17438
- opacity: 0;
17439
- transform: translate3d(2000px, 0, 0);
17440
- }
17416
+ .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
17417
+ text-align: right;
17441
17418
  }
17442
- @keyframes Toastify__bounceInLeft {
17443
- from, 60%, 75%, 90%, to {
17444
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17445
- }
17446
- 0% {
17447
- opacity: 0;
17448
- transform: translate3d(-3000px, 0, 0);
17449
- }
17450
- 60% {
17451
- opacity: 1;
17452
- transform: translate3d(25px, 0, 0);
17453
- }
17454
- 75% {
17455
- transform: translate3d(-10px, 0, 0);
17456
- }
17457
- 90% {
17458
- transform: translate3d(5px, 0, 0);
17459
- }
17460
- to {
17461
- transform: none;
17462
- }
17419
+
17420
+ .rbc-agenda-time-cell {
17421
+ text-transform: lowercase;
17463
17422
  }
17464
- @keyframes Toastify__bounceOutLeft {
17465
- 20% {
17466
- opacity: 1;
17467
- transform: translate3d(20px, 0, 0);
17468
- }
17469
- to {
17470
- opacity: 0;
17471
- transform: translate3d(-2000px, 0, 0);
17472
- }
17423
+ .rbc-agenda-time-cell .rbc-continues-after:after {
17424
+ content: " »";
17473
17425
  }
17474
- @keyframes Toastify__bounceInUp {
17475
- from, 60%, 75%, 90%, to {
17476
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17477
- }
17478
- from {
17479
- opacity: 0;
17480
- transform: translate3d(0, 3000px, 0);
17481
- }
17482
- 60% {
17483
- opacity: 1;
17484
- transform: translate3d(0, -20px, 0);
17485
- }
17486
- 75% {
17487
- transform: translate3d(0, 10px, 0);
17488
- }
17489
- 90% {
17490
- transform: translate3d(0, -5px, 0);
17491
- }
17492
- to {
17493
- transform: translate3d(0, 0, 0);
17494
- }
17426
+ .rbc-agenda-time-cell .rbc-continues-prior:before {
17427
+ content: ";
17495
17428
  }
17496
- @keyframes Toastify__bounceOutUp {
17497
- 20% {
17498
- transform: translate3d(0, -10px, 0);
17499
- }
17500
- 40%, 45% {
17501
- opacity: 1;
17502
- transform: translate3d(0, 20px, 0);
17503
- }
17504
- to {
17505
- opacity: 0;
17506
- transform: translate3d(0, -2000px, 0);
17507
- }
17429
+
17430
+ .rbc-agenda-date-cell,
17431
+ .rbc-agenda-time-cell {
17432
+ white-space: nowrap;
17508
17433
  }
17509
- @keyframes Toastify__bounceInDown {
17510
- from, 60%, 75%, 90%, to {
17511
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
17512
- }
17513
- 0% {
17514
- opacity: 0;
17515
- transform: translate3d(0, -3000px, 0);
17516
- }
17517
- 60% {
17518
- opacity: 1;
17519
- transform: translate3d(0, 25px, 0);
17520
- }
17521
- 75% {
17522
- transform: translate3d(0, -10px, 0);
17523
- }
17524
- 90% {
17525
- transform: translate3d(0, 5px, 0);
17526
- }
17527
- to {
17528
- transform: none;
17529
- }
17434
+
17435
+ .rbc-agenda-event-cell {
17436
+ width: 100%;
17530
17437
  }
17531
- @keyframes Toastify__bounceOutDown {
17532
- 20% {
17533
- transform: translate3d(0, 10px, 0);
17534
- }
17535
- 40%, 45% {
17536
- opacity: 1;
17537
- transform: translate3d(0, -20px, 0);
17538
- }
17539
- to {
17540
- opacity: 0;
17541
- transform: translate3d(0, 2000px, 0);
17542
- }
17438
+
17439
+ .rbc-time-column {
17440
+ display: -webkit-box;
17441
+ display: -ms-flexbox;
17442
+ display: flex;
17443
+ -webkit-box-orient: vertical;
17444
+ -webkit-box-direction: normal;
17445
+ -ms-flex-direction: column;
17446
+ flex-direction: column;
17447
+ min-height: 100%;
17543
17448
  }
17544
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
17545
- animation-name: Toastify__bounceInLeft;
17449
+ .rbc-time-column .rbc-timeslot-group {
17450
+ -webkit-box-flex: 1;
17451
+ -ms-flex: 1;
17452
+ flex: 1;
17546
17453
  }
17547
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
17548
- animation-name: Toastify__bounceInRight;
17454
+
17455
+ .rbc-timeslot-group {
17456
+ border-bottom: 1px solid #ddd;
17457
+ min-height: 40px;
17458
+ display: -webkit-box;
17459
+ display: -ms-flexbox;
17460
+ display: flex;
17461
+ -webkit-box-orient: vertical;
17462
+ -webkit-box-direction: normal;
17463
+ -ms-flex-flow: column nowrap;
17464
+ flex-flow: column nowrap;
17549
17465
  }
17550
- .Toastify__bounce-enter--top-center {
17551
- animation-name: Toastify__bounceInDown;
17466
+
17467
+ .rbc-time-gutter,
17468
+ .rbc-header-gutter {
17469
+ -webkit-box-flex: 0;
17470
+ -ms-flex: none;
17471
+ flex: none;
17552
17472
  }
17553
- .Toastify__bounce-enter--bottom-center {
17554
- animation-name: Toastify__bounceInUp;
17473
+
17474
+ .rbc-label {
17475
+ padding: 0 5px;
17555
17476
  }
17556
17477
 
17557
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
17558
- animation-name: Toastify__bounceOutLeft;
17478
+ .rbc-day-slot {
17479
+ position: relative;
17559
17480
  }
17560
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
17561
- animation-name: Toastify__bounceOutRight;
17481
+ .rbc-day-slot .rbc-events-container {
17482
+ bottom: 0;
17483
+ left: 0;
17484
+ position: absolute;
17485
+ right: 0;
17486
+ margin-right: 10px;
17487
+ top: 0;
17562
17488
  }
17563
- .Toastify__bounce-exit--top-center {
17564
- animation-name: Toastify__bounceOutUp;
17489
+ .rbc-day-slot .rbc-events-container.rbc-rtl {
17490
+ left: 10px;
17491
+ right: 0;
17565
17492
  }
17566
- .Toastify__bounce-exit--bottom-center {
17567
- animation-name: Toastify__bounceOutDown;
17493
+ .rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
17494
+ border: 1px solid #265985;
17495
+ display: -webkit-box;
17496
+ display: -ms-flexbox;
17497
+ display: flex;
17498
+ max-height: 100%;
17499
+ min-height: 20px;
17500
+ -webkit-box-orient: vertical;
17501
+ -webkit-box-direction: normal;
17502
+ -ms-flex-flow: column wrap;
17503
+ flex-flow: column wrap;
17504
+ -webkit-box-align: start;
17505
+ -ms-flex-align: start;
17506
+ align-items: flex-start;
17507
+ overflow: hidden;
17508
+ position: absolute;
17509
+ }
17510
+ .rbc-day-slot .rbc-background-event {
17511
+ opacity: 0.75;
17512
+ }
17513
+ .rbc-day-slot .rbc-event-label {
17514
+ -webkit-box-flex: 0;
17515
+ -ms-flex: none;
17516
+ flex: none;
17517
+ padding-right: 5px;
17518
+ width: auto;
17519
+ }
17520
+ .rbc-day-slot .rbc-event-content {
17521
+ width: 100%;
17522
+ -webkit-box-flex: 1;
17523
+ -ms-flex: 1 1 0px;
17524
+ flex: 1 1 0;
17525
+ word-wrap: break-word;
17526
+ line-height: 1;
17527
+ height: 100%;
17528
+ min-height: 1em;
17529
+ }
17530
+ .rbc-day-slot .rbc-time-slot {
17531
+ border-top: 1px solid #f7f7f7;
17568
17532
  }
17569
17533
 
17570
- @keyframes Toastify__zoomIn {
17571
- from {
17572
- opacity: 0;
17573
- transform: scale3d(0.3, 0.3, 0.3);
17574
- }
17575
- 50% {
17576
- opacity: 1;
17577
- }
17534
+ .rbc-time-view-resources .rbc-time-gutter,
17535
+ .rbc-time-view-resources .rbc-time-header-gutter {
17536
+ position: sticky;
17537
+ left: 0;
17538
+ background-color: white;
17539
+ border-right: 1px solid #ddd;
17540
+ z-index: 10;
17541
+ margin-right: -1px;
17578
17542
  }
17579
- @keyframes Toastify__zoomOut {
17580
- from {
17581
- opacity: 1;
17582
- }
17583
- 50% {
17584
- opacity: 0;
17585
- transform: scale3d(0.3, 0.3, 0.3);
17586
- }
17587
- to {
17588
- opacity: 0;
17589
- }
17543
+ .rbc-time-view-resources .rbc-time-header {
17544
+ overflow: hidden;
17545
+ }
17546
+ .rbc-time-view-resources .rbc-time-header-content {
17547
+ min-width: auto;
17548
+ -webkit-box-flex: 1;
17549
+ -ms-flex: 1 0 0px;
17550
+ flex: 1 0 0;
17551
+ -ms-flex-preferred-size: 0px;
17552
+ flex-basis: 0px;
17553
+ }
17554
+ .rbc-time-view-resources .rbc-time-header-cell-single-day {
17555
+ display: none;
17556
+ }
17557
+ .rbc-time-view-resources .rbc-day-slot {
17558
+ min-width: 140px;
17559
+ }
17560
+ .rbc-time-view-resources .rbc-header,
17561
+ .rbc-time-view-resources .rbc-day-bg {
17562
+ width: 140px;
17563
+ -webkit-box-flex: 1;
17564
+ -ms-flex: 1 1 0px;
17565
+ flex: 1 1 0;
17566
+ -ms-flex-preferred-size: 0 px;
17567
+ flex-basis: 0 px;
17568
+ }
17569
+
17570
+ .rbc-time-header-content + .rbc-time-header-content {
17571
+ margin-left: -1px;
17572
+ }
17573
+
17574
+ .rbc-time-slot {
17575
+ -webkit-box-flex: 1;
17576
+ -ms-flex: 1 0 0px;
17577
+ flex: 1 0 0;
17590
17578
  }
17591
- .Toastify__zoom-enter {
17592
- animation-name: Toastify__zoomIn;
17579
+ .rbc-time-slot.rbc-now {
17580
+ font-weight: bold;
17593
17581
  }
17594
17582
 
17595
- .Toastify__zoom-exit {
17596
- animation-name: Toastify__zoomOut;
17583
+ .rbc-day-header {
17584
+ text-align: center;
17597
17585
  }
17598
17586
 
17599
- @keyframes Toastify__flipIn {
17600
- from {
17601
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
17602
- animation-timing-function: ease-in;
17603
- opacity: 0;
17604
- }
17605
- 40% {
17606
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
17607
- animation-timing-function: ease-in;
17608
- }
17609
- 60% {
17610
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
17611
- opacity: 1;
17612
- }
17613
- 80% {
17614
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
17615
- }
17616
- to {
17617
- transform: perspective(400px);
17618
- }
17619
- }
17620
- @keyframes Toastify__flipOut {
17621
- from {
17622
- transform: perspective(400px);
17623
- }
17624
- 30% {
17625
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
17626
- opacity: 1;
17627
- }
17628
- to {
17629
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
17630
- opacity: 0;
17631
- }
17632
- }
17633
- .Toastify__flip-enter {
17634
- animation-name: Toastify__flipIn;
17587
+ .rbc-slot-selection {
17588
+ z-index: 10;
17589
+ position: absolute;
17590
+ background-color: rgba(0, 0, 0, 0.5);
17591
+ color: white;
17592
+ font-size: 75%;
17593
+ width: 100%;
17594
+ padding: 3px;
17635
17595
  }
17636
17596
 
17637
- .Toastify__flip-exit {
17638
- animation-name: Toastify__flipOut;
17597
+ .rbc-slot-selecting {
17598
+ cursor: move;
17639
17599
  }
17640
17600
 
17641
- @keyframes Toastify__slideInRight {
17642
- from {
17643
- transform: translate3d(110%, 0, 0);
17644
- visibility: visible;
17645
- }
17646
- to {
17647
- transform: translate3d(0, 0, 0);
17648
- }
17601
+ .rbc-time-view {
17602
+ display: -webkit-box;
17603
+ display: -ms-flexbox;
17604
+ display: flex;
17605
+ -webkit-box-orient: vertical;
17606
+ -webkit-box-direction: normal;
17607
+ -ms-flex-direction: column;
17608
+ flex-direction: column;
17609
+ -webkit-box-flex: 1;
17610
+ -ms-flex: 1;
17611
+ flex: 1;
17612
+ width: 100%;
17613
+ border: 1px solid #ddd;
17614
+ min-height: 0;
17649
17615
  }
17650
- @keyframes Toastify__slideInLeft {
17651
- from {
17652
- transform: translate3d(-110%, 0, 0);
17653
- visibility: visible;
17654
- }
17655
- to {
17656
- transform: translate3d(0, 0, 0);
17657
- }
17616
+ .rbc-time-view .rbc-time-gutter {
17617
+ white-space: nowrap;
17618
+ text-align: right;
17658
17619
  }
17659
- @keyframes Toastify__slideInUp {
17660
- from {
17661
- transform: translate3d(0, 110%, 0);
17662
- visibility: visible;
17663
- }
17664
- to {
17665
- transform: translate3d(0, 0, 0);
17666
- }
17620
+ .rbc-time-view .rbc-allday-cell {
17621
+ -webkit-box-sizing: content-box;
17622
+ box-sizing: content-box;
17623
+ width: 100%;
17624
+ height: 100%;
17625
+ position: relative;
17667
17626
  }
17668
- @keyframes Toastify__slideInDown {
17669
- from {
17670
- transform: translate3d(0, -110%, 0);
17671
- visibility: visible;
17672
- }
17673
- to {
17674
- transform: translate3d(0, 0, 0);
17675
- }
17627
+ .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
17628
+ border-left: 1px solid #ddd;
17676
17629
  }
17677
- @keyframes Toastify__slideOutRight {
17678
- from {
17679
- transform: translate3d(0, 0, 0);
17680
- }
17681
- to {
17682
- visibility: hidden;
17683
- transform: translate3d(110%, 0, 0);
17684
- }
17630
+ .rbc-time-view .rbc-allday-events {
17631
+ position: relative;
17632
+ z-index: 4;
17685
17633
  }
17686
- @keyframes Toastify__slideOutLeft {
17687
- from {
17688
- transform: translate3d(0, 0, 0);
17689
- }
17690
- to {
17691
- visibility: hidden;
17692
- transform: translate3d(-110%, 0, 0);
17693
- }
17634
+ .rbc-time-view .rbc-row {
17635
+ -webkit-box-sizing: border-box;
17636
+ box-sizing: border-box;
17637
+ min-height: 20px;
17694
17638
  }
17695
- @keyframes Toastify__slideOutDown {
17696
- from {
17697
- transform: translate3d(0, 0, 0);
17698
- }
17699
- to {
17700
- visibility: hidden;
17701
- transform: translate3d(0, 500px, 0);
17702
- }
17639
+
17640
+ .rbc-time-header {
17641
+ display: -webkit-box;
17642
+ display: -ms-flexbox;
17643
+ display: flex;
17644
+ -webkit-box-flex: 0;
17645
+ -ms-flex: 0 0 auto;
17646
+ flex: 0 0 auto;
17647
+ -webkit-box-orient: horizontal;
17648
+ -webkit-box-direction: normal;
17649
+ -ms-flex-direction: row;
17650
+ flex-direction: row;
17703
17651
  }
17704
- @keyframes Toastify__slideOutUp {
17705
- from {
17706
- transform: translate3d(0, 0, 0);
17707
- }
17708
- to {
17709
- visibility: hidden;
17710
- transform: translate3d(0, -500px, 0);
17711
- }
17652
+ .rbc-time-header.rbc-overflowing {
17653
+ border-right: 1px solid #ddd;
17712
17654
  }
17713
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
17714
- animation-name: Toastify__slideInLeft;
17655
+ .rbc-rtl .rbc-time-header.rbc-overflowing {
17656
+ border-right-width: 0;
17657
+ border-left: 1px solid #ddd;
17715
17658
  }
17716
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
17717
- animation-name: Toastify__slideInRight;
17659
+ .rbc-time-header > .rbc-row:first-child {
17660
+ border-bottom: 1px solid #ddd;
17718
17661
  }
17719
- .Toastify__slide-enter--top-center {
17720
- animation-name: Toastify__slideInDown;
17662
+ .rbc-time-header > .rbc-row.rbc-row-resource {
17663
+ border-bottom: 1px solid #ddd;
17721
17664
  }
17722
- .Toastify__slide-enter--bottom-center {
17723
- animation-name: Toastify__slideInUp;
17665
+
17666
+ .rbc-time-header-cell-single-day {
17667
+ display: none;
17724
17668
  }
17725
17669
 
17726
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
17727
- animation-name: Toastify__slideOutLeft;
17670
+ .rbc-time-header-content {
17671
+ -webkit-box-flex: 1;
17672
+ -ms-flex: 1;
17673
+ flex: 1;
17674
+ display: -webkit-box;
17675
+ display: -ms-flexbox;
17676
+ display: flex;
17677
+ min-width: 0;
17678
+ -webkit-box-orient: vertical;
17679
+ -webkit-box-direction: normal;
17680
+ -ms-flex-direction: column;
17681
+ flex-direction: column;
17682
+ border-left: 1px solid #ddd;
17728
17683
  }
17729
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
17730
- animation-name: Toastify__slideOutRight;
17684
+ .rbc-rtl .rbc-time-header-content {
17685
+ border-left-width: 0;
17686
+ border-right: 1px solid #ddd;
17731
17687
  }
17732
- .Toastify__slide-exit--top-center {
17733
- animation-name: Toastify__slideOutUp;
17688
+ .rbc-time-header-content > .rbc-row.rbc-row-resource {
17689
+ border-bottom: 1px solid #ddd;
17690
+ -ms-flex-negative: 0;
17691
+ flex-shrink: 0;
17734
17692
  }
17735
- .Toastify__slide-exit--bottom-center {
17736
- animation-name: Toastify__slideOutDown;
17693
+
17694
+ .rbc-time-content {
17695
+ display: -webkit-box;
17696
+ display: -ms-flexbox;
17697
+ display: flex;
17698
+ -webkit-box-flex: 1;
17699
+ -ms-flex: 1 0 0%;
17700
+ flex: 1 0 0%;
17701
+ -webkit-box-align: start;
17702
+ -ms-flex-align: start;
17703
+ align-items: flex-start;
17704
+ width: 100%;
17705
+ border-top: 2px solid #ddd;
17706
+ overflow-y: auto;
17707
+ position: relative;
17708
+ }
17709
+ .rbc-time-content > .rbc-time-gutter {
17710
+ -webkit-box-flex: 0;
17711
+ -ms-flex: none;
17712
+ flex: none;
17713
+ }
17714
+ .rbc-time-content > * + * > * {
17715
+ border-left: 1px solid #ddd;
17716
+ }
17717
+ .rbc-rtl .rbc-time-content > * + * > * {
17718
+ border-left-width: 0;
17719
+ border-right: 1px solid #ddd;
17720
+ }
17721
+ .rbc-time-content > .rbc-day-slot {
17722
+ width: 100%;
17723
+ -moz-user-select: none;
17724
+ -ms-user-select: none;
17725
+ user-select: none;
17726
+ -webkit-user-select: none;
17727
+ }
17728
+
17729
+ .rbc-current-time-indicator {
17730
+ position: absolute;
17731
+ z-index: 3;
17732
+ left: 0;
17733
+ right: 0;
17734
+ height: 1px;
17735
+ background-color: #74ad31;
17736
+ pointer-events: none;
17737
17737
  }
17738
17738
  /**
17739
17739
  * Swiper 6.8.4