bukazu-portal-react 2.1.21 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/.github/workflows/dependabot.yml +11 -0
  2. package/.github/workflows/node.js.yml +31 -0
  3. package/.prettierrc +3 -6
  4. package/CHANGELOG.MD +5 -0
  5. package/babel.config.json +1 -1
  6. package/build/index.css +1 -2312
  7. package/build/portal.es.js +35483 -0
  8. package/build/portal.umd.js +596 -0
  9. package/{build/calendar.html → calendar.html} +2 -4
  10. package/coverage/clover.xml +28 -0
  11. package/coverage/coverage-final.json +2 -0
  12. package/coverage/lcov-report/base.css +224 -0
  13. package/coverage/lcov-report/block-navigation.js +87 -0
  14. package/coverage/lcov-report/favicon.png +0 -0
  15. package/coverage/lcov-report/helper.ts.html +142 -0
  16. package/coverage/lcov-report/index.html +116 -0
  17. package/coverage/lcov-report/prettify.css +1 -0
  18. package/coverage/lcov-report/prettify.js +2 -0
  19. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  20. package/coverage/lcov-report/sorter.js +196 -0
  21. package/coverage/lcov.info +36 -0
  22. package/cypress/{integration → e2e}/.examples/actions.spec.js +0 -0
  23. package/cypress/{integration → e2e}/.examples/aliasing.spec.js +0 -0
  24. package/cypress/{integration → e2e}/.examples/assertions.spec.js +0 -0
  25. package/cypress/{integration → e2e}/.examples/connectors.spec.js +0 -0
  26. package/cypress/{integration → e2e}/.examples/cookies.spec.js +0 -0
  27. package/cypress/{integration → e2e}/.examples/cypress_api.spec.js +0 -0
  28. package/cypress/{integration → e2e}/.examples/files.spec.js +0 -0
  29. package/cypress/{integration → e2e}/.examples/local_storage.spec.js +0 -0
  30. package/cypress/{integration → e2e}/.examples/location.spec.js +0 -0
  31. package/cypress/{integration → e2e}/.examples/misc.spec.js +0 -0
  32. package/cypress/{integration → e2e}/.examples/navigation.spec.js +0 -0
  33. package/cypress/{integration → e2e}/.examples/network_requests.spec.js +0 -0
  34. package/cypress/{integration → e2e}/.examples/querying.spec.js +0 -0
  35. package/cypress/{integration → e2e}/.examples/spies_stubs_clocks.spec.js +0 -0
  36. package/cypress/{integration → e2e}/.examples/traversal.spec.js +0 -0
  37. package/cypress/{integration → e2e}/.examples/utilities.spec.js +0 -0
  38. package/cypress/{integration → e2e}/.examples/viewport.spec.js +0 -0
  39. package/cypress/{integration → e2e}/.examples/waiting.spec.js +0 -0
  40. package/cypress/{integration → e2e}/.examples/window.spec.js +0 -0
  41. package/cypress/{integration → e2e}/booking.spec.js +0 -0
  42. package/cypress/{integration → e2e}/calendar.spec.js +0 -0
  43. package/cypress/{integration → e2e}/search.spec.js +0 -0
  44. package/cypress/support/commands.ts +37 -0
  45. package/cypress/support/component-index.html +12 -0
  46. package/cypress/support/component.ts +39 -0
  47. package/cypress/support/{index.js → e2e.js} +0 -0
  48. package/cypress.config.ts +15 -0
  49. package/{dev.js → dev.tsx} +1 -1
  50. package/index.html +15 -0
  51. package/{build/invalid-calendar.html → invalid-calendar.html} +0 -0
  52. package/jest.config.js +195 -0
  53. package/package.json +35 -40
  54. package/reviews.html +16 -0
  55. package/src/_lib/{SearchQueries.js → SearchQueries.ts} +8 -2
  56. package/src/_lib/{countries.js → countries.ts} +0 -0
  57. package/src/_lib/date_helper.ts +27 -0
  58. package/src/_lib/{queries.js → queries.ts} +24 -5
  59. package/src/components/App.tsx +132 -0
  60. package/src/components/AppContext.ts +14 -0
  61. package/src/components/CalendarPage/BookingForm.tsx +42 -0
  62. package/src/components/CalendarPage/Calendar.tsx +50 -0
  63. package/src/components/CalendarPage/CalendarPage.tsx +43 -0
  64. package/src/components/CalendarPage/CalendarParts/CalendarContext.tsx +89 -0
  65. package/src/components/CalendarPage/CalendarParts/CalendarHeader.tsx +72 -0
  66. package/src/components/CalendarPage/CalendarParts/DayClasses.ts +111 -0
  67. package/src/components/CalendarPage/CalendarParts/GenerateCalendar.tsx +64 -0
  68. package/src/components/CalendarPage/CalendarParts/Legend.tsx +33 -0
  69. package/src/components/CalendarPage/CalendarParts/MonthHeader.tsx +15 -0
  70. package/src/components/CalendarPage/CalendarParts/Months.tsx +37 -0
  71. package/src/components/CalendarPage/CalendarParts/RenderCells.tsx +94 -0
  72. package/src/components/CalendarPage/CalendarParts/SingleMonth.tsx +72 -0
  73. package/src/components/CalendarPage/CalendarParts/StartBooking.tsx +17 -0
  74. package/src/components/CalendarPage/CalendarParts/WeekDays.tsx +27 -0
  75. package/src/components/CalendarPage/FormCreator.tsx +213 -0
  76. package/src/components/CalendarPage/FormItems/{Date.js → Date.tsx} +10 -2
  77. package/src/components/CalendarPage/FormItems/{NumberSelect.js → NumberSelect.tsx} +1 -1
  78. package/src/components/CalendarPage/FormItems/{Select.js → Select.tsx} +0 -0
  79. package/src/components/CalendarPage/FormItems/{index.js → index.ts} +0 -0
  80. package/src/components/CalendarPage/PriceField/Price.tsx +58 -0
  81. package/src/components/CalendarPage/PriceField/Queries.ts +23 -0
  82. package/src/components/CalendarPage/PriceField/index.tsx +127 -0
  83. package/src/components/CalendarPage/Summary/{CostRow.js → CostRow.tsx} +19 -3
  84. package/src/components/CalendarPage/Summary/{CostSection.js → CostSection.tsx} +5 -1
  85. package/src/components/CalendarPage/Summary/{CostSummary.js → CostSummary.tsx} +19 -10
  86. package/src/components/CalendarPage/Summary/Description.tsx +27 -0
  87. package/src/components/CalendarPage/Summary/{InsurancesAndRequired.js → InsurancesAndRequired.tsx} +21 -2
  88. package/src/components/CalendarPage/Summary/Object.tsx +59 -0
  89. package/src/components/CalendarPage/Summary/{OnSite.js → OnSite.tsx} +9 -9
  90. package/src/components/CalendarPage/Summary/{OptionalNotOnSite.js → OptionalNotOnSite.tsx} +19 -18
  91. package/src/components/CalendarPage/Summary/{OptionalOnSite.js → OptionalOnSite.tsx} +6 -1
  92. package/src/components/CalendarPage/Summary/{Queries.js → Queries.ts} +3 -3
  93. package/src/components/CalendarPage/Summary/RentAndDiscount.tsx +30 -0
  94. package/src/components/CalendarPage/Summary/{Totals.js → Totals.tsx} +8 -3
  95. package/src/components/CalendarPage/Summary/cost_types.d.ts +31 -0
  96. package/src/components/CalendarPage/Summary/index.tsx +24 -0
  97. package/src/components/CalendarPage/calender_types.d.ts +16 -0
  98. package/src/components/CalendarPage/formParts/AssistanceMessage.tsx +60 -0
  99. package/src/components/CalendarPage/formParts/{BookingHelpers.js → BookingHelpers.tsx} +3 -3
  100. package/src/components/CalendarPage/formParts/{BookingOrOption.js → BookingOrOption.tsx} +6 -1
  101. package/src/components/CalendarPage/formParts/CancelInsuranceText.tsx +105 -0
  102. package/src/components/CalendarPage/formParts/{DefaultBookingFields.js → DefaultBookingFields.ts} +3 -1
  103. package/src/components/CalendarPage/formParts/DiscountCode.tsx +62 -0
  104. package/src/components/CalendarPage/formParts/{Guests.js → Guests.tsx} +10 -4
  105. package/src/components/CalendarPage/formParts/{OptionalBookingFields.js → OptionalBookingFields.tsx} +0 -0
  106. package/src/components/CalendarPage/formParts/{OptionalCosts.js → OptionalCosts.tsx} +1 -2
  107. package/src/components/CalendarPage/formParts/{SuccessMessage.js → SuccessMessage.tsx} +0 -0
  108. package/src/components/CalendarPage/formParts/Validations.tsx +78 -0
  109. package/src/components/CalendarPage/formParts/{discount.js → discount.tsx} +11 -2
  110. package/src/components/CalendarPage/formParts/form_types.d.ts +38 -0
  111. package/src/components/CalendarPage/formParts/{insurances.js → insurances.tsx} +14 -10
  112. package/src/components/CalendarPage/formParts/{radioButtons.js → radioButtons.tsx} +0 -0
  113. package/src/components/Error/{ApiError.js → ApiError.tsx} +6 -4
  114. package/src/components/Error/{IntegrationError.js → IntegrationError.tsx} +17 -11
  115. package/src/components/Error/{index.js → index.ts} +0 -0
  116. package/src/components/{ErrorBoundary.js → ErrorBoundary.tsx} +13 -5
  117. package/src/components/Modal/index.tsx +46 -0
  118. package/src/components/ReviewsPage/Queries.ts +26 -0
  119. package/src/components/ReviewsPage/ReviewsPage.tsx +43 -0
  120. package/src/components/ReviewsPage/Score.tsx +25 -0
  121. package/src/components/ReviewsPage/SingleReview.tsx +38 -0
  122. package/src/components/SafeBooking.tsx +97 -0
  123. package/src/components/SearchPage/Field.tsx +75 -0
  124. package/src/components/SearchPage/Filters.tsx +91 -0
  125. package/src/components/SearchPage/Paginator.tsx +63 -0
  126. package/src/components/SearchPage/Results.tsx +129 -0
  127. package/src/components/SearchPage/{SearchPage.js → SearchPage.tsx} +42 -31
  128. package/src/components/SearchPage/{SingleResult.js → SingleResult.tsx} +15 -8
  129. package/src/components/SearchPage/filters/Categories.tsx +57 -0
  130. package/src/components/SearchPage/filters/DateFilter.tsx +34 -0
  131. package/src/components/SearchPage/filters/List.tsx +80 -0
  132. package/src/components/SearchPage/filters/NumberFilter.tsx +37 -0
  133. package/src/components/SearchPage/filters/Radio.tsx +46 -0
  134. package/src/components/SearchPage/filters/Select.tsx +85 -0
  135. package/src/components/SearchPage/filters/__tests__/helper.spec.js +15 -0
  136. package/src/components/SearchPage/filters/filter_types.d.ts +25 -0
  137. package/src/components/SearchPage/filters/helper.ts +19 -0
  138. package/src/components/icons/ArrowLeft.svg.tsx +20 -0
  139. package/src/components/icons/{ArrowRight.svg.js → ArrowRight.svg.tsx} +0 -0
  140. package/src/components/icons/{Reload.svg.js → Reload.svg.tsx} +0 -0
  141. package/src/components/icons/{info.svg.js → info.svg.tsx} +0 -0
  142. package/src/components/icons/{loading.svg.js → loading.svg.tsx} +1 -1
  143. package/src/custom.d.ts +10 -0
  144. package/src/index.tsx +93 -0
  145. package/src/locales/de.json +4 -3
  146. package/src/locales/en.json +4 -3
  147. package/src/locales/es.json +4 -3
  148. package/src/locales/fr.json +4 -3
  149. package/src/locales/it.json +4 -3
  150. package/src/locales/nl.json +4 -3
  151. package/src/styles/main.css +2 -1
  152. package/src/styles/modal.css +1 -1
  153. package/src/styles/pagination.css +25 -23
  154. package/src/styles/result.css +33 -2
  155. package/src/styles/reviews.css +76 -0
  156. package/src/types.d.ts +85 -0
  157. package/tsconfig.json +17 -0
  158. package/vite.config.ts +31 -0
  159. package/build/index.html +0 -16
  160. package/build/index.js +0 -48528
  161. package/cypress.json +0 -9
  162. package/rollup.config.js +0 -30
  163. package/src/_lib/format.js +0 -16
  164. package/src/components/App.js +0 -164
  165. package/src/components/CalendarPage/BookingForm.js +0 -57
  166. package/src/components/CalendarPage/Calendar.js +0 -373
  167. package/src/components/CalendarPage/CalendarHeader.js +0 -58
  168. package/src/components/CalendarPage/CalendarPage.js +0 -158
  169. package/src/components/CalendarPage/FormCreator.js +0 -278
  170. package/src/components/CalendarPage/FormItems/Wrapper.js +0 -0
  171. package/src/components/CalendarPage/PriceField.js +0 -203
  172. package/src/components/CalendarPage/Summary/Description.js +0 -22
  173. package/src/components/CalendarPage/Summary/Object.js +0 -46
  174. package/src/components/CalendarPage/Summary/RentAndDiscount.js +0 -21
  175. package/src/components/CalendarPage/Summary/index.js +0 -19
  176. package/src/components/CalendarPage/formParts/AssistanceMessage.js +0 -47
  177. package/src/components/CalendarPage/formParts/CancelInsuranceText.js +0 -91
  178. package/src/components/CalendarPage/formParts/DiscountCode.js +0 -62
  179. package/src/components/CalendarPage/formParts/summary.js +0 -43
  180. package/src/components/Modal/index.js +0 -58
  181. package/src/components/ReviewsPage/ReviewsPage.js +0 -15
  182. package/src/components/SafeBooking.js +0 -69
  183. package/src/components/SearchPage/Field.js +0 -241
  184. package/src/components/SearchPage/Filters.js +0 -108
  185. package/src/components/SearchPage/Paginator.js +0 -59
  186. package/src/components/SearchPage/Results.js +0 -130
  187. package/src/components/SearchPage/filters/List.js +0 -63
  188. package/src/components/icons/ArrowLeft.svg.js +0 -18
  189. package/src/index.js +0 -74
  190. package/webpack.config.dev.js +0 -53
  191. package/webpack.config.js +0 -67
package/build/index.css CHANGED
@@ -1,2312 +1 @@
1
- .react-date-picker {
2
- display: inline-flex;
3
- position: relative;
4
- }
5
- .react-date-picker,
6
- .react-date-picker *,
7
- .react-date-picker *:before,
8
- .react-date-picker *:after {
9
- box-sizing: border-box;
10
- }
11
- .react-date-picker--disabled {
12
- background-color: #f0f0f0;
13
- color: #6d6d6d;
14
- }
15
- .react-date-picker__wrapper {
16
- display: flex;
17
- flex-grow: 1;
18
- flex-shrink: 0;
19
- border: thin solid gray;
20
- }
21
- .react-date-picker__inputGroup {
22
- min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);
23
- flex-grow: 1;
24
- padding: 0 2px;
25
- box-sizing: content-box;
26
- }
27
- .react-date-picker__inputGroup__divider {
28
- padding: 1px 0;
29
- white-space: pre;
30
- }
31
- .react-date-picker__inputGroup__input {
32
- min-width: 0.54em;
33
- height: 100%;
34
- position: relative;
35
- padding: 0 1px;
36
- border: 0;
37
- background: none;
38
- font: inherit;
39
- box-sizing: content-box;
40
- -moz-appearance: textfield;
41
- }
42
- .react-date-picker__inputGroup__input::-webkit-outer-spin-button,
43
- .react-date-picker__inputGroup__input::-webkit-inner-spin-button {
44
- -webkit-appearance: none;
45
- margin: 0;
46
- }
47
- .react-date-picker__inputGroup__input:invalid {
48
- background: rgba(255, 0, 0, 0.1);
49
- }
50
- .react-date-picker__inputGroup__input--hasLeadingZero {
51
- margin-left: -0.54em;
52
- padding-left: calc(1px + 0.54em);
53
- }
54
- .react-date-picker__button {
55
- border: 0;
56
- background: transparent;
57
- padding: 4px 6px;
58
- }
59
- .react-date-picker__button:enabled {
60
- cursor: pointer;
61
- }
62
- .react-date-picker__button:enabled:hover .react-date-picker__button__icon,
63
- .react-date-picker__button:enabled:focus .react-date-picker__button__icon {
64
- stroke: #0078d7;
65
- }
66
- .react-date-picker__button:disabled .react-date-picker__button__icon {
67
- stroke: #6d6d6d;
68
- }
69
- .react-date-picker__button svg {
70
- display: inherit;
71
- }
72
- .react-date-picker__calendar {
73
- width: 350px;
74
- max-width: 100vw;
75
- position: absolute;
76
- top: 100%;
77
- left: 0;
78
- z-index: 1;
79
- }
80
- .react-date-picker__calendar--closed {
81
- display: none;
82
- }
83
- .react-date-picker__calendar .react-calendar {
84
- border-width: thin;
85
- }
86
-
87
- .react-calendar {
88
- width: 350px;
89
- max-width: 100%;
90
- background: white;
91
- border: 1px solid #a0a096;
92
- font-family: Arial, Helvetica, sans-serif;
93
- line-height: 1.125em;
94
- }
95
- .react-calendar--doubleView {
96
- width: 700px;
97
- }
98
- .react-calendar--doubleView .react-calendar__viewContainer {
99
- display: flex;
100
- margin: -0.5em;
101
- }
102
- .react-calendar--doubleView .react-calendar__viewContainer > * {
103
- width: 50%;
104
- margin: 0.5em;
105
- }
106
- .react-calendar,
107
- .react-calendar *,
108
- .react-calendar *:before,
109
- .react-calendar *:after {
110
- box-sizing: border-box;
111
- }
112
- .react-calendar button {
113
- margin: 0;
114
- border: 0;
115
- outline: none;
116
- }
117
- .react-calendar button:enabled:hover {
118
- cursor: pointer;
119
- }
120
- .react-calendar__navigation {
121
- display: flex;
122
- height: 44px;
123
- margin-bottom: 1em;
124
- }
125
- .react-calendar__navigation button {
126
- min-width: 44px;
127
- background: none;
128
- }
129
- .react-calendar__navigation button:disabled {
130
- background-color: #f0f0f0;
131
- }
132
- .react-calendar__navigation button:enabled:hover,
133
- .react-calendar__navigation button:enabled:focus {
134
- background-color: #e6e6e6;
135
- }
136
- .react-calendar__month-view__weekdays {
137
- text-align: center;
138
- text-transform: uppercase;
139
- font-weight: bold;
140
- font-size: 0.75em;
141
- }
142
- .react-calendar__month-view__weekdays__weekday {
143
- padding: 0.5em;
144
- }
145
- .react-calendar__month-view__weekNumbers .react-calendar__tile {
146
- display: flex;
147
- align-items: center;
148
- justify-content: center;
149
- font-size: 0.75em;
150
- font-weight: bold;
151
- }
152
- .react-calendar__month-view__days__day--weekend {
153
- color: #d10000;
154
- }
155
- .react-calendar__month-view__days__day--neighboringMonth {
156
- color: #757575;
157
- }
158
- .react-calendar__year-view .react-calendar__tile,
159
- .react-calendar__decade-view .react-calendar__tile,
160
- .react-calendar__century-view .react-calendar__tile {
161
- padding: 2em 0.5em;
162
- }
163
- .react-calendar__tile {
164
- max-width: 100%;
165
- padding: 10px 6.6667px;
166
- background: none;
167
- text-align: center;
168
- line-height: 16px;
169
- }
170
- .react-calendar__tile:disabled {
171
- background-color: #f0f0f0;
172
- }
173
- .react-calendar__tile:enabled:hover,
174
- .react-calendar__tile:enabled:focus {
175
- background-color: #e6e6e6;
176
- }
177
- .react-calendar__tile--now {
178
- background: #ffff76;
179
- }
180
- .react-calendar__tile--now:enabled:hover,
181
- .react-calendar__tile--now:enabled:focus {
182
- background: #ffffa9;
183
- }
184
- .react-calendar__tile--hasActive {
185
- background: #76baff;
186
- }
187
- .react-calendar__tile--hasActive:enabled:hover,
188
- .react-calendar__tile--hasActive:enabled:focus {
189
- background: #a9d4ff;
190
- }
191
- .react-calendar__tile--active {
192
- background: #006edc;
193
- color: white;
194
- }
195
- .react-calendar__tile--active:enabled:hover,
196
- .react-calendar__tile--active:enabled:focus {
197
- background: #1087ff;
198
- }
199
- .react-calendar--selectRange .react-calendar__tile--hover {
200
- background-color: #e6e6e6;
201
- }
202
-
203
- @media screen and (min-width: 1400px) {
204
- #bukazu-app div.calendar-container {
205
- display: flex;
206
- align-items: flex-start;
207
- }
208
- #bukazu-app div.calendar-container .calendar-section {
209
- width: 75%;
210
- order: 1;
211
- }
212
- #bukazu-app div.calendar-container .price-overview {
213
- width: 25%;
214
- order: 2;
215
- }
216
- #bukazu-app div.calendar-container .price-overview .calendar--picker {
217
- flex-direction: column;
218
- }
219
- #bukazu-app div.calendar-container .price-overview .calendar--picker--date, #bukazu-app div.calendar-container .price-overview .calendar--picker .button {
220
- width: auto;
221
- }
222
- #bukazu-app div.calendar-container .price-overview .calendar--picker .button {
223
- padding: 12px;
224
- }
225
- }
226
- @media screen and (max-width: 993px) {
227
- #bukazu-app .price-overview .calendar--picker {
228
- flex-direction: column;
229
- }
230
- #bukazu-app .price-overview .calendar--picker--date, #bukazu-app .price-overview .calendar--picker .button {
231
- width: auto;
232
- }
233
- #bukazu-app .price-overview .calendar--picker .button {
234
- padding: 12px;
235
- }
236
-
237
- }
238
- #bukazu-app .calendars-header {
239
- display: flex;
240
- flex-direction: row;
241
- justify-content: space-around;
242
- }
243
- @media screen and (max-width: 992px) {
244
- #bukazu-app .calendars-header {
245
- /* flex-direction: column; */
246
- }
247
- #bukazu-app .calendars-header .col {
248
- margin: 4px 8px;
249
- }
250
- }
251
- #bukazu-app .calendars-header .col .icon {
252
- padding: 8px 40px;
253
- background-color: rgb(23, 190, 187);
254
- background: var(--bukazu-button);
255
- box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
256
- cursor: pointer;
257
- display: flex;
258
- align-items: center;
259
- justify-content: center;
260
- }
261
- #bukazu-app .calendars-header .col .icon svg {
262
- height: 18px;
263
- }
264
- #bukazu-app .calendars-header .col .icon:hover {
265
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
266
- }
267
- #bukazu-app .assistance {
268
- padding: 16px;
269
- }
270
- #bukazu-app .assistance span {
271
- font-weight: bold;
272
- }
273
- #bukazu-app .calendars-row {
274
- display: flex;
275
- flex-wrap: wrap;
276
- justify-content: flex-start;
277
- }
278
- #bukazu-app .bu-smaller .calendar {
279
- width: 100%;
280
- }
281
- #bukazu-app .bu-smaller .calendar .col {
282
- padding: 16px 4px;
283
- }
284
- #bukazu-app .calendar {
285
- min-width: 48%;
286
- padding: 16px 1%;
287
- box-sizing: border-box;
288
- background: var(--month_background);
289
- }
290
- /* margin: 16px 8px; */
291
- #bukazu-app .calendar.calendar-1 {
292
- min-width: 98%;
293
- }
294
- /* box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25); */
295
- #bukazu-app .calendar.calendar-2 {
296
- min-width: 48%;
297
- }
298
- #bukazu-app .calendar.calendar-3 {
299
- min-width: 32%;
300
- }
301
- #bukazu-app .calendar.calendar-4 {
302
- min-width: calc(25% - 16px);
303
- }
304
- #bukazu-app .calendar .header {
305
- background-color: rgba(211, 211, 211, 0.2);
306
- }
307
- #bukazu-app .calendar .row {
308
- width: 100%;
309
- display: flex;
310
- flex: 1 1 auto;
311
- }
312
- #bukazu-app .calendar .row.days {
313
- border-bottom: 1px solid rgba(211, 211, 211, 0.5);
314
- }
315
- #bukazu-app .calendar .col {
316
- width: 100%;
317
- /* border: solid 1px #fff; */
318
- padding: 4px;
319
- text-transform: capitalize;
320
- text-align: center;
321
- transition: all 0.5s ease;
322
- }
323
- #bukazu-app .calendar .col-center {
324
- text-align: center;
325
- }
326
- #bukazu-app .calendar .col-start {
327
- text-align: left;
328
- }
329
- #bukazu-app .calendar .col-end {
330
- text-align: right;
331
- }
332
- #bukazu-app .calendar .cell {
333
- background: #6eeb83;
334
- background: var(--bukazu-cell);
335
- }
336
- #bukazu-app .calendar .disabled {
337
- opacity: 0;
338
- }
339
- #bukazu-app .calendar .arrival {
340
- background: #6eeb83;
341
- background: var(--bukazu-arrival);
342
- cursor: pointer;
343
- font-weight: bold;
344
- text-decoration: underline;
345
- }
346
- #bukazu-app .calendar .discount {
347
- background: orange;
348
- background: var(--bukazu-discount);
349
- }
350
- /* .discount.arrival {
351
- background: linear-gradient(
352
- 45deg,
353
- var(--bukazu-discount) 50%,
354
- var(--bukazu-arrival) 50%
355
- );
356
- } */
357
- #bukazu-app .calendar .booked-departure {
358
- background: linear-gradient(
359
- 45deg,
360
- var(--bukazu-cell) 50%,
361
- var(--bukazu-booked) 50%
362
- );
363
- }
364
- #bukazu-app .calendar .discount.booked-departure {
365
- background: linear-gradient(
366
- 45deg,
367
- var(--bukazu-discount) 50%,
368
- var(--bukazu-booked) 50%
369
- );
370
- }
371
- #bukazu-app .calendar .departure.discount.booked-departure,
372
- #bukazu-app .calendar .departure.booked-departure,
373
- #bukazu-app .calendar .departure.booked {
374
- background: linear-gradient(
375
- 45deg,
376
- var(--bukazu-departure) 50%,
377
- var(--bukazu-booked) 50%
378
- );
379
- }
380
- #bukazu-app .calendar .departure-arrival {
381
- background: linear-gradient(
382
- 45deg,
383
- var(--bukazu-booked) 50%,
384
- var(--bukazu-arrival) 50%
385
- ) !important;
386
- }
387
- #bukazu-app .calendar .departure-arrival {
388
- cursor: pointer;
389
- }
390
- #bukazu-app .calendar .discount.departure-arrival {
391
- background: linear-gradient(
392
- 45deg,
393
- var(--bukazu-booked) 50%,
394
- var(--bukazu-discount) 50%
395
- ) !important;
396
- }
397
- #bukazu-app .calendar .icon {
398
- cursor: pointer;
399
- }
400
- #bukazu-app .calendar .discount.arrival.departure,
401
- #bukazu-app .calendar .departure {
402
- font-weight: bold;
403
- background: yellow;
404
- background: var(--bukazu-departure);
405
- cursor: pointer;
406
- }
407
- #bukazu-app .calendar .selected {
408
- background: rgb(23, 190, 187) !important;
409
- background: var(--bukazu-button) !important;
410
- }
411
- #bukazu-app .calendar .booked {
412
- background: #ea2b1f;
413
- background: var(--bukazu-booked);
414
- color: #000;
415
- /* filter: invert(100%) */
416
- }
417
- #bukazu-app .legend {
418
- display: flex;
419
- flex-wrap: wrap;
420
- padding: 8px 16px;
421
- }
422
- @media screen and (max-width: 992px) {
423
- #bukazu-app .legend {
424
- flex-direction: column
425
- }
426
- }
427
- #bukazu-app .legend > div {
428
- display: flex;
429
- padding: 0 16px;
430
- }
431
- @media screen and (max-width: 992px) {
432
- #bukazu-app .legend > div {
433
- padding: 4px 8px
434
- }
435
- }
436
- #bukazu-app .legend-field {
437
- display: block;
438
- width: 16px;
439
- height: 16px;
440
- margin: 0 8px 0 0;
441
- }
442
- #bukazu-app .legend-field.booked {
443
- background: #ea2b1f;
444
- background: var(--bukazu-booked);
445
- }
446
- #bukazu-app .legend-field.arrival {
447
- background: #6eeb83;
448
- background: var(--bukazu-arrival);
449
- }
450
- #bukazu-app .legend-field.departure {
451
- background: yellow;
452
- background: var(--bukazu-departure);
453
- }
454
- #bukazu-app .legend-field.last_minute_discount {
455
- background: orange;
456
- background: var(--bukazu-discount);
457
- }
458
- #bukazu-app .calendar--picker {
459
- padding: 8px;
460
- display: flex;
461
- justify-content: space-around;
462
- width: 100%;
463
- box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
464
- }
465
- #bukazu-app .calendar--picker--date {
466
- width: 20%;
467
- display: flex;
468
- flex-direction: column;
469
- justify-content: center;
470
- align-items: center;
471
- padding: 8px 16px;
472
- }
473
- #bukazu-app .calendar--picker--date span.name {
474
- font-size: 18px;
475
- border-bottom: 1px solid #ccc;
476
- padding: 4px 0;
477
- }
478
- @media screen and (max-width: 1200px) {
479
- #bukazu-app .calendar--picker--date span.name {
480
- font-size: 16px
481
- }
482
- }
483
- #bukazu-app .calendar--picker--date span.detail {
484
- display: flex;
485
- padding: 4px 0;
486
- opacity: 0.9;
487
- width: 100%;
488
- justify-content: center;
489
- align-items: center;
490
- }
491
- @media screen and (max-width: 1200px) {
492
- #bukazu-app .calendar--picker--date span.detail {
493
- font-size: 14px
494
- }
495
- }
496
- #bukazu-app .calendar--picker--persons {
497
- border: 1px solid #ccc;
498
- width: 100%;
499
- -webkit-appearance: none;
500
- -moz-appearance: none;
501
- appearance: none;
502
- font-size: 16px;
503
- }
504
- #bukazu-app .calendar--picker .button {
505
- width: 20%;
506
- background: var(--bukazu-button_cta);
507
- color: #fff;
508
- padding: 4px 16px;
509
- margin: 8px 0;
510
- font-weight: bold;
511
- text-align: center;
512
- border: 0;
513
- font-size: 18px;
514
- box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
515
- cursor: pointer;
516
- }
517
- #bukazu-app .calendar--picker .button:disabled {
518
- background: #ccc;
519
- cursor: not-allowed;
520
- }
521
- #bukazu-app .calendar--picker .button:hover {
522
- box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
523
- }
524
- #bukazu-app .form {
525
- max-width: 1400px;
526
- margin: 0 auto;
527
- display: flex;
528
- flex-direction: row;
529
- position: relative;
530
- }
531
- @media screen and (max-width: 992px) {
532
- #bukazu-app .form {
533
- flex-direction: column
534
- }
535
- }
536
- #bukazu-app .form h2 {
537
- padding: 16px 0 24px;
538
- margin: 0;
539
- }
540
- #bukazu-app .form .return-link {
541
- color: var(--bukazu-button);
542
- cursor: pointer;
543
- text-decoration: underline;
544
- }
545
- #bukazu-app .form > div {
546
- /* flex: 1; */
547
- }
548
- #bukazu-app .form .error-message {
549
- width: 100%;
550
- color: red;
551
- font-size: 14px;
552
- padding-bottom: 4px;
553
- }
554
- #bukazu-app .form-content {
555
- width: 70%;
556
- }
557
- @media screen and (max-width: 992px) {
558
- #bukazu-app .form-content {
559
- width: 100%
560
- }
561
- }
562
- #bukazu-app .form-section {
563
- display: flex;
564
- flex-direction: column;
565
- border-bottom: 1px solid #aeacac;
566
- padding: 16px;
567
- }
568
- #bukazu-app .form-section .age-description {
569
- padding: 0 0 0 16px;
570
- }
571
- #bukazu-app .form-sum {
572
- padding: 16px;
573
- background: #fff;
574
- box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
575
- /* position: absolute; */
576
- top: 0;
577
- right: 10%;
578
- min-width: 400px;
579
- max-width: 500px;
580
- align-self: flex-start;
581
- }
582
- @media screen and (max-width: 992px) {
583
- #bukazu-app .form-sum {
584
- min-width: 100%
585
- }
586
- }
587
- #bukazu-app .form-sum .house-details {
588
- padding: 0 0 16px;
589
- border-bottom: 1px solid #aeacac;
590
- }
591
- #bukazu-app .form-sum .house-details img {
592
- padding: 16px 0;
593
- height: 200px;
594
- }
595
- @media screen and (max-width: 992px) {
596
- #bukazu-app .form-sum .house-details img {
597
- max-width: 100%;
598
- height: auto
599
- }
600
- }
601
- #bukazu-app .form-sum .house-details th {
602
- text-align: left;
603
- }
604
- #bukazu-app .form-sum .booking_option {
605
- border: none;
606
- display: flex;
607
- flex-direction: row;
608
- padding: 0;
609
- margin: 0;
610
- border: 1px solid #aeacac;
611
- border-radius: 16px;
612
- overflow: hidden;
613
- margin: 16px 0;
614
- }
615
- #bukazu-app .form-sum .booking_option div {
616
- width: 50%;
617
- text-align: center;
618
- }
619
- #bukazu-app .form-sum .booking_option .legend {
620
- width: 100%;
621
- display: none;
622
- }
623
- #bukazu-app .form-sum .booking_option input {
624
- display: none;
625
- }
626
- #bukazu-app .form-sum .booking_option input:checked + label {
627
- background: var(--bukazu-button);
628
- /* color: #fff; */
629
- }
630
- #bukazu-app .form-sum .booking_option input:disabled + label {
631
- background: #efefef;
632
- color: #ccc;
633
- /* color: #fff; */
634
- }
635
- #bukazu-app .form-sum .booking_option label {
636
- border-radius: 16px;
637
- display: block;
638
- flex: 1 1 auto;
639
- padding: 8px 16px;
640
- line-height: 2rem;
641
- transition: all 0.2s ease;
642
- cursor: pointer;
643
- margin: 0;
644
- }
645
- #bukazu-app .form-sum .costs-section {
646
- padding: 16px 0;
647
- }
648
- #bukazu-app .form-sum .costs-section table {
649
- width: 100%;
650
- }
651
- #bukazu-app .form-sum .costs-section table tr {
652
- width: 100%;
653
- }
654
- #bukazu-app .form-sum .costs-section table tr td {
655
- width: 60%;
656
- }
657
- #bukazu-app .form-sum .costs-section .price {
658
- text-align: right;
659
- width: 40%;
660
- }
661
- #bukazu-app .form-sum .terms {
662
- padding: 8px 0;
663
- }
664
- #bukazu-app .form-sum .terms button {
665
- padding: 0 4px;
666
- background: 0;
667
- display: inline;
668
- width: auto;
669
- font-size: 16px;
670
- background: none;
671
- border: none;
672
- padding: 0;
673
- font: inherit;
674
- cursor: pointer;
675
- outline: inherit;
676
- color: var(--bukazu-button);
677
- }
678
- #bukazu-app .form-sum .terms button:hover {
679
- box-shadow: none;
680
- text-decoration: underline;
681
- }
682
- #bukazu-app .form-sum button {
683
- width: 100%;
684
- padding: 16px;
685
- border: 0;
686
- color: #fff;
687
- font-size: 20px;
688
- background: var(--bukazu-button_cta);
689
- cursor: pointer;
690
- }
691
- #bukazu-app .form-sum button:hover {
692
- box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
693
- }
694
- #bukazu-app .form-row {
695
- display: flex;
696
- flex-direction: column;
697
- padding: 8px 0;
698
- }
699
- #bukazu-app .form-row select,
700
- #bukazu-app .form-row input,
701
- #bukazu-app .form-row .bukazu-date-picker {
702
- max-width: 50%;
703
- }
704
- @media screen and (max-width: 992px) {
705
- #bukazu-app .form-row select,
706
- #bukazu-app .form-row input,
707
- #bukazu-app .form-row .bukazu-date-picker {
708
- max-width: 100%
709
- }
710
- }
711
- #bukazu-app .form-row .bu-input-description {
712
- font-style: italic;
713
- }
714
- #bukazu-app .form-row.inline {
715
- align-items: center;
716
- display: flex;
717
- flex-direction: row;
718
- /* justify-content: space-between; */
719
- flex-wrap: wrap;
720
- width: 100%;
721
- }
722
- #bukazu-app .form-row.inline.hidden {
723
- display: none;
724
- }
725
- #bukazu-app .form-row.inline label {
726
- width: 30%;
727
- font-size: 16px;
728
- }
729
- @media screen and (max-width: 992px) {
730
- #bukazu-app .form-row.inline label {
731
- width: auto
732
- }
733
- }
734
- #bukazu-app .form-row.inline select,
735
- #bukazu-app .form-row.inline input {
736
- width: auto;
737
- min-width: 150px;
738
- padding: 8px 64px 8px 16px;
739
- }
740
- @media screen and (max-width: 992px) {
741
- #bukazu-app .form-row.inline select,
742
- #bukazu-app .form-row.inline input {
743
- order: 3;
744
- width: 100%
745
- }
746
- }
747
- #bukazu-app .form-row.inline .info-button {
748
- margin: 0 0 0 8px;
749
- }
750
- #bukazu-app .form-row.inline .price_per {
751
- padding: 0 0 0 50px;
752
- }
753
- #bukazu-app .form .return-message {
754
- position: fixed;
755
- top: 20%;
756
- left: 50%;
757
- transform: translate(-50%, 0);
758
- }
759
- #bukazu-app input, #bukazu-app select {
760
- -webkit-appearance: none;
761
- -moz-appearance: none;
762
- appearance: none;
763
- border: 1px solid rgba(69, 74, 83, 0.2);
764
- border-radius: 8px;
765
- padding: 8px 16px;
766
- font-size: 16px;
767
- width: 100%;
768
- box-sizing: border-box;
769
- margin: 4px 0 8px;
770
- }
771
- #bukazu-app .react-date-picker__wrapper {
772
- border: 1px solid rgba(69, 74, 83, 0.2);
773
- border-radius: 8px;
774
- padding: 8px 16px;
775
- margin: 4px 0 8px;
776
- }
777
- #bukazu-app .react-date-picker__inputGroup {
778
- box-sizing: content-box;
779
- }
780
- #bukazu-app .react-date-picker__inputGroup input {
781
- padding: 0;
782
- }
783
- #bukazu-app .react-date-picker__inputGroup input.react-date-picker__inputGroup__input {
784
- padding: 0 1px;
785
- border: 0;
786
- box-sizing: content-box;
787
- -webkit-appearance: textfield;
788
- -moz-appearance: textfield;
789
- appearance: textfield;
790
- }
791
- #bukazu-app input[type=radio],
792
- #bukazu-app input[type=checkbox] {
793
- width: 8px;
794
- height: 8px;
795
- padding: 8px;
796
- margin: 0 16px 0 0;
797
- position: relative;
798
- border-radius: 16px;
799
- }
800
- #bukazu-app input[type=checkbox] {
801
- border-radius: 0;
802
- }
803
- #bukazu-app input[type=checkbox]:checked+label,
804
- #bukazu-app input[type=radio]:checked+label {
805
- font-weight: bold;
806
- }
807
- #bukazu-app input[type=radio]:checked::after {
808
- content: '';
809
- position: absolute;
810
- top: 0;
811
- bottom: 0;
812
- left: 0;
813
- right: 0;
814
- margin: auto;
815
- height: 10px;
816
- width: 10px;
817
- border-radius: 16px;
818
- background: var(--bukazu-button);
819
- }
820
- #bukazu-app input[type=checkbox]:checked::after {
821
- /*Add another block-level blank space*/
822
- content: '';
823
- display: block;
824
- position: absolute;
825
- left: 6px;
826
- top: 2px;
827
-
828
- /*Make it a small rectangle so the border will create an L-shape*/
829
- width: 4px;
830
- height: 8px;
831
-
832
- /*Add a white border on the bottom and left, creating that 'L' */
833
- border: solid var(--bukazu-button);
834
- border-width: 0 2px 2px 0;
835
-
836
- /*Rotate the L 45 degrees to turn it into a checkmark*/
837
- transform: rotate(45deg);
838
- }
839
- #bukazu-app .radioList {
840
- padding: 0;
841
- list-style: none;
842
- }
843
- #bukazu-app .radioList .bu-list-item {
844
- display: flex;
845
- align-items: center;
846
- cursor: pointer;
847
- }
848
- #bukazu-app .radioList .bu-list-item label {
849
- padding: 4px 0;
850
- cursor: pointer;
851
- }
852
- #bukazu-app .radioList .bu-disabled {
853
- display: none;
854
- }
855
- #bukazu-app .PresetDateRangePicker_panel {
856
- padding: 0 22px 11px;
857
- }
858
- #bukazu-app .PresetDateRangePicker_button {
859
- position: relative;
860
- height: 100%;
861
- text-align: center;
862
- background: 0 0;
863
- border: 2px solid #00a699;
864
- color: #00a699;
865
- padding: 4px 12px;
866
- margin-right: 8px;
867
- font: inherit;
868
- font-weight: 700;
869
- line-height: normal;
870
- overflow: visible;
871
- box-sizing: border-box;
872
- cursor: pointer;
873
- }
874
- #bukazu-app .PresetDateRangePicker_button:active {
875
- outline: 0;
876
- }
877
- #bukazu-app .PresetDateRangePicker_button__selected {
878
- color: #fff;
879
- background: #00a699;
880
- }
881
- #bukazu-app .SingleDatePickerInput {
882
- display: inline-block;
883
- background-color: #fff;
884
- }
885
- #bukazu-app .SingleDatePickerInput__withBorder {
886
- border-radius: 2px;
887
- border: 1px solid #dbdbdb;
888
- }
889
- #bukazu-app .SingleDatePickerInput__rtl {
890
- direction: rtl;
891
- }
892
- #bukazu-app .SingleDatePickerInput__disabled {
893
- background-color: #f2f2f2;
894
- }
895
- #bukazu-app .SingleDatePickerInput__block {
896
- display: block;
897
- }
898
- #bukazu-app .SingleDatePickerInput__showClearDate {
899
- padding-right: 30px;
900
- }
901
- #bukazu-app .SingleDatePickerInput_clearDate {
902
- background: 0 0;
903
- border: 0;
904
- color: inherit;
905
- font: inherit;
906
- line-height: normal;
907
- overflow: visible;
908
- cursor: pointer;
909
- padding: 10px;
910
- margin: 0 10px 0 5px;
911
- position: absolute;
912
- right: 0;
913
- top: 50%;
914
- transform: translateY(-50%);
915
- }
916
- #bukazu-app .SingleDatePickerInput_clearDate__default:focus,
917
- #bukazu-app .SingleDatePickerInput_clearDate__default:hover {
918
- background: #dbdbdb;
919
- border-radius: 50%;
920
- }
921
- #bukazu-app .SingleDatePickerInput_clearDate__small {
922
- padding: 6px;
923
- }
924
- #bukazu-app .SingleDatePickerInput_clearDate__hide {
925
- visibility: hidden;
926
- }
927
- #bukazu-app .SingleDatePickerInput_clearDate_svg {
928
- fill: #82888a;
929
- height: 12px;
930
- width: 15px;
931
- vertical-align: middle;
932
- }
933
- #bukazu-app .SingleDatePickerInput_clearDate_svg__small {
934
- height: 9px;
935
- }
936
- #bukazu-app .SingleDatePickerInput_calendarIcon {
937
- background: 0 0;
938
- border: 0;
939
- color: inherit;
940
- font: inherit;
941
- line-height: normal;
942
- overflow: visible;
943
- cursor: pointer;
944
- display: inline-block;
945
- vertical-align: middle;
946
- padding: 10px;
947
- margin: 0 5px 0 10px;
948
- }
949
- #bukazu-app .SingleDatePickerInput_calendarIcon_svg {
950
- fill: #82888a;
951
- height: 15px;
952
- width: 14px;
953
- vertical-align: middle;
954
- }
955
- #bukazu-app .SingleDatePicker {
956
- position: relative;
957
- display: inline-block;
958
- }
959
- #bukazu-app .SingleDatePicker__block {
960
- display: block;
961
- }
962
- #bukazu-app .SingleDatePicker_picker {
963
- z-index: 1;
964
- background-color: #fff;
965
- position: absolute;
966
- }
967
- #bukazu-app .SingleDatePicker_picker__rtl {
968
- direction: rtl;
969
- }
970
- #bukazu-app .SingleDatePicker_picker__directionLeft {
971
- left: 0;
972
- }
973
- #bukazu-app .SingleDatePicker_picker__directionRight {
974
- right: 0;
975
- }
976
- #bukazu-app .SingleDatePicker_picker__portal {
977
- background-color: rgba(0, 0, 0, 0.3);
978
- position: fixed;
979
- top: 0;
980
- left: 0;
981
- height: 100%;
982
- width: 100%;
983
- }
984
- #bukazu-app .SingleDatePicker_picker__fullScreenPortal {
985
- background-color: #fff;
986
- }
987
- #bukazu-app .SingleDatePicker_closeButton {
988
- background: 0 0;
989
- border: 0;
990
- color: inherit;
991
- font: inherit;
992
- line-height: normal;
993
- overflow: visible;
994
- cursor: pointer;
995
- position: absolute;
996
- top: 0;
997
- right: 0;
998
- padding: 15px;
999
- z-index: 2;
1000
- }
1001
- #bukazu-app .SingleDatePicker_closeButton:focus,
1002
- #bukazu-app .SingleDatePicker_closeButton:hover {
1003
- color: darken(#cacccd, 10%);
1004
- text-decoration: none;
1005
- }
1006
- #bukazu-app .SingleDatePicker_closeButton_svg {
1007
- height: 15px;
1008
- width: 15px;
1009
- fill: #cacccd;
1010
- }
1011
- #bukazu-app .DayPickerKeyboardShortcuts_buttonReset {
1012
- background: 0 0;
1013
- border: 0;
1014
- border-radius: 0;
1015
- color: inherit;
1016
- font: inherit;
1017
- line-height: normal;
1018
- overflow: visible;
1019
- padding: 0;
1020
- cursor: pointer;
1021
- font-size: 14px;
1022
- }
1023
- #bukazu-app .DayPickerKeyboardShortcuts_buttonReset:active {
1024
- outline: 0;
1025
- }
1026
- #bukazu-app .DayPickerKeyboardShortcuts_show {
1027
- width: 33px;
1028
- height: 26px;
1029
- position: absolute;
1030
- z-index: 2;
1031
- }
1032
- #bukazu-app .DayPickerKeyboardShortcuts_show::before {
1033
- content: "";
1034
- display: block;
1035
- position: absolute;
1036
- }
1037
- #bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight {
1038
- bottom: 0;
1039
- right: 0;
1040
- }
1041
- #bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight::before {
1042
- border-top: 26px solid transparent;
1043
- border-right: 33px solid #00a699;
1044
- bottom: 0;
1045
- right: 0;
1046
- }
1047
- #bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
1048
- border-right: 33px solid #008489;
1049
- }
1050
- #bukazu-app .DayPickerKeyboardShortcuts_show__topRight {
1051
- top: 0;
1052
- right: 0;
1053
- }
1054
- #bukazu-app .DayPickerKeyboardShortcuts_show__topRight::before {
1055
- border-bottom: 26px solid transparent;
1056
- border-right: 33px solid #00a699;
1057
- top: 0;
1058
- right: 0;
1059
- }
1060
- #bukazu-app .DayPickerKeyboardShortcuts_show__topRight:hover::before {
1061
- border-right: 33px solid #008489;
1062
- }
1063
- #bukazu-app .DayPickerKeyboardShortcuts_show__topLeft {
1064
- top: 0;
1065
- left: 0;
1066
- }
1067
- #bukazu-app .DayPickerKeyboardShortcuts_show__topLeft::before {
1068
- border-bottom: 26px solid transparent;
1069
- border-left: 33px solid #00a699;
1070
- top: 0;
1071
- left: 0;
1072
- }
1073
- #bukazu-app .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
1074
- border-left: 33px solid #008489;
1075
- }
1076
- #bukazu-app .DayPickerKeyboardShortcuts_showSpan {
1077
- color: #fff;
1078
- position: absolute;
1079
- }
1080
- #bukazu-app .DayPickerKeyboardShortcuts_showSpan__bottomRight {
1081
- bottom: 0;
1082
- right: 5px;
1083
- }
1084
- #bukazu-app .DayPickerKeyboardShortcuts_showSpan__topRight {
1085
- top: 1px;
1086
- right: 5px;
1087
- }
1088
- #bukazu-app .DayPickerKeyboardShortcuts_showSpan__topLeft {
1089
- top: 1px;
1090
- left: 5px;
1091
- }
1092
- #bukazu-app .DayPickerKeyboardShortcuts_panel {
1093
- overflow: auto;
1094
- background: #fff;
1095
- border: 1px solid #dbdbdb;
1096
- border-radius: 2px;
1097
- position: absolute;
1098
- top: 0;
1099
- bottom: 0;
1100
- right: 0;
1101
- left: 0;
1102
- z-index: 2;
1103
- padding: 22px;
1104
- margin: 33px;
1105
- text-align: left;
1106
- }
1107
- #bukazu-app .DayPickerKeyboardShortcuts_title {
1108
- font-size: 16px;
1109
- font-weight: 700;
1110
- margin: 0;
1111
- }
1112
- #bukazu-app .DayPickerKeyboardShortcuts_list {
1113
- list-style: none;
1114
- padding: 0;
1115
- font-size: 14px;
1116
- }
1117
- #bukazu-app .DayPickerKeyboardShortcuts_close {
1118
- position: absolute;
1119
- right: 22px;
1120
- top: 22px;
1121
- z-index: 2;
1122
- }
1123
- #bukazu-app .DayPickerKeyboardShortcuts_close:active {
1124
- outline: 0;
1125
- }
1126
- #bukazu-app .DayPickerKeyboardShortcuts_closeSvg {
1127
- height: 15px;
1128
- width: 15px;
1129
- fill: #cacccd;
1130
- }
1131
- #bukazu-app .DayPickerKeyboardShortcuts_closeSvg:focus,
1132
- #bukazu-app .DayPickerKeyboardShortcuts_closeSvg:hover {
1133
- fill: #82888a;
1134
- }
1135
- #bukazu-app .CalendarDay {
1136
- box-sizing: border-box;
1137
- cursor: pointer;
1138
- font-size: 14px;
1139
- text-align: center;
1140
- padding: 0;
1141
- }
1142
- #bukazu-app .CalendarDay:active {
1143
- outline: 0;
1144
- }
1145
- #bukazu-app .CalendarDay__defaultCursor {
1146
- cursor: default;
1147
- }
1148
- #bukazu-app .CalendarDay__default {
1149
- border: 1px solid #e4e7e7;
1150
- color: #484848;
1151
- background: #fff;
1152
- }
1153
- #bukazu-app .CalendarDay__default:hover {
1154
- background: #e4e7e7;
1155
- border: 1px solid #e4e7e7;
1156
- color: inherit;
1157
- }
1158
- #bukazu-app .CalendarDay__hovered_offset {
1159
- background: #f4f5f5;
1160
- border: 1px double #e4e7e7;
1161
- color: inherit;
1162
- }
1163
- #bukazu-app .CalendarDay__outside {
1164
- border: 0;
1165
- background: #fff;
1166
- color: #484848;
1167
- }
1168
- #bukazu-app .CalendarDay__outside:hover {
1169
- border: 0;
1170
- }
1171
- #bukazu-app .CalendarDay__blocked_minimum_nights {
1172
- background: #fff;
1173
- border: 1px solid #eceeee;
1174
- color: #cacccd;
1175
- }
1176
- #bukazu-app .CalendarDay__blocked_minimum_nights:active,
1177
- #bukazu-app .CalendarDay__blocked_minimum_nights:hover {
1178
- background: #fff;
1179
- color: #cacccd;
1180
- }
1181
- #bukazu-app .CalendarDay__highlighted_calendar {
1182
- background: #ffe8bc;
1183
- color: #484848;
1184
- }
1185
- #bukazu-app .CalendarDay__highlighted_calendar:active,
1186
- #bukazu-app .CalendarDay__highlighted_calendar:hover {
1187
- background: #ffce71;
1188
- color: #484848;
1189
- }
1190
- #bukazu-app .CalendarDay__selected_span {
1191
- background: #66e2da;
1192
- border: 1px double #33dacd;
1193
- color: #fff;
1194
- }
1195
- #bukazu-app .CalendarDay__selected_span:active,
1196
- #bukazu-app .CalendarDay__selected_span:hover {
1197
- background: #33dacd;
1198
- border: 1px double #33dacd;
1199
- color: #fff;
1200
- }
1201
- #bukazu-app .CalendarDay__last_in_range,
1202
- #bukazu-app .CalendarDay__last_in_range:hover {
1203
- border-style: solid;
1204
- }
1205
- #bukazu-app .CalendarDay__selected,
1206
- #bukazu-app .CalendarDay__selected:active,
1207
- #bukazu-app .CalendarDay__selected:hover {
1208
- background: #00a699;
1209
- border: 1px double #00a699;
1210
- color: #fff;
1211
- }
1212
- #bukazu-app .CalendarDay__hovered_span,
1213
- #bukazu-app .CalendarDay__hovered_span:hover {
1214
- background: #b2f1ec;
1215
- border: 1px double #80e8e0;
1216
- color: #007a87;
1217
- }
1218
- #bukazu-app .CalendarDay__hovered_span:active {
1219
- background: #80e8e0;
1220
- border: 1px double #80e8e0;
1221
- color: #007a87;
1222
- }
1223
- #bukazu-app .CalendarDay__blocked_calendar,
1224
- #bukazu-app .CalendarDay__blocked_calendar:active,
1225
- #bukazu-app .CalendarDay__blocked_calendar:hover {
1226
- background: #cacccd;
1227
- border: 1px solid #cacccd;
1228
- color: #82888a;
1229
- }
1230
- #bukazu-app .CalendarDay__blocked_out_of_range,
1231
- #bukazu-app .CalendarDay__blocked_out_of_range:active,
1232
- #bukazu-app .CalendarDay__blocked_out_of_range:hover {
1233
- background: #fff;
1234
- border: 1px solid #e4e7e7;
1235
- color: #cacccd;
1236
- }
1237
- #bukazu-app .CalendarMonth {
1238
- background: #fff;
1239
- text-align: center;
1240
- vertical-align: top;
1241
- -webkit-user-select: none;
1242
- -moz-user-select: none;
1243
- user-select: none;
1244
- }
1245
- #bukazu-app .CalendarMonth_table {
1246
- border-collapse: collapse;
1247
- border-spacing: 0;
1248
- }
1249
- #bukazu-app .CalendarMonth_verticalSpacing {
1250
- border-collapse: separate;
1251
- }
1252
- #bukazu-app .CalendarMonth_caption {
1253
- color: #484848;
1254
- font-size: 18px;
1255
- text-align: center;
1256
- padding-top: 22px;
1257
- padding-bottom: 37px;
1258
- caption-side: top;
1259
- caption-side: initial;
1260
- }
1261
- #bukazu-app .CalendarMonth_caption__verticalScrollable {
1262
- padding-top: 12px;
1263
- padding-bottom: 7px;
1264
- }
1265
- #bukazu-app .CalendarMonthGrid {
1266
- background: #fff;
1267
- text-align: left;
1268
- z-index: 0;
1269
- }
1270
- #bukazu-app .CalendarMonthGrid__animating {
1271
- z-index: 1;
1272
- }
1273
- #bukazu-app .CalendarMonthGrid__horizontal {
1274
- position: absolute;
1275
- left: 9px;
1276
- }
1277
- #bukazu-app .CalendarMonthGrid__vertical {
1278
- margin: 0 auto;
1279
- }
1280
- #bukazu-app .CalendarMonthGrid__vertical_scrollable {
1281
- margin: 0 auto;
1282
- overflow-y: scroll;
1283
- }
1284
- #bukazu-app .CalendarMonthGrid_month__horizontal {
1285
- display: inline-block;
1286
- vertical-align: top;
1287
- min-height: 100%;
1288
- }
1289
- #bukazu-app .CalendarMonthGrid_month__hideForAnimation {
1290
- position: absolute;
1291
- z-index: -1;
1292
- opacity: 0;
1293
- pointer-events: none;
1294
- }
1295
- #bukazu-app .CalendarMonthGrid_month__hidden {
1296
- visibility: hidden;
1297
- }
1298
- #bukazu-app .DayPickerNavigation {
1299
- position: relative;
1300
- z-index: 2;
1301
- }
1302
- #bukazu-app .DayPickerNavigation__horizontal {
1303
- height: 0;
1304
- }
1305
- #bukazu-app .DayPickerNavigation__verticalDefault {
1306
- position: absolute;
1307
- width: 100%;
1308
- height: 52px;
1309
- bottom: 0;
1310
- left: 0;
1311
- }
1312
- #bukazu-app .DayPickerNavigation__verticalScrollableDefault {
1313
- position: relative;
1314
- }
1315
- #bukazu-app .DayPickerNavigation_button {
1316
- cursor: pointer;
1317
- -webkit-user-select: none;
1318
- -moz-user-select: none;
1319
- user-select: none;
1320
- border: 0;
1321
- padding: 0;
1322
- margin: 0;
1323
- }
1324
- #bukazu-app .DayPickerNavigation_button__default {
1325
- border: 1px solid #e4e7e7;
1326
- background-color: #fff;
1327
- color: #757575;
1328
- }
1329
- #bukazu-app .DayPickerNavigation_button__default:focus,
1330
- #bukazu-app .DayPickerNavigation_button__default:hover {
1331
- border: 1px solid #c4c4c4;
1332
- }
1333
- #bukazu-app .DayPickerNavigation_button__default:active {
1334
- background: #f2f2f2;
1335
- }
1336
- #bukazu-app .DayPickerNavigation_button__disabled {
1337
- cursor: default;
1338
- border: 1px solid #f2f2f2;
1339
- }
1340
- #bukazu-app .DayPickerNavigation_button__disabled:focus,
1341
- #bukazu-app .DayPickerNavigation_button__disabled:hover {
1342
- border: 1px solid #f2f2f2;
1343
- }
1344
- #bukazu-app .DayPickerNavigation_button__disabled:active {
1345
- background: 0 0;
1346
- }
1347
- #bukazu-app .DayPickerNavigation_button__horizontalDefault {
1348
- position: absolute;
1349
- top: 18px;
1350
- line-height: 0.78;
1351
- border-radius: 3px;
1352
- padding: 6px 9px;
1353
- }
1354
- #bukazu-app .DayPickerNavigation_leftButton__horizontalDefault {
1355
- left: 22px;
1356
- }
1357
- #bukazu-app .DayPickerNavigation_rightButton__horizontalDefault {
1358
- right: 22px;
1359
- }
1360
- #bukazu-app .DayPickerNavigation_button__verticalDefault {
1361
- padding: 5px;
1362
- background: #fff;
1363
- box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
1364
- position: relative;
1365
- display: inline-block;
1366
- text-align: center;
1367
- height: 100%;
1368
- width: 50%;
1369
- }
1370
- #bukazu-app .DayPickerNavigation_nextButton__verticalDefault {
1371
- border-left: 0;
1372
- }
1373
- #bukazu-app .DayPickerNavigation_nextButton__verticalScrollableDefault {
1374
- width: 100%;
1375
- }
1376
- #bukazu-app .DayPickerNavigation_svg__horizontal {
1377
- height: 19px;
1378
- width: 19px;
1379
- fill: #82888a;
1380
- display: block;
1381
- }
1382
- #bukazu-app .DayPickerNavigation_svg__vertical {
1383
- height: 42px;
1384
- width: 42px;
1385
- fill: #484848;
1386
- }
1387
- #bukazu-app .DayPickerNavigation_svg__disabled {
1388
- fill: #f2f2f2;
1389
- }
1390
- #bukazu-app .DayPicker {
1391
- background: #fff;
1392
- position: relative;
1393
- text-align: left;
1394
- }
1395
- #bukazu-app .DayPicker__horizontal {
1396
- background: #fff;
1397
- }
1398
- #bukazu-app .DayPicker__verticalScrollable {
1399
- height: 100%;
1400
- }
1401
- #bukazu-app .DayPicker__hidden {
1402
- visibility: hidden;
1403
- }
1404
- #bukazu-app .DayPicker__withBorder {
1405
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
1406
- border-radius: 3px;
1407
- }
1408
- #bukazu-app .DayPicker_portal__horizontal {
1409
- box-shadow: none;
1410
- position: absolute;
1411
- left: 50%;
1412
- top: 50%;
1413
- }
1414
- #bukazu-app .DayPicker_portal__vertical {
1415
- position: static;
1416
- position: initial;
1417
- }
1418
- #bukazu-app .DayPicker_focusRegion {
1419
- outline: 0;
1420
- }
1421
- #bukazu-app .DayPicker_calendarInfo__horizontal,
1422
- #bukazu-app .DayPicker_wrapper__horizontal {
1423
- display: inline-block;
1424
- vertical-align: top;
1425
- }
1426
- #bukazu-app .DayPicker_weekHeaders {
1427
- position: relative;
1428
- }
1429
- #bukazu-app .DayPicker_weekHeaders__horizontal {
1430
- margin-left: 9px;
1431
- }
1432
- #bukazu-app .DayPicker_weekHeader {
1433
- color: #757575;
1434
- position: absolute;
1435
- top: 62px;
1436
- z-index: 2;
1437
- text-align: left;
1438
- }
1439
- #bukazu-app .DayPicker_weekHeader__vertical {
1440
- left: 50%;
1441
- }
1442
- #bukazu-app .DayPicker_weekHeader__verticalScrollable {
1443
- top: 0;
1444
- display: table-row;
1445
- border-bottom: 1px solid #dbdbdb;
1446
- background: #fff;
1447
- margin-left: 0;
1448
- left: 0;
1449
- width: 100%;
1450
- text-align: center;
1451
- }
1452
- #bukazu-app .DayPicker_weekHeader_ul {
1453
- list-style: none;
1454
- margin: 1px 0;
1455
- padding: 0;
1456
- font-size: 14px;
1457
- }
1458
- #bukazu-app .DayPicker_weekHeader_li {
1459
- display: inline-block;
1460
- text-align: center;
1461
- }
1462
- #bukazu-app .DayPicker_transitionContainer {
1463
- position: relative;
1464
- overflow: hidden;
1465
- border-radius: 3px;
1466
- }
1467
- #bukazu-app .DayPicker_transitionContainer__horizontal {
1468
- transition: height 0.2s ease-in-out;
1469
- }
1470
- #bukazu-app .DayPicker_transitionContainer__vertical {
1471
- width: 100%;
1472
- }
1473
- #bukazu-app .DayPicker_transitionContainer__verticalScrollable {
1474
- padding-top: 20px;
1475
- height: 100%;
1476
- position: absolute;
1477
- top: 0;
1478
- bottom: 0;
1479
- right: 0;
1480
- left: 0;
1481
- overflow-y: scroll;
1482
- }
1483
- #bukazu-app .DateInput {
1484
- margin: 0;
1485
- padding: 0;
1486
- background: #fff;
1487
- position: relative;
1488
- display: inline-block;
1489
- width: 130px;
1490
- vertical-align: middle;
1491
- }
1492
- #bukazu-app .DateInput__small {
1493
- width: 97px;
1494
- }
1495
- #bukazu-app .DateInput__block {
1496
- width: 100%;
1497
- }
1498
- #bukazu-app .DateInput__disabled {
1499
- background: #f2f2f2;
1500
- color: #dbdbdb;
1501
- }
1502
- #bukazu-app .DateInput_input {
1503
- font-weight: 200;
1504
- font-size: 19px;
1505
- line-height: 24px;
1506
- color: #484848;
1507
- background-color: #fff;
1508
- width: 100%;
1509
- padding: 11px 11px 9px;
1510
- border: 0;
1511
- border-top: 0;
1512
- border-right: 0;
1513
- border-bottom: 2px solid transparent;
1514
- border-left: 0;
1515
- border-radius: 0;
1516
- }
1517
- #bukazu-app .DateInput_input__small {
1518
- font-size: 15px;
1519
- line-height: 18px;
1520
- letter-spacing: 0.2px;
1521
- padding: 7px 7px 5px;
1522
- }
1523
- #bukazu-app .DateInput_input__regular {
1524
- font-weight: auto;
1525
- }
1526
- #bukazu-app .DateInput_input__readOnly {
1527
- -webkit-user-select: none;
1528
- -moz-user-select: none;
1529
- user-select: none;
1530
- }
1531
- #bukazu-app .DateInput_input__focused {
1532
- outline: 0;
1533
- background: #fff;
1534
- border: 0;
1535
- border-top: 0;
1536
- border-right: 0;
1537
- border-bottom: 2px solid #008489;
1538
- border-left: 0;
1539
- }
1540
- #bukazu-app .DateInput_input__disabled {
1541
- background: #f2f2f2;
1542
- font-style: italic;
1543
- }
1544
- #bukazu-app .DateInput_screenReaderMessage {
1545
- border: 0;
1546
- clip: rect(0, 0, 0, 0);
1547
- height: 1px;
1548
- margin: -1px;
1549
- overflow: hidden;
1550
- padding: 0;
1551
- position: absolute;
1552
- width: 1px;
1553
- }
1554
- #bukazu-app .DateInput_fang {
1555
- position: absolute;
1556
- width: 20px;
1557
- height: 10px;
1558
- left: 22px;
1559
- z-index: 2;
1560
- }
1561
- #bukazu-app .DateInput_fangShape {
1562
- fill: #fff;
1563
- }
1564
- #bukazu-app .DateInput_fangStroke {
1565
- stroke: #dbdbdb;
1566
- fill: transparent;
1567
- }
1568
- #bukazu-app .DateRangePickerInput {
1569
- background-color: #fff;
1570
- display: inline-block;
1571
- }
1572
- #bukazu-app .DateRangePickerInput__disabled {
1573
- background: #f2f2f2;
1574
- }
1575
- #bukazu-app .DateRangePickerInput__withBorder {
1576
- border-radius: 2px;
1577
- border: 1px solid #dbdbdb;
1578
- }
1579
- #bukazu-app .DateRangePickerInput__rtl {
1580
- direction: rtl;
1581
- }
1582
- #bukazu-app .DateRangePickerInput__block {
1583
- display: block;
1584
- }
1585
- #bukazu-app .DateRangePickerInput__showClearDates {
1586
- padding-right: 30px;
1587
- }
1588
- #bukazu-app .DateRangePickerInput_arrow {
1589
- display: inline-block;
1590
- vertical-align: middle;
1591
- color: #484848;
1592
- }
1593
- #bukazu-app .DateRangePickerInput_arrow_svg {
1594
- vertical-align: middle;
1595
- fill: #484848;
1596
- height: 24px;
1597
- width: 24px;
1598
- }
1599
- #bukazu-app .DateRangePickerInput_clearDates {
1600
- background: 0 0;
1601
- border: 0;
1602
- color: inherit;
1603
- font: inherit;
1604
- line-height: normal;
1605
- overflow: visible;
1606
- cursor: pointer;
1607
- padding: 10px;
1608
- margin: 0 10px 0 5px;
1609
- position: absolute;
1610
- right: 0;
1611
- top: 50%;
1612
- transform: translateY(-50%);
1613
- }
1614
- #bukazu-app .DateRangePickerInput_clearDates__small {
1615
- padding: 6px;
1616
- }
1617
- #bukazu-app .DateRangePickerInput_clearDates_default:focus,
1618
- #bukazu-app .DateRangePickerInput_clearDates_default:hover {
1619
- background: #dbdbdb;
1620
- border-radius: 50%;
1621
- }
1622
- #bukazu-app .DateRangePickerInput_clearDates__hide {
1623
- visibility: hidden;
1624
- }
1625
- #bukazu-app .DateRangePickerInput_clearDates_svg {
1626
- fill: #82888a;
1627
- height: 12px;
1628
- width: 15px;
1629
- vertical-align: middle;
1630
- }
1631
- #bukazu-app .DateRangePickerInput_clearDates_svg__small {
1632
- height: 9px;
1633
- }
1634
- #bukazu-app .DateRangePickerInput_calendarIcon {
1635
- background: 0 0;
1636
- border: 0;
1637
- color: inherit;
1638
- font: inherit;
1639
- line-height: normal;
1640
- overflow: visible;
1641
- cursor: pointer;
1642
- display: inline-block;
1643
- vertical-align: middle;
1644
- padding: 10px;
1645
- margin: 0 5px 0 10px;
1646
- }
1647
- #bukazu-app .DateRangePickerInput_calendarIcon_svg {
1648
- fill: #82888a;
1649
- height: 15px;
1650
- width: 14px;
1651
- vertical-align: middle;
1652
- }
1653
- #bukazu-app .DateRangePicker {
1654
- position: relative;
1655
- display: inline-block;
1656
- }
1657
- #bukazu-app .DateRangePicker__block {
1658
- display: block;
1659
- }
1660
- #bukazu-app .DateRangePicker_picker {
1661
- z-index: 1;
1662
- background-color: #fff;
1663
- position: absolute;
1664
- }
1665
- #bukazu-app .DateRangePicker_picker__rtl {
1666
- direction: rtl;
1667
- }
1668
- #bukazu-app .DateRangePicker_picker__directionLeft {
1669
- left: 0;
1670
- }
1671
- #bukazu-app .DateRangePicker_picker__directionRight {
1672
- right: 0;
1673
- }
1674
- #bukazu-app .DateRangePicker_picker__portal {
1675
- background-color: rgba(0, 0, 0, 0.3);
1676
- position: fixed;
1677
- top: 0;
1678
- left: 0;
1679
- height: 100%;
1680
- width: 100%;
1681
- }
1682
- #bukazu-app .DateRangePicker_picker__fullScreenPortal {
1683
- background-color: #fff;
1684
- }
1685
- #bukazu-app .DateRangePicker_closeButton {
1686
- background: 0 0;
1687
- border: 0;
1688
- color: inherit;
1689
- font: inherit;
1690
- line-height: normal;
1691
- overflow: visible;
1692
- cursor: pointer;
1693
- position: absolute;
1694
- top: 0;
1695
- right: 0;
1696
- padding: 15px;
1697
- z-index: 2;
1698
- }
1699
- #bukazu-app .DateRangePicker_closeButton:focus,
1700
- #bukazu-app .DateRangePicker_closeButton:hover {
1701
- color: darken(#cacccd, 10%);
1702
- text-decoration: none;
1703
- }
1704
- #bukazu-app .DateRangePicker_closeButton_svg {
1705
- height: 15px;
1706
- width: 15px;
1707
- fill: #cacccd;
1708
- }
1709
- #bukazu-app .CalendarMonth_table tr td {
1710
- padding: 0;
1711
- }
1712
- .bukazu-modal-container {
1713
- position: fixed;
1714
- top: 0;
1715
- bottom: 0;
1716
- left: 0;
1717
- right: 0;
1718
- background-color:rgba(0,0,0,0.3);
1719
- padding: 50px;
1720
- z-index: 1;
1721
- }
1722
- @media screen and (max-width: 992px) {
1723
- .bukazu-modal-container {
1724
- padding: 50px 16px
1725
- }
1726
- }
1727
- .bukazu-modal-container-inner {
1728
- position: relative;
1729
- left: 0;
1730
- top: 0;
1731
- width: 100%;
1732
- height: 100%;
1733
- display: flex;
1734
- align-items: center;
1735
- }
1736
- .bukazu-modal-escape {
1737
- position: absolute;
1738
- z-index: 2;
1739
- width: 100%;
1740
- height: 100%;
1741
- }
1742
- .bukazu-modal {
1743
- position: absolute;
1744
- background-color: #fff;
1745
- width: 500px;
1746
- min-height: 200px;
1747
- max-height: 90%;
1748
- top: calc(50% -150px);
1749
- left: calc(50% - 250px);
1750
- box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
1751
- z-index: 3;
1752
- margin: 0 auto;
1753
- border-radius: 5px;
1754
- padding: 30px;
1755
- overflow: hidden;
1756
- display: flex;
1757
- flex-direction: column;
1758
- }
1759
- .bukazu-modal .bukazu-modal-content {
1760
- flex: 1 1 auto;
1761
- height: 100%;
1762
- max-height: 100%;
1763
- overflow-y: auto;
1764
- padding: 16px 0 32px;
1765
- }
1766
- .bukazu-modal .bukazu-modal-footer {
1767
- position: absolute;
1768
- height: 50px;
1769
- width: 100%;
1770
- left: 0;
1771
- bottom: 0;
1772
- }
1773
- .bukazu-modal .bukazu-modal-footer a {
1774
- display: flex;
1775
- align-items: center;
1776
- justify-content: center;
1777
- height: 100%;
1778
- width: 100%;
1779
- color: #fff;
1780
- font-weight: bold;
1781
- background: #004fa7;
1782
- border: 0;
1783
- -webkit-appearance: none;
1784
- -moz-appearance: none;
1785
- appearance: none;
1786
- cursor: pointer;
1787
- box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.25);
1788
- border-radius: 0 0 5px 5px;
1789
-
1790
- }
1791
- .price-overview {
1792
- padding: 16px;
1793
- display: flex;
1794
- flex-wrap: wrap;
1795
- background-color: #fff;
1796
- }
1797
- @media screen and (max-width: 992px) {
1798
- .price-overview {
1799
- flex-direction: column
1800
- }
1801
- }
1802
- .price-overview table {
1803
- width: 100%;
1804
- }
1805
- .price-overview th {
1806
- text-align: left;
1807
- }
1808
- .price-overview tr {
1809
- border-bottom: 1px solid rgba(0, 0, 0, 0.25);
1810
- }
1811
- .price-overview tr.hidden {
1812
- display: none;
1813
- }
1814
- .price-overview td {
1815
- padding: 4px;
1816
- width: 50%;
1817
- }
1818
- .price-overview td.price {
1819
- text-align: right;
1820
- }
1821
- .price-overview td.column {
1822
- width: 30%;
1823
- }
1824
- .price-overview .price-list {
1825
- list-style: none;
1826
- padding: 0;
1827
- text-align: right;
1828
- }
1829
- .price-overview ul {
1830
- padding: 0;
1831
- list-style: none;
1832
- }
1833
- .price-overview ul li {
1834
- padding: 4px 0;
1835
- }
1836
- .price-overview--build {
1837
- display: flex;
1838
- flex-direction: row;
1839
- /* width: 30%; */
1840
- /* min-height: 200px; */
1841
- flex: 1 1 auto;
1842
- justify-content: center;
1843
- flex-wrap: wrap;
1844
- align-items: flex-start;
1845
- padding: 16px;
1846
- }
1847
- @media screen and (max-width: 992px) {
1848
- .price-overview--build {
1849
- padding: 16px 0;
1850
- min-height: 0px
1851
- }
1852
- }
1853
- .price-overview--extra {
1854
- display: flex;
1855
- padding: 16px;
1856
- flex-direction: column;
1857
- flex: 1 1 auto;
1858
- justify-content: center;
1859
- align-items: center;
1860
- }
1861
- /* width: 30%; */
1862
- .price-overview--extra .data-label {
1863
- font-size: 18px;
1864
- }
1865
- .price-overview--extra .data {
1866
- padding: 16px;
1867
- font-size: 20px;
1868
- font-weight: bold;
1869
- }
1870
- .price-overview--book {
1871
- flex: 1 1 auto;
1872
- /* width: 30%; */
1873
- padding: 4px;
1874
- display: flex;
1875
- flex-direction: column;
1876
- justify-content: center;
1877
- align-items: center;
1878
-
1879
- }
1880
- @media screen and (max-width: 992px) {
1881
- .price-overview--book {
1882
- padding: 16px 0
1883
-
1884
- }
1885
- }
1886
- .price-overview--book > div {
1887
- padding: 4px 0;
1888
- }
1889
- .price-overview--book .price {
1890
- font-size: 28px;
1891
- }
1892
- @media screen and (min-width: 1200px) {
1893
- .price-overview--book .price {
1894
- font-size: 32px;
1895
- }
1896
- }
1897
- .price-overview--book .price {
1898
- font-weight: bold;
1899
- }
1900
- .price-overview--book i {
1901
- font-size: 14px;
1902
- }
1903
- @media screen and (min-width: 1200px) {
1904
- .price-overview--book i {
1905
- font-size: 16px
1906
- }
1907
- }
1908
- .success-message {
1909
- display: flex;
1910
- flex-direction: column;
1911
- justify-content: center;
1912
- align-content: center;
1913
- }
1914
- .success-message p {
1915
- max-width: 75ch;
1916
- }
1917
- .bukazu-result {
1918
- width: 300px;
1919
- margin: 8px;
1920
- overflow: hidden;
1921
- -webkit-appearance: none;
1922
- -moz-appearance: none;
1923
- appearance: none;
1924
- text-decoration: none;
1925
- display: block;
1926
- box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
1927
- border-radius: 16px;
1928
- transition: all 0.5s ease;
1929
- }
1930
- .bukazu-result:hover {
1931
- box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);
1932
- text-decoration: none;
1933
- }
1934
- .bukazu-result-inner {
1935
- overflow: hidden;
1936
- color: rgba(26, 25, 25, 1);
1937
- border: 1px solid rgba(69, 74, 83, 0.2);
1938
- height: 100%;
1939
- display: flex;
1940
- flex-direction: column;
1941
- }
1942
- .bukazu-result-inner .image-holder {
1943
- padding-top: 75%;
1944
- position: relative;
1945
- width: 100%;
1946
- overflow: hidden;
1947
- }
1948
- .bukazu-result-inner .image-holder img {
1949
- position: absolute;
1950
- top: 0;
1951
- left: 0;
1952
- bottom: 0;
1953
- right: 0;
1954
- height: 100%;
1955
- min-height: 100%;
1956
- }
1957
- .bukazu-result-inner .result {
1958
- flex: 1 1 auto;
1959
- display: flex;
1960
- flex-direction: column;
1961
- font-size: 14px;
1962
- background: #fff;
1963
- text-decoration: none;
1964
- }
1965
- .bukazu-result-inner .result-title {
1966
- padding: 8px;
1967
- font-weight: bold;
1968
- }
1969
- .bukazu-result-inner .result-place {
1970
- padding: 4px 8px;
1971
- }
1972
- .bukazu-result-inner .result-description {
1973
- padding: 8px;
1974
- flex: 1 1 auto;
1975
- }
1976
- .bukazu-result-inner .result-details {
1977
- padding: 8px;
1978
- display: flex;
1979
- justify-content: space-evenly;
1980
- border-bottom: 1px solid rgba(69, 74, 83, 0.2);
1981
- }
1982
- .bukazu-result-inner .result-price {
1983
- display: flex;
1984
- flex-direction: column;
1985
- justify-content: center;
1986
- align-items: center;
1987
- padding: 12px 8px;
1988
- }
1989
- .bukazu-result-inner .result-price span.price {
1990
- padding: 8px 0 0;
1991
- font-size: 18px;
1992
- font-weight: bold;
1993
- }
1994
- .bukazu-result-inner .result-button {
1995
- background: var(--bukazu-button_cta);
1996
- text-align: center;
1997
- padding: 8px;
1998
- position: relative;
1999
- display:flex;
2000
- align-items: center;
2001
- justify-content: center;
2002
- }
2003
- .bukazu-result-inner .result-button svg {
2004
- width: 18px;
2005
- }
2006
- .bukazu-result-inner .result-button:before {
2007
- position: absolute;
2008
- height: 100%;
2009
- content: "";
2010
- background-color: var(--bukazu-button_cta);
2011
- mix-blend-mode: multiply;
2012
- width: 0px;
2013
- left: 0;
2014
- top: 0;
2015
- bottom: 0;
2016
- transition: all 0.8s ease;
2017
- }
2018
- .bukazu-result-inner .result-button:hover:before {
2019
- width: 100%;
2020
- }
2021
- @media screen and (min-width: 992px) {
2022
- .list .bukazu-result {
2023
- width: 100%
2024
- }
2025
- .list .bukazu-result .bukazu-result-inner {
2026
- flex-direction: row;
2027
- }
2028
- .list .bukazu-result .bukazu-result-inner .image-holder {
2029
- width: 400px;
2030
- height: 300px;
2031
- padding: 0;
2032
- }
2033
- .list .bukazu-result .bukazu-result-inner .image-holder img {
2034
- width: 100%;
2035
- height: auto;
2036
- }
2037
- .list .bukazu-result .bukazu-result-inner .result-description {
2038
- max-width: 90ch;
2039
- }
2040
- }
2041
- #bukazu-app .bu-smaller #results {
2042
- padding: 8px;
2043
- }
2044
- #bukazu-app #results {
2045
- display: inline-flex;
2046
- flex-direction: row;
2047
- flex-wrap: wrap;
2048
- padding: 16px;
2049
- align-items: stretch;
2050
- align-content: flex-start;
2051
- }
2052
- @media screen and (max-width: 992px) {
2053
- #bukazu-app #results {
2054
- justify-content: space-around
2055
- }
2056
- }
2057
- #bukazu-app #results .bu-paginator {
2058
- display: flex;
2059
- justify-content: space-between;
2060
- align-items: center;
2061
- width: 100%;
2062
- padding: 8px 16px 0;
2063
- }
2064
- #bukazu-app #results .bu-paginator .pagination {
2065
- display: flex;
2066
- list-style: none;
2067
- }
2068
- #bukazu-app #results .bu-paginator .pagination li {
2069
- padding: 8px;
2070
- }
2071
- #bukazu-app #results .bu-paginator .pagination li a {
2072
- text-decoration: none;
2073
- color: #000;
2074
- }
2075
- #bukazu-app #results .bu-paginator .pagination li.disabled a {
2076
- color: rgba(0, 0, 0, 0.5);
2077
- }
2078
- #bukazu-app #results .bu-paginator .pagination li.active {
2079
- border: 1px solid var(--bukazu-button);
2080
- }
2081
- #bukazu-app #results .bu-paginator .pagination li.active a {
2082
- color: #000 !important;
2083
- }
2084
- #bukazu-app #results .object-inner {
2085
- color: rgba(26, 25, 25, 1);
2086
- border: 1px solid rgba(69, 74, 83, 0.2);
2087
- border-radius: 5px;
2088
- }
2089
- #bukazu-app #search-page {
2090
- display: flex;
2091
- flex-direction: row;
2092
- }
2093
- #bukazu-app #search-page .filters-button {
2094
- display: none;
2095
- background: var(--bukazu-button);
2096
- padding: 8px;
2097
- border: 0;
2098
- font-weight: bold;
2099
- }
2100
- #bukazu-app #search-page .filters-button.fixed-mobile {
2101
- position: fixed;
2102
- width: 100%;
2103
- bottom: 0;
2104
- left: 0;
2105
- z-index: 9999;
2106
- }
2107
- #bukazu-app .bu-smaller #search-page .filters {
2108
- width: 175px;
2109
- min-width: 175px;
2110
- }
2111
- #bukazu-app #search-page .filters {
2112
- padding: 8px;
2113
- width: 250px;
2114
- }
2115
- @media (max-width: 825px) {
2116
- #bukazu-app #search-page {
2117
- flex-direction: column;
2118
- }
2119
- #bukazu-app #search-page .filters-button {
2120
- display: block;
2121
- }
2122
- #bukazu-app #search-page .filters {
2123
- width: 100%;
2124
- display: none;
2125
- transition: all 0.3s ease;
2126
- }
2127
- #bukazu-app #search-page .filters.showOnMobile {
2128
- display: block
2129
- }
2130
- #bukazu-app #search-page .filters.fixed-mobile {
2131
- position: fixed;
2132
- width: 100%;
2133
- bottom: 0;
2134
- left: 0;
2135
- z-index: 9998;
2136
- background: #fff;
2137
- max-height: 75%;
2138
- overflow-y: auto;
2139
- box-shadow: 0 -5px 8px rgba(0, 0, 0, .25);
2140
- }
2141
-
2142
- }
2143
- #bukazu-app .filters-hidden {
2144
- display: none;
2145
- }
2146
- #bukazu-app .filters {
2147
- min-width: 250px;
2148
- }
2149
- #bukazu-app .filters-reload {
2150
- background: var(--bukazu-button);
2151
- border: 0;
2152
- border-radius: 5px;
2153
- padding: 4px 8px;
2154
- float: right;
2155
- }
2156
- #bukazu-app .bu-properties {
2157
- padding: 8px;
2158
- }
2159
- #bukazu-app .bu-properties ul {
2160
- list-style: none;
2161
- margin: 0;
2162
- padding: 8px 0 16px;
2163
- }
2164
- #bukazu-app .bu-properties ul li {
2165
- padding: 4px 0;
2166
- }
2167
- #bukazu-app .bu-properties ul li label {
2168
- display: flex;
2169
- align-items: center;
2170
- }
2171
- #bukazu-app .SingleDatePicker, #bukazu-app .SingleDatePickerInput, #bukazu-app .DateInput {
2172
- width: 100%;
2173
- display: block;
2174
- background: rgba(0, 0, 0, 0);
2175
- }
2176
- .bu-pagination {
2177
- display: flex;
2178
- padding-left: 0;
2179
- list-style: none;
2180
- border-radius: 0.25rem;
2181
- }
2182
- .bu-pagination li {
2183
- position: relative;
2184
- display: block;
2185
- padding: 0.5rem 0.75rem;
2186
- margin-left: -1px;
2187
- line-height: 1.25;
2188
- color: #007bff;
2189
- background-color: #fff;
2190
- border: 1px solid #dee2e6;
2191
- }
2192
- .bu-pagination li:hover {
2193
- z-index: 2;
2194
- color: #0056b3;
2195
- text-decoration: none;
2196
- background-color: #e9ecef;
2197
- border-color: #dee2e6;
2198
- }
2199
- .bu-pagination li:focus {
2200
- z-index: 2;
2201
- outline: 0;
2202
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
2203
- }
2204
- .bu-pagination li:not(:disabled):not(.disabled) {
2205
- cursor: pointer;
2206
- }
2207
- .bu-pagination li:first-child a {
2208
- margin-left: 0;
2209
- border-top-left-radius: 0.25rem;
2210
- border-bottom-left-radius: 0.25rem;
2211
- }
2212
- .bu-pagination li:last-child a {
2213
- border-top-right-radius: 0.25rem;
2214
- border-bottom-right-radius: 0.25rem;
2215
- }
2216
- .bu-pagination li.active {
2217
- z-index: 1;
2218
- color: #fff;
2219
- background-color: var(--bukazu-button);
2220
- border-color: var(--bukazu-button);
2221
- }
2222
- .bu-pagination li.active a {
2223
- color: #000;
2224
- }
2225
- .bu-pagination li.disabled a {
2226
- color: #6c757d;
2227
- pointer-events: none;
2228
- cursor: auto;
2229
- /* background-color: #fff; */
2230
- border-color: #dee2e6;
2231
- }
2232
- .bu-pagination-lg a {
2233
- padding: 0.75rem 1.5rem;
2234
- font-size: 1.25rem;
2235
- line-height: 1.5;
2236
- }
2237
- .bu-pagination-lg li:first-child a {
2238
- border-top-left-radius: 0.3rem;
2239
- border-bottom-left-radius: 0.3rem;
2240
- }
2241
- .bu-pagination-lg li:last-child a {
2242
- border-top-right-radius: 0.3rem;
2243
- border-bottom-right-radius: 0.3rem;
2244
- }
2245
- .bu-pagination-sm a {
2246
- padding: 0.25rem 0.5rem;
2247
- font-size: 0.875rem;
2248
- line-height: 1.5;
2249
- }
2250
- .bu-pagination-sm li:first-child a {
2251
- border-top-left-radius: 0.2rem;
2252
- border-bottom-left-radius: 0.2rem;
2253
- }
2254
- .bu-pagination-sm li:last-child a {
2255
- border-top-right-radius: 0.2rem;
2256
- border-bottom-right-radius: 0.2rem;
2257
- }
2258
- #bukazu-app #search-page.bu-reverse {
2259
- flex-direction: row-reverse;
2260
- }
2261
- #bukazu-app #search-page.bu-column {
2262
- flex-direction: column;
2263
- }
2264
- #bukazu-app #search-page.bu-column .filters {
2265
- display: flex;
2266
- flex-direction: row;
2267
- flex-wrap: wrap;
2268
- }
2269
- #bukazu-app #search-page.bu-column .filters .filters-reload {
2270
- max-height: 24px;
2271
- order: 3;
2272
- }
2273
- #bukazu-app #search-page.bu-column .filters .bu-field {
2274
- padding: 8px;
2275
- width: 200px;
2276
- }
2277
- #bukazu-app div {
2278
- box-sizing: border-box;
2279
- }
2280
- #bukazu-app tr {
2281
- border: 0;
2282
- }
2283
- #bukazu-app .align-center {
2284
- display: flex;
2285
- align-items: center;
2286
- }
2287
- #bukazu-app .house-name {
2288
- padding: 16px;
2289
- }
2290
- #bukazu-app select {
2291
- background: #fff;
2292
- background-image: linear-gradient(45deg, transparent 50%, gray 50%),
2293
- linear-gradient(135deg, gray 50%, transparent 50%),
2294
- linear-gradient(to right, #ccc, #ccc);
2295
- background-position: calc(100% - 20px) calc(1em),
2296
- calc(100% - 15px) calc(1em), calc(100% - 2.5em);
2297
- background-size: 5px 5px, 5px 5px, 1px 1.5em;
2298
- background-repeat: no-repeat;
2299
- }
2300
- #bukazu-app .info-button {
2301
- border: none;
2302
- background: rgba(0, 0, 0, 0);
2303
- cursor: pointer;
2304
- }
2305
- #bukazu-app .bu_discount_code {
2306
- width: 100%;
2307
- display: flex;
2308
- font-style: italic;
2309
- }
2310
- #bukazu-app .bu_discount_code div {
2311
- padding-right: 8px;
2312
- }
1
+ .react-date-picker{display:inline-flex;position:relative}.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after{box-sizing:border-box}.react-date-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-date-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-date-picker__inputGroup{min-width:calc((4px * 3) + .54em * 8 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-date-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-date-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;font:inherit;box-sizing:content-box;-moz-appearance:textfield}.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-date-picker__inputGroup__input:invalid{background:rgba(255,0,0,.1)}.react-date-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-date-picker__button{border:0;background:transparent;padding:4px 6px}.react-date-picker__button:enabled{cursor:pointer}.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon{stroke:#0078d7}.react-date-picker__button:disabled .react-date-picker__button__icon{stroke:#6d6d6d}.react-date-picker__button svg{display:inherit}.react-date-picker__calendar{width:350px;max-width:100vw;position:absolute;top:100%;left:0;z-index:1}.react-date-picker__calendar--closed{display:none}.react-date-picker__calendar .react-calendar{border-width:thin}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}@media screen and (min-width: 1400px){#bukazu-app div.calendar-container{display:flex;align-items:flex-start}#bukazu-app div.calendar-container .calendar-section{width:75%;order:1}#bukazu-app div.calendar-container .price-overview{width:25%;order:2}#bukazu-app div.calendar-container .price-overview .calendar--picker{flex-direction:column}#bukazu-app div.calendar-container .price-overview .calendar--picker--date,#bukazu-app div.calendar-container .price-overview .calendar--picker .button{width:auto}#bukazu-app div.calendar-container .price-overview .calendar--picker .button{padding:12px}}@media screen and (max-width: 993px){#bukazu-app .price-overview .calendar--picker{flex-direction:column}#bukazu-app .price-overview .calendar--picker--date,#bukazu-app .price-overview .calendar--picker .button{width:auto}#bukazu-app .price-overview .calendar--picker .button{padding:12px}}#bukazu-app .calendars-header{display:flex;flex-direction:row;justify-content:space-around}@media screen and (max-width: 992px){#bukazu-app .calendars-header .col{margin:4px 8px}}#bukazu-app .calendars-header .col .icon{padding:8px 40px;background-color:#17bebb;background:var(--bukazu-button);box-shadow:2px 2px 8px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center}#bukazu-app .calendars-header .col .icon svg{height:18px}#bukazu-app .calendars-header .col .icon:hover{box-shadow:1px 1px 4px #00000040}#bukazu-app .assistance{padding:16px}#bukazu-app .assistance span{font-weight:700}#bukazu-app .calendars-row{display:flex;flex-wrap:wrap;justify-content:flex-start}#bukazu-app .bu-smaller .calendar{width:100%}#bukazu-app .bu-smaller .calendar .col{padding:16px 4px}#bukazu-app .calendar{min-width:48%;padding:16px 1%;box-sizing:border-box;background:var(--month_background)}#bukazu-app .calendar.calendar-1{min-width:98%}#bukazu-app .calendar.calendar-2{min-width:48%}#bukazu-app .calendar.calendar-3{min-width:32%}#bukazu-app .calendar.calendar-4{min-width:calc(25% - 16px)}#bukazu-app .calendar .header{background-color:#d3d3d333}#bukazu-app .calendar .row{width:100%;display:flex;flex:1 1 auto}#bukazu-app .calendar .row.days{border-bottom:1px solid rgba(211,211,211,.5)}#bukazu-app .calendar .col{width:100%;padding:4px;text-transform:capitalize;text-align:center;transition:all .5s ease}#bukazu-app .calendar .col-center{text-align:center}#bukazu-app .calendar .col-start{text-align:left}#bukazu-app .calendar .col-end{text-align:right}#bukazu-app .calendar .cell{background:#6eeb83;background:var(--bukazu-cell)}#bukazu-app .calendar .disabled{opacity:0}#bukazu-app .calendar .arrival{background:#6eeb83;background:var(--bukazu-arrival);cursor:pointer;font-weight:700;-webkit-text-decoration:underline;text-decoration:underline}#bukazu-app .calendar .discount{background:orange;background:var(--bukazu-discount)}#bukazu-app .calendar .booked-departure{background:linear-gradient(45deg,var(--bukazu-cell) 50%,var(--bukazu-booked) 50%)}#bukazu-app .calendar .discount.booked-departure{background:linear-gradient(45deg,var(--bukazu-discount) 50%,var(--bukazu-booked) 50%)}#bukazu-app .calendar .departure.discount.booked-departure,#bukazu-app .calendar .departure.booked-departure,#bukazu-app .calendar .departure.booked{background:linear-gradient(45deg,var(--bukazu-departure) 50%,var(--bukazu-booked) 50%)}#bukazu-app .calendar .departure-arrival{background:linear-gradient(45deg,var(--bukazu-booked) 50%,var(--bukazu-arrival) 50%)!important}#bukazu-app .calendar .departure-arrival{cursor:pointer}#bukazu-app .calendar .discount.departure-arrival{background:linear-gradient(45deg,var(--bukazu-booked) 50%,var(--bukazu-discount) 50%)!important}#bukazu-app .calendar .icon{cursor:pointer}#bukazu-app .calendar .discount.arrival.departure,#bukazu-app .calendar .departure{font-weight:700;background:yellow;background:var(--bukazu-departure);cursor:pointer}#bukazu-app .calendar .selected{background:rgb(23,190,187)!important;background:var(--bukazu-button)!important}#bukazu-app .calendar .booked{background:#ea2b1f;background:var(--bukazu-booked);color:#000}#bukazu-app .legend{display:flex;flex-wrap:wrap;padding:8px 16px}@media screen and (max-width: 992px){#bukazu-app .legend{flex-direction:column}}#bukazu-app .legend>div{display:flex;padding:0 16px}@media screen and (max-width: 992px){#bukazu-app .legend>div{padding:4px 8px}}#bukazu-app .legend-field{display:block;width:16px;height:16px;margin:0 8px 0 0}#bukazu-app .legend-field.booked{background:#ea2b1f;background:var(--bukazu-booked)}#bukazu-app .legend-field.arrival{background:#6eeb83;background:var(--bukazu-arrival)}#bukazu-app .legend-field.departure{background:yellow;background:var(--bukazu-departure)}#bukazu-app .legend-field.last_minute_discount{background:orange;background:var(--bukazu-discount)}#bukazu-app .calendar--picker{padding:8px;display:flex;justify-content:space-around;width:100%;box-shadow:2px 2px 16px #00000040}#bukazu-app .calendar--picker--date{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 16px}#bukazu-app .calendar--picker--date span.name{font-size:18px;border-bottom:1px solid #ccc;padding:4px 0}@media screen and (max-width: 1200px){#bukazu-app .calendar--picker--date span.name{font-size:16px}}#bukazu-app .calendar--picker--date span.detail{display:flex;padding:4px 0;opacity:.9;width:100%;justify-content:center;align-items:center}@media screen and (max-width: 1200px){#bukazu-app .calendar--picker--date span.detail{font-size:14px}}#bukazu-app .calendar--picker--persons{border:1px solid #ccc;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}#bukazu-app .calendar--picker .button{width:20%;background:var(--bukazu-button_cta);color:#fff;padding:4px 16px;margin:8px 0;font-weight:700;text-align:center;border:0;font-size:18px;box-shadow:2px 2px 8px #00000040;cursor:pointer}#bukazu-app .calendar--picker .button:disabled{background:#ccc;cursor:not-allowed}#bukazu-app .calendar--picker .button:hover{box-shadow:1px 1px 4px #00000040}#bukazu-app .form{max-width:1400px;margin:0 auto;display:flex;flex-direction:row;position:relative}@media screen and (max-width: 992px){#bukazu-app .form{flex-direction:column}}#bukazu-app .form h2{padding:16px 0 24px;margin:0}#bukazu-app .form .return-link{color:var(--bukazu-button);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}#bukazu-app .form .error-message{width:100%;color:red;font-size:14px;padding-bottom:4px}#bukazu-app .form-content{width:70%}@media screen and (max-width: 992px){#bukazu-app .form-content{width:100%}}#bukazu-app .form-section{display:flex;flex-direction:column;border-bottom:1px solid #aeacac;padding:16px}#bukazu-app .form-section .age-description{padding:0 0 0 16px}#bukazu-app .form-sum{padding:16px;background:#fff;box-shadow:0 2px 12px #00000040;top:0;right:10%;min-width:400px;max-width:500px;align-self:flex-start}@media screen and (max-width: 992px){#bukazu-app .form-sum{min-width:100%}}#bukazu-app .form-sum .house-details{padding:0 0 16px;border-bottom:1px solid #aeacac}#bukazu-app .form-sum .house-details img{padding:16px 0;height:200px}@media screen and (max-width: 992px){#bukazu-app .form-sum .house-details img{max-width:100%;height:auto}}#bukazu-app .form-sum .house-details th{text-align:left}#bukazu-app .form-sum .booking_option{border:none;display:flex;flex-direction:row;padding:0;border:1px solid #aeacac;border-radius:16px;overflow:hidden;margin:16px 0}#bukazu-app .form-sum .booking_option div{width:50%;text-align:center}#bukazu-app .form-sum .booking_option .legend{width:100%;display:none}#bukazu-app .form-sum .booking_option input{display:none}#bukazu-app .form-sum .booking_option input:checked+label{background:var(--bukazu-button)}#bukazu-app .form-sum .booking_option input:disabled+label{background:#efefef;color:#ccc}#bukazu-app .form-sum .booking_option label{border-radius:16px;display:block;flex:1 1 auto;padding:8px 16px;line-height:2rem;transition:all .2s ease;cursor:pointer;margin:0}#bukazu-app .form-sum .costs-section{padding:16px 0}#bukazu-app .form-sum .costs-section table,#bukazu-app .form-sum .costs-section table tr{width:100%}#bukazu-app .form-sum .costs-section table tr td{width:60%}#bukazu-app .form-sum .costs-section .price{text-align:right;width:40%}#bukazu-app .form-sum .terms{padding:8px 0}#bukazu-app .form-sum .terms button{background:0;display:inline;width:auto;font-size:16px;background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;color:var(--bukazu-button)}#bukazu-app .form-sum .terms button:hover{box-shadow:none;-webkit-text-decoration:underline;text-decoration:underline}#bukazu-app .form-sum button{width:100%;padding:16px;border:0;color:#fff;font-size:20px;background:var(--bukazu-button_cta);cursor:pointer}#bukazu-app .form-sum button:hover{box-shadow:0 2px 12px #00000040}#bukazu-app .form-row{display:flex;flex-direction:column;padding:8px 0}#bukazu-app .form-row select,#bukazu-app .form-row input,#bukazu-app .form-row .bukazu-date-picker{max-width:50%}@media screen and (max-width: 992px){#bukazu-app .form-row select,#bukazu-app .form-row input,#bukazu-app .form-row .bukazu-date-picker{max-width:100%}}#bukazu-app .form-row .bu-input-description{font-style:italic}#bukazu-app .form-row.inline{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}#bukazu-app .form-row.inline.hidden{display:none}#bukazu-app .form-row.inline label{width:30%;font-size:16px}@media screen and (max-width: 992px){#bukazu-app .form-row.inline label{width:auto}}#bukazu-app .form-row.inline select,#bukazu-app .form-row.inline input{width:auto;min-width:150px;padding:8px 64px 8px 16px}@media screen and (max-width: 992px){#bukazu-app .form-row.inline select,#bukazu-app .form-row.inline input{order:3;width:100%}}#bukazu-app .form-row.inline .info-button{margin:0 0 0 8px}#bukazu-app .form-row.inline .price_per{padding:0 0 0 50px}#bukazu-app .form .return-message{position:fixed;top:20%;left:50%;transform:translate(-50%)}#bukazu-app input,#bukazu-app select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(69,74,83,.2);border-radius:8px;padding:8px 16px;font-size:16px;width:100%;box-sizing:border-box;margin:4px 0 8px}#bukazu-app .react-date-picker__wrapper{border:1px solid rgba(69,74,83,.2);border-radius:8px;padding:8px 16px;margin:4px 0 8px}#bukazu-app .react-date-picker__inputGroup{box-sizing:content-box}#bukazu-app .react-date-picker__inputGroup input{padding:0}#bukazu-app .react-date-picker__inputGroup input.react-date-picker__inputGroup__input{padding:0 1px;border:0;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}#bukazu-app input[type=radio],#bukazu-app input[type=checkbox]{width:8px;height:8px;padding:8px;margin:0 16px 0 0;position:relative;border-radius:16px}#bukazu-app input[type=checkbox]{border-radius:0}#bukazu-app input[type=checkbox]:checked+label,#bukazu-app input[type=radio]:checked+label{font-weight:700}#bukazu-app input[type=radio]:checked:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:10px;width:10px;border-radius:16px;background:var(--bukazu-button)}#bukazu-app input[type=checkbox]:checked:after{content:"";display:block;position:absolute;left:6px;top:2px;width:4px;height:8px;border:solid var(--bukazu-button);border-width:0 2px 2px 0;transform:rotate(45deg)}#bukazu-app .radioList{padding:0;list-style:none}#bukazu-app .radioList .bu-list-item{display:flex;align-items:center;cursor:pointer}#bukazu-app .radioList .bu-list-item label{padding:4px 0;cursor:pointer}#bukazu-app .radioList .bu-disabled{display:none}#bukazu-app .PresetDateRangePicker_panel{padding:0 22px 11px}#bukazu-app .PresetDateRangePicker_button{position:relative;height:100%;text-align:center;background:0 0;border:2px solid #00a699;color:#00a699;padding:4px 12px;margin-right:8px;font:inherit;font-weight:700;line-height:normal;overflow:visible;box-sizing:border-box;cursor:pointer}#bukazu-app .PresetDateRangePicker_button:active{outline:0}#bukazu-app .PresetDateRangePicker_button__selected{color:#fff;background:#00a699}#bukazu-app .SingleDatePickerInput{display:inline-block;background-color:#fff}#bukazu-app .SingleDatePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}#bukazu-app .SingleDatePickerInput__rtl{direction:rtl}#bukazu-app .SingleDatePickerInput__disabled{background-color:#f2f2f2}#bukazu-app .SingleDatePickerInput__block{display:block}#bukazu-app .SingleDatePickerInput__showClearDate{padding-right:30px}#bukazu-app .SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}#bukazu-app .SingleDatePickerInput_clearDate__default:focus,#bukazu-app .SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}#bukazu-app .SingleDatePickerInput_clearDate__small{padding:6px}#bukazu-app .SingleDatePickerInput_clearDate__hide{visibility:hidden}#bukazu-app .SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}#bukazu-app .SingleDatePickerInput_clearDate_svg__small{height:9px}#bukazu-app .SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}#bukazu-app .SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}#bukazu-app .SingleDatePicker{position:relative;display:inline-block}#bukazu-app .SingleDatePicker__block{display:block}#bukazu-app .SingleDatePicker_picker{z-index:1;background-color:#fff;position:absolute}#bukazu-app .SingleDatePicker_picker__rtl{direction:rtl}#bukazu-app .SingleDatePicker_picker__directionLeft{left:0}#bukazu-app .SingleDatePicker_picker__directionRight{right:0}#bukazu-app .SingleDatePicker_picker__portal{background-color:#0000004d;position:fixed;top:0;left:0;height:100%;width:100%}#bukazu-app .SingleDatePicker_picker__fullScreenPortal{background-color:#fff}#bukazu-app .SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}#bukazu-app .SingleDatePicker_closeButton:focus,#bukazu-app .SingleDatePicker_closeButton:hover{color:darken(#cacccd,10%);-webkit-text-decoration:none;text-decoration:none}#bukazu-app .SingleDatePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}#bukazu-app .DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;cursor:pointer;font-size:14px}#bukazu-app .DayPickerKeyboardShortcuts_buttonReset:active{outline:0}#bukazu-app .DayPickerKeyboardShortcuts_show{width:33px;height:26px;position:absolute;z-index:2}#bukazu-app .DayPickerKeyboardShortcuts_show:before{content:"";display:block;position:absolute}#bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight{bottom:0;right:0}#bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight:before{border-top:26px solid transparent;border-right:33px solid #00a699;bottom:0;right:0}#bukazu-app .DayPickerKeyboardShortcuts_show__bottomRight:hover:before{border-right:33px solid #008489}#bukazu-app .DayPickerKeyboardShortcuts_show__topRight{top:0;right:0}#bukazu-app .DayPickerKeyboardShortcuts_show__topRight:before{border-bottom:26px solid transparent;border-right:33px solid #00a699;top:0;right:0}#bukazu-app .DayPickerKeyboardShortcuts_show__topRight:hover:before{border-right:33px solid #008489}#bukazu-app .DayPickerKeyboardShortcuts_show__topLeft{top:0;left:0}#bukazu-app .DayPickerKeyboardShortcuts_show__topLeft:before{border-bottom:26px solid transparent;border-left:33px solid #00a699;top:0;left:0}#bukazu-app .DayPickerKeyboardShortcuts_show__topLeft:hover:before{border-left:33px solid #008489}#bukazu-app .DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}#bukazu-app .DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:5px}#bukazu-app .DayPickerKeyboardShortcuts_showSpan__topRight{top:1px;right:5px}#bukazu-app .DayPickerKeyboardShortcuts_showSpan__topLeft{top:1px;left:5px}#bukazu-app .DayPickerKeyboardShortcuts_panel{overflow:auto;background:#fff;border:1px solid #dbdbdb;border-radius:2px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;padding:22px;margin:33px;text-align:left}#bukazu-app .DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}#bukazu-app .DayPickerKeyboardShortcuts_list{list-style:none;padding:0;font-size:14px}#bukazu-app .DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}#bukazu-app .DayPickerKeyboardShortcuts_close:active{outline:0}#bukazu-app .DayPickerKeyboardShortcuts_closeSvg{height:15px;width:15px;fill:#cacccd}#bukazu-app .DayPickerKeyboardShortcuts_closeSvg:focus,#bukazu-app .DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}#bukazu-app .CalendarDay{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center;padding:0}#bukazu-app .CalendarDay:active{outline:0}#bukazu-app .CalendarDay__defaultCursor{cursor:default}#bukazu-app .CalendarDay__default{border:1px solid #e4e7e7;color:#484848;background:#fff}#bukazu-app .CalendarDay__default:hover{background:#e4e7e7;border:1px solid #e4e7e7;color:inherit}#bukazu-app .CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}#bukazu-app .CalendarDay__outside{border:0;background:#fff;color:#484848}#bukazu-app .CalendarDay__outside:hover{border:0}#bukazu-app .CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}#bukazu-app .CalendarDay__blocked_minimum_nights:active,#bukazu-app .CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}#bukazu-app .CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}#bukazu-app .CalendarDay__highlighted_calendar:active,#bukazu-app .CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}#bukazu-app .CalendarDay__selected_span{background:#66e2da;border:1px double #33dacd;color:#fff}#bukazu-app .CalendarDay__selected_span:active,#bukazu-app .CalendarDay__selected_span:hover{background:#33dacd;border:1px double #33dacd;color:#fff}#bukazu-app .CalendarDay__last_in_range,#bukazu-app .CalendarDay__last_in_range:hover{border-style:solid}#bukazu-app .CalendarDay__selected,#bukazu-app .CalendarDay__selected:active,#bukazu-app .CalendarDay__selected:hover{background:#00a699;border:1px double #00a699;color:#fff}#bukazu-app .CalendarDay__hovered_span,#bukazu-app .CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px double #80e8e0;color:#007a87}#bukazu-app .CalendarDay__hovered_span:active{background:#80e8e0;border:1px double #80e8e0;color:#007a87}#bukazu-app .CalendarDay__blocked_calendar,#bukazu-app .CalendarDay__blocked_calendar:active,#bukazu-app .CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}#bukazu-app .CalendarDay__blocked_out_of_range,#bukazu-app .CalendarDay__blocked_out_of_range:active,#bukazu-app .CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}#bukazu-app .CalendarMonth{background:#fff;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none}#bukazu-app .CalendarMonth_table{border-collapse:collapse;border-spacing:0}#bukazu-app .CalendarMonth_verticalSpacing{border-collapse:separate}#bukazu-app .CalendarMonth_caption{color:#484848;font-size:18px;text-align:center;padding-top:22px;padding-bottom:37px;caption-side:top;caption-side:initial}#bukazu-app .CalendarMonth_caption__verticalScrollable{padding-top:12px;padding-bottom:7px}#bukazu-app .CalendarMonthGrid{background:#fff;text-align:left;z-index:0}#bukazu-app .CalendarMonthGrid__animating{z-index:1}#bukazu-app .CalendarMonthGrid__horizontal{position:absolute;left:9px}#bukazu-app .CalendarMonthGrid__vertical{margin:0 auto}#bukazu-app .CalendarMonthGrid__vertical_scrollable{margin:0 auto;overflow-y:scroll}#bukazu-app .CalendarMonthGrid_month__horizontal{display:inline-block;vertical-align:top;min-height:100%}#bukazu-app .CalendarMonthGrid_month__hideForAnimation{position:absolute;z-index:-1;opacity:0;pointer-events:none}#bukazu-app .CalendarMonthGrid_month__hidden{visibility:hidden}#bukazu-app .DayPickerNavigation{position:relative;z-index:2}#bukazu-app .DayPickerNavigation__horizontal{height:0}#bukazu-app .DayPickerNavigation__verticalDefault{position:absolute;width:100%;height:52px;bottom:0;left:0}#bukazu-app .DayPickerNavigation__verticalScrollableDefault{position:relative}#bukazu-app .DayPickerNavigation_button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;margin:0}#bukazu-app .DayPickerNavigation_button__default{border:1px solid #e4e7e7;background-color:#fff;color:#757575}#bukazu-app .DayPickerNavigation_button__default:focus,#bukazu-app .DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}#bukazu-app .DayPickerNavigation_button__default:active{background:#f2f2f2}#bukazu-app .DayPickerNavigation_button__disabled{cursor:default;border:1px solid #f2f2f2}#bukazu-app .DayPickerNavigation_button__disabled:focus,#bukazu-app .DayPickerNavigation_button__disabled:hover{border:1px solid #f2f2f2}#bukazu-app .DayPickerNavigation_button__disabled:active{background:0 0}#bukazu-app .DayPickerNavigation_button__horizontalDefault{position:absolute;top:18px;line-height:.78;border-radius:3px;padding:6px 9px}#bukazu-app .DayPickerNavigation_leftButton__horizontalDefault{left:22px}#bukazu-app .DayPickerNavigation_rightButton__horizontalDefault{right:22px}#bukazu-app .DayPickerNavigation_button__verticalDefault{padding:5px;background:#fff;box-shadow:0 0 5px 2px #0000001a;position:relative;display:inline-block;text-align:center;height:100%;width:50%}#bukazu-app .DayPickerNavigation_nextButton__verticalDefault{border-left:0}#bukazu-app .DayPickerNavigation_nextButton__verticalScrollableDefault{width:100%}#bukazu-app .DayPickerNavigation_svg__horizontal{height:19px;width:19px;fill:#82888a;display:block}#bukazu-app .DayPickerNavigation_svg__vertical{height:42px;width:42px;fill:#484848}#bukazu-app .DayPickerNavigation_svg__disabled{fill:#f2f2f2}#bukazu-app .DayPicker{background:#fff;position:relative;text-align:left}#bukazu-app .DayPicker__horizontal{background:#fff}#bukazu-app .DayPicker__verticalScrollable{height:100%}#bukazu-app .DayPicker__hidden{visibility:hidden}#bukazu-app .DayPicker__withBorder{box-shadow:0 2px 6px #0000000d,0 0 0 1px #00000012;border-radius:3px}#bukazu-app .DayPicker_portal__horizontal{box-shadow:none;position:absolute;left:50%;top:50%}#bukazu-app .DayPicker_portal__vertical{position:static;position:initial}#bukazu-app .DayPicker_focusRegion{outline:0}#bukazu-app .DayPicker_calendarInfo__horizontal,#bukazu-app .DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}#bukazu-app .DayPicker_weekHeaders{position:relative}#bukazu-app .DayPicker_weekHeaders__horizontal{margin-left:9px}#bukazu-app .DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;text-align:left}#bukazu-app .DayPicker_weekHeader__vertical{left:50%}#bukazu-app .DayPicker_weekHeader__verticalScrollable{top:0;display:table-row;border-bottom:1px solid #dbdbdb;background:#fff;margin-left:0;left:0;width:100%;text-align:center}#bukazu-app .DayPicker_weekHeader_ul{list-style:none;margin:1px 0;padding:0;font-size:14px}#bukazu-app .DayPicker_weekHeader_li{display:inline-block;text-align:center}#bukazu-app .DayPicker_transitionContainer{position:relative;overflow:hidden;border-radius:3px}#bukazu-app .DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}#bukazu-app .DayPicker_transitionContainer__vertical{width:100%}#bukazu-app .DayPicker_transitionContainer__verticalScrollable{padding-top:20px;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;overflow-y:scroll}#bukazu-app .DateInput{margin:0;padding:0;background:#fff;position:relative;display:inline-block;width:130px;vertical-align:middle}#bukazu-app .DateInput__small{width:97px}#bukazu-app .DateInput__block{width:100%}#bukazu-app .DateInput__disabled{background:#f2f2f2;color:#dbdbdb}#bukazu-app .DateInput_input{font-weight:200;font-size:19px;line-height:24px;color:#484848;background-color:#fff;width:100%;padding:11px 11px 9px;border:0;border-top:0;border-right:0;border-bottom:2px solid transparent;border-left:0;border-radius:0}#bukazu-app .DateInput_input__small{font-size:15px;line-height:18px;letter-spacing:.2px;padding:7px 7px 5px}#bukazu-app .DateInput_input__regular{font-weight:auto}#bukazu-app .DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;user-select:none}#bukazu-app .DateInput_input__focused{outline:0;background:#fff;border:0;border-top:0;border-right:0;border-bottom:2px solid #008489;border-left:0}#bukazu-app .DateInput_input__disabled{background:#f2f2f2;font-style:italic}#bukazu-app .DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#bukazu-app .DateInput_fang{position:absolute;width:20px;height:10px;left:22px;z-index:2}#bukazu-app .DateInput_fangShape{fill:#fff}#bukazu-app .DateInput_fangStroke{stroke:#dbdbdb;fill:transparent}#bukazu-app .DateRangePickerInput{background-color:#fff;display:inline-block}#bukazu-app .DateRangePickerInput__disabled{background:#f2f2f2}#bukazu-app .DateRangePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}#bukazu-app .DateRangePickerInput__rtl{direction:rtl}#bukazu-app .DateRangePickerInput__block{display:block}#bukazu-app .DateRangePickerInput__showClearDates{padding-right:30px}#bukazu-app .DateRangePickerInput_arrow{display:inline-block;vertical-align:middle;color:#484848}#bukazu-app .DateRangePickerInput_arrow_svg{vertical-align:middle;fill:#484848;height:24px;width:24px}#bukazu-app .DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}#bukazu-app .DateRangePickerInput_clearDates__small{padding:6px}#bukazu-app .DateRangePickerInput_clearDates_default:focus,#bukazu-app .DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}#bukazu-app .DateRangePickerInput_clearDates__hide{visibility:hidden}#bukazu-app .DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}#bukazu-app .DateRangePickerInput_clearDates_svg__small{height:9px}#bukazu-app .DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}#bukazu-app .DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}#bukazu-app .DateRangePicker{position:relative;display:inline-block}#bukazu-app .DateRangePicker__block{display:block}#bukazu-app .DateRangePicker_picker{z-index:1;background-color:#fff;position:absolute}#bukazu-app .DateRangePicker_picker__rtl{direction:rtl}#bukazu-app .DateRangePicker_picker__directionLeft{left:0}#bukazu-app .DateRangePicker_picker__directionRight{right:0}#bukazu-app .DateRangePicker_picker__portal{background-color:#0000004d;position:fixed;top:0;left:0;height:100%;width:100%}#bukazu-app .DateRangePicker_picker__fullScreenPortal{background-color:#fff}#bukazu-app .DateRangePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}#bukazu-app .DateRangePicker_closeButton:focus,#bukazu-app .DateRangePicker_closeButton:hover{color:darken(#cacccd,10%);-webkit-text-decoration:none;text-decoration:none}#bukazu-app .DateRangePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}#bukazu-app .CalendarMonth_table tr td{padding:0}.bukazu-modal-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;padding:50px;z-index:1}@media screen and (max-width: 992px){.bukazu-modal-container{padding:50px 16px}}.bukazu-modal-container-inner{position:relative;left:0;top:0;width:100%;height:100%;display:flex;align-items:center}.bukazu-modal-escape{position:absolute;z-index:2;width:100%;height:100%}.bukazu-modal{position:absolute;background-color:#fff;width:500px;min-height:200px;max-height:90%;top:calc(50% - 150px);left:calc(50% - 250px);box-shadow:1px 1px 8px #00000040;z-index:3;margin:0 auto;border-radius:5px;padding:30px;overflow:hidden;display:flex;flex-direction:column}.bukazu-modal .bukazu-modal-content{flex:1 1 auto;height:100%;max-height:100%;overflow-y:auto;padding:16px 0 32px}.bukazu-modal .bukazu-modal-footer{position:absolute;height:50px;width:100%;left:0;bottom:0}.bukazu-modal .bukazu-modal-footer a{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#fff;font-weight:700;background:#004fa7;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 -2px 8px #00000040;border-radius:0 0 5px 5px}.price-overview{padding:16px;display:flex;flex-wrap:wrap;background-color:#fff}@media screen and (max-width: 992px){.price-overview{flex-direction:column}}.price-overview table{width:100%}.price-overview th{text-align:left}.price-overview tr{border-bottom:1px solid rgba(0,0,0,.25)}.price-overview tr.hidden{display:none}.price-overview td{padding:4px;width:50%}.price-overview td.price{text-align:right}.price-overview td.column{width:30%}.price-overview .price-list{list-style:none;padding:0;text-align:right}.price-overview ul{padding:0;list-style:none}.price-overview ul li{padding:4px 0}.price-overview--build{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center;flex-wrap:wrap;align-items:flex-start;padding:16px}@media screen and (max-width: 992px){.price-overview--build{padding:16px 0;min-height:0px}}.price-overview--extra{display:flex;padding:16px;flex-direction:column;flex:1 1 auto;justify-content:center;align-items:center}.price-overview--extra .data-label{font-size:18px}.price-overview--extra .data{padding:16px;font-size:20px;font-weight:700}.price-overview--book{flex:1 1 auto;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 992px){.price-overview--book{padding:16px 0}}.price-overview--book>div{padding:4px 0}.price-overview--book .price{font-size:28px}@media screen and (min-width: 1200px){.price-overview--book .price{font-size:32px}}.price-overview--book .price{font-weight:700}.price-overview--book i{font-size:14px}@media screen and (min-width: 1200px){.price-overview--book i{font-size:16px}}.success-message{display:flex;flex-direction:column;justify-content:center;align-content:center}.success-message p{max-width:75ch}.bukazu-result{width:300px;margin:8px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-decoration:none;text-decoration:none;display:block;box-shadow:0 0 #00000040;border-radius:16px;transition:all .5s ease}.bukazu-result:hover{box-shadow:2px 2px 16px #00000040;-webkit-text-decoration:none;text-decoration:none}.bukazu-result-inner{overflow:hidden;color:#1a1919;border:1px solid rgba(69,74,83,.2);height:100%;display:flex;flex-direction:column}.bukazu-result-inner .image-holder{padding-top:75%;position:relative;width:100%;overflow:hidden}.bukazu-result-inner .image-holder img{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;min-height:100%}.bukazu-result-inner .result{position:relative;flex:1 1 auto;display:flex;flex-direction:column;font-size:14px;background:#fff;-webkit-text-decoration:none;text-decoration:none}.bukazu-result-inner .result-title{padding:8px;font-weight:700}.bukazu-result-inner .result-place{padding:4px 8px}.bukazu-result-inner .result-description{padding:8px;flex:1 1 auto}.bukazu-result-inner .result-details{padding:8px;display:flex;justify-content:space-evenly;border-bottom:1px solid rgba(69,74,83,.2)}.bukazu-result-inner .result-rating{position:absolute;right:4px;top:4px}.bukazu-result-inner .result-rating-inner{background:var(--bukazu-button);position:relative;color:#fff;font-weight:700;padding:6px 10px;border-radius:.4em;font-size:14px;line-height:14px;box-shadow:1px 1px 4px #00000040}.bukazu-result-inner .result-rating-inner:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:10px solid transparent;border-top-color:var(--bukazu-button);border-bottom:0;border-left:0;margin-left:-5px;margin-bottom:-10px}.bukazu-result-inner .result-price{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px}.bukazu-result-inner .result-price span.price{padding:8px 0 0;font-size:18px;font-weight:700}.bukazu-result-inner .result-button{background:var(--bukazu-button_cta);text-align:center;padding:8px;position:relative;display:flex;align-items:center;justify-content:center}.bukazu-result-inner .result-button svg{width:18px}.bukazu-result-inner .result-button:before{position:absolute;height:100%;content:"";background-color:var(--bukazu-button_cta);mix-blend-mode:multiply;width:0px;left:0;top:0;bottom:0;transition:all .8s ease}.bukazu-result-inner .result-button:hover:before{width:100%}@media screen and (min-width: 992px){.list .bukazu-result{width:100%}.list .bukazu-result .bukazu-result-inner{flex-direction:row}.list .bukazu-result .bukazu-result-inner .image-holder{width:400px;height:300px;padding:0}.list .bukazu-result .bukazu-result-inner .image-holder img{width:100%;height:auto}.list .bukazu-result .bukazu-result-inner .result-description{max-width:90ch}}#bukazu-app .bu-smaller #results{padding:8px}#bukazu-app #results{display:inline-flex;flex-direction:row;flex-wrap:wrap;padding:16px;align-items:stretch;align-content:flex-start}@media screen and (max-width: 992px){#bukazu-app #results{justify-content:space-around}}#bukazu-app #results .bu-paginator{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 16px 0}#bukazu-app #results .bu-paginator .pagination{display:flex;list-style:none}#bukazu-app #results .bu-paginator .pagination li{padding:8px}#bukazu-app #results .bu-paginator .pagination li a{-webkit-text-decoration:none;text-decoration:none;color:#000}#bukazu-app #results .bu-paginator .pagination li.disabled a{color:#00000080}#bukazu-app #results .bu-paginator .pagination li.active{border:1px solid var(--bukazu-button)}#bukazu-app #results .bu-paginator .pagination li.active a{color:#000!important}#bukazu-app #results .object-inner{color:#1a1919;border:1px solid rgba(69,74,83,.2);border-radius:5px}#bukazu-app #search-page{display:flex;flex-direction:row}#bukazu-app #search-page .filters-button{display:none;background:var(--bukazu-button);padding:8px;border:0;font-weight:700}#bukazu-app #search-page .filters-button.fixed-mobile{position:fixed;width:100%;bottom:0;left:0;z-index:9999}#bukazu-app .bu-smaller #search-page .filters{width:175px;min-width:175px}#bukazu-app #search-page .filters{padding:8px;width:250px}@media (max-width: 825px){#bukazu-app #search-page{flex-direction:column}#bukazu-app #search-page .filters-button{display:block}#bukazu-app #search-page .filters{width:100%;display:none;transition:all .3s ease}#bukazu-app #search-page .filters.showOnMobile{display:block}#bukazu-app #search-page .filters.fixed-mobile{position:fixed;width:100%;bottom:0;left:0;z-index:9998;background:#fff;max-height:75%;overflow-y:auto;box-shadow:0 -5px 8px #00000040}}#bukazu-app .filters-hidden{display:none}#bukazu-app .filters{min-width:250px}#bukazu-app .filters-reload{background:var(--bukazu-button);border:0;border-radius:5px;padding:4px 8px;float:right}#bukazu-app .bu-properties{padding:8px}#bukazu-app .bu-properties ul{list-style:none;margin:0;padding:8px 0 16px}#bukazu-app .bu-properties ul li{padding:4px 0}#bukazu-app .bu-properties ul li label{display:flex;align-items:center}#bukazu-app .SingleDatePicker,#bukazu-app .SingleDatePickerInput,#bukazu-app .DateInput{width:100%;display:block;background:rgba(0,0,0,0)}.bu-pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.bu-pagination li a{display:block;padding:.5rem .75rem;line-height:1.25;color:var(--bukazu-button);background-color:#fff;border:1px solid #dee2e6}.bu-pagination li a:hover{z-index:2;color:#0056b3;-webkit-text-decoration:none;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.bu-pagination li a:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem #007bff40}.bu-pagination li a:not(:disabled):not(.disabled){cursor:pointer}.bu-pagination li:first-child a{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bu-pagination li:last-child a{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bu-pagination li.selected a{z-index:1;color:#fff;background-color:var(--bukazu-button);border-color:var(--bukazu-button)}.bu-pagination li.selected a a{color:#000}.bu-pagination li.disabled a{color:#6c757d;pointer-events:none;cursor:auto;border-color:#dee2e6}.bu-pagination-lg a{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.bu-pagination-lg li:first-child a{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.bu-pagination-lg li:last-child a{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.bu-pagination-sm a{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.bu-pagination-sm li:first-child a{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.bu-pagination-sm li:last-child a{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.bu_single_review{border-bottom:1px solid #cecece;padding:16px;margin:0 0 16px}.bu_single_review .bu_review_summary{display:flex;align-items:center}.bu_single_review .bu_review_summary__date_name{display:flex;align-items:center;color:#212121}.bu_single_review .bu_review_summary__name{font-weight:700}.bu_single_review .bu_review{padding:16px 0;font-style:italic;margin:0}.bu_single_review .bu_criteria{-moz-columns:2;columns:2}.bu_single_review .bu_criteria .bu-smaller{-moz-columns:1;columns:1}.bu_score{display:flex;align-items:center;padding:0 0 4px}.bu_score__rating{display:inline-block;padding:4px 8px;border:1px solid #cecece;border-radius:4px;color:#fff;font-weight:700;margin:0 8px 0 0;letter-spacing:2px}.bu_score__rating.low,.bu_score__rating.best{background-color:#006b3d}.bu_score__rating.medium,.bu_score__rating.good{background-color:#069c56}.bu_reviews__overview{background:#fefefe;display:flex;align-items:center;font-size:20px}.bu_reviews__overview__number{font-size:22px;padding:0 16px}.bu-smaller .bu_single_review .bu_criteria{-moz-columns:1;columns:1}#bukazu-app #search-page.bu-reverse{flex-direction:row-reverse}#bukazu-app #search-page.bu-column{flex-direction:column}#bukazu-app #search-page.bu-column .filters{display:flex;flex-direction:row;flex-wrap:wrap}#bukazu-app #search-page.bu-column .filters .filters-reload{max-height:24px;order:3}#bukazu-app #search-page.bu-column .filters .bu-field{padding:8px;width:200px}#bukazu-app div{box-sizing:border-box}#bukazu-app tr{border:0}#bukazu-app .align-center{display:flex;align-items:center}#bukazu-app .house-name{padding:16px}#bukazu-app select{background:#fff;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) 1em,calc(100% - 15px) 1em,calc(100% - 2.5em);background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}#bukazu-app .info-button{border:none;background:rgba(0,0,0,0);cursor:pointer}#bukazu-app .bu_discount_code{width:100%;display:flex;font-style:italic}#bukazu-app .bu_discount_code div{padding-right:8px}