PluginProbe
Booktics – Appointment Booking Calendar for Service Businesses / 1.0.27
Booktics – Appointment Booking Calendar for Service Businesses v1.0.27
1.0.29 1.0.28 1.0.27 1.0.26 1.0.25 1.0.24 1.0.23 1.0.22 1.0.21 1.0.20 1.0.19 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.2 1.0.3 All 31 releases
← All changes | assets/css/admin.css +3372 -3372 1.0.1 → 1.0.27 View file →
@@ -1,3372 +1,3372 @@
1 -/*!*********************************************************************************************************************!*\
2 - !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***!
3 - \*********************************************************************************************************************/
4 -:root {
5 - --bkt-primary-color: #3161f1;
6 - --bkt-primary-color-70: #4c93ff;
7 - --bkt-primary-color-50: #78aeff;
8 - --bkt-primary-color-25: #a5c9ff;
9 - --bkt-primary-color-15: #d2e4ff;
10 - --bkt-primary-color-08: #e9f2ff;
11 - --bkt-primary-color-06: #f3f6fe;
12 - --bkt-secondary-color: #0c274a;
13 - --bkt-secondary-color-65: #556880;
14 - --bkt-secondary-color-50: #8693a5;
15 - --bkt-secondary-color-30: #b6bec9;
16 - --bkt-secondary-color-20: #ced4db;
17 - --bkt-secondary-color-12: #e2ecf4;
18 - --bkt-secondary-color-08: #ecf2f8;
19 - --bkt-secondary-color-05: #f3f7fb;
20 - --bkt-secondary-color-03: #f8fafc;
21 - --bkt-danger-color: #e42d23;
22 - --bkt-danger-light-color: #f7d0d3;
23 - --bkt-success-color: #00c14e;
24 - --bkt-alert-color: #ef8201;
25 - --bkt-disable-color: #cecfd1;
26 - --bkt-state-color-01: #06a78a;
27 - --bkt-state-color-02: #f1a208;
28 - --bkt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
29 - --bkt-primary-gradient-reverse: linear-gradient(
30 - 170deg,
31 - #3263f8 0%,
32 - #254ec8 100%
33 - );
34 - --bkt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
35 -}
36 -
37 -.wpmet-jhanda-href img {
38 - max-width: 100%;
39 -}
40 -
41 -.bkt-margin-0 {
42 - margin: 0 !important;
43 -}
44 -
45 -.bkt-mb-0 {
46 - margin-bottom: 0 !important;
47 -}
48 -
49 -.bkt-mb-10 {
50 - margin-bottom: 10px !important;
51 -}
52 -
53 -.bkt-mb-15 {
54 - margin-bottom: 15px !important;
55 -}
56 -
57 -.bkt-mb-20 {
58 - margin-bottom: 20px !important;
59 -}
60 -
61 -.bkt-mb-25 {
62 - margin-bottom: 25px !important;
63 -}
64 -
65 -.bkt-mb-30 {
66 - margin-bottom: 30px !important;
67 -}
68 -
69 -.bkt-mb-35 {
70 - margin-bottom: 35px !important;
71 -}
72 -
73 -.bkt-mb-40 {
74 - margin-bottom: 40px !important;
75 -}
76 -
77 -.bkt-mb-45 {
78 - margin-bottom: 45px !important;
79 -}
80 -
81 -.bkt-mt-0 {
82 - margin-top: 0 !important;
83 -}
84 -
85 -.bkt-mt-5 {
86 - margin-top: 5px !important;
87 -}
88 -
89 -.bkt-mt-10 {
90 - margin-top: 10px !important;
91 -}
92 -
93 -.bkt-mt-30 {
94 - margin-top: 30px !important;
95 -}
96 -
97 -.bkt-mt-40 {
98 - margin-top: 40px !important;
99 -}
100 -
101 -.bkt-mr-15 {
102 - margin-right: 15px !important;
103 -}
104 -
105 -.bkt-mx-10 {
106 - margin: 0 10px !important;
107 -}
108 -
109 -.bkt-primary-color {
110 - color: var(--bkt-primary-color);
111 -}
112 -
113 -#wpcontent {
114 - min-height: 100vh;
115 - background-color: #ecf2f8;
116 -}
117 -@media screen and (max-width: 768px) {
118 - #wpcontent {
119 - padding-right: 10px;
120 - }
121 -}
122 -
123 -.wrap {
124 - margin: 20px 40px 0 20px;
125 -}
126 -@media screen and (max-width: 768px) {
127 - .wrap {
128 - margin: 0;
129 - }
130 -}
131 -
132 -.toplevel_page_booktics .bkt-page-header-wrapper {
133 - border-bottom: 1px solid #d9d9d9;
134 - padding-bottom: 27px;
135 - margin-top: 20px;
136 - margin-bottom: 30px;
137 - display: flex;
138 - justify-content: space-between;
139 -}
140 -.toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header {
141 - padding: 0;
142 - background-color: transparent;
143 -}
144 -.toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header-heading-left,
145 -.toplevel_page_booktics
146 - .bkt-page-header-wrapper
147 - .ant-page-header-heading-extra {
148 - display: flex;
149 - margin: 0;
150 -}
151 -.toplevel_page_booktics
152 - .bkt-page-header-wrapper
153 - .ant-page-header-heading-title {
154 - font-size: 22px;
155 - line-height: 33px;
156 -}
157 -.toplevel_page_booktics .bkt-page-header-wrapper .ant-btn svg {
158 - fill: var(--bkt-primary-color);
159 -}
160 -.toplevel_page_booktics
161 - .bkt-page-header-wrapper
162 - .bkt-header-info-dropdown.ant-btn {
163 - padding: 4px 0px;
164 -}
165 -.toplevel_page_booktics
166 - .bkt-shortcode-list
167 - .ant-input-group-addon
168 - .anticon:hover
169 - path {
170 - stroke: var(--bkt-primary-color);
171 -}
172 -.toplevel_page_booktics .bkt-shortcode-list .ant-input-group-addon:last-child {
173 - border-top-right-radius: 6px;
174 - border-bottom-right-radius: 6px;
175 -}
176 -.toplevel_page_booktics .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
177 -.toplevel_page_booktics
178 - .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
179 -.toplevel_page_booktics .ant-dropdown-menu-item:hover,
180 -.toplevel_page_booktics
181 - .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
182 -.toplevel_page_booktics
183 - .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active,
184 -.toplevel_page_booktics .ant-dropdown-menu-submenu-title:hover {
185 - background-color: var(--bkt-secondary-color-08);
186 -}
187 -.toplevel_page_booktics .ant-list-split .ant-list-item {
188 - border-color: var(--bkt-secondary-color-12);
189 -}
190 -.toplevel_page_booktics .ant-divider-horizontal {
191 - border-color: var(--bkt-secondary-color-12);
192 -}
193 -.toplevel_page_booktics .bkt-spinner-center {
194 - width: 100%;
195 - height: 90vh;
196 - display: flex;
197 - align-items: center;
198 - justify-content: center;
199 - opacity: 0.8;
200 -}
201 -
202 -.booktics-input .ant-input-lg,
203 -.booktics-input .ant-picker,
204 -.booktics-input
205 - .ant-select:not(.ant-select-customize-input)
206 - .ant-select-selector,
207 -.booktics-input .ant-input-affix-wrapper,
208 -.booktics-input .ant-input-number,
209 -.booktics-input .ant-input-number-lg,
210 -.booktics-input
211 - .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
212 - .ant-select-selector {
213 - border-color: var(--bkt-secondary-color-12);
214 - border-radius: 6px;
215 - height: 42px;
216 - padding: 0 15px;
217 - font-size: 14px;
218 -}
219 -.booktics-input .ant-input-number-lg input {
220 - height: 40px;
221 - line-height: 40px;
222 -}
223 -.booktics-input .ant-form-item-label > label {
224 - font-weight: 500;
225 - font-size: 13px;
226 - line-height: 20px;
227 - color: var(--bkt-secondary-color);
228 - text-transform: capitalize;
229 -}
230 -.booktics-input
231 - .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
232 - .ant-select-selector
233 - .ant-select-selection-item {
234 - line-height: 42px;
235 - padding-right: 10px;
236 -}
237 -.booktics-input textarea.ant-input {
238 - border-radius: 6px;
239 -}
240 -.booktics-input
241 - .ant-select-single
242 - .ant-select-selector
243 - .ant-select-selection-item,
244 -.booktics-input
245 - .ant-select-single
246 - .ant-select-selector
247 - .ant-select-selection-placeholder {
248 - line-height: 40px;
249 -}
250 -.booktics-input.bkt-sm-input .ant-input-number-sm {
251 - height: 34px;
252 - line-height: 32px;
253 -}
254 -.booktics-input .ant-select-arrow {
255 - right: 15px;
256 - height: 15px;
257 -}
258 -.booktics-input .ant-select-arrow .anticon-down {
259 - background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg3MDY4IDIuNjEyMDRDMC4zODk4MTYgMi4xMzExOCAwLjM4OTgxNiAxLjM1MTU0IDAuODcwNjc5IDAuODcwNjhDMS4zNTE1NCAwLjM4OTgxNyAyLjEzMTE4IDAuMzg5ODE2IDIuNjEyMDQgMC44NzA2OEw4LjI1ODY0IDYuNTE3MjhMMTMuOTA1MiAwLjg3MDY4QzE0LjM4NjEgMC4zODk4MTcgMTUuMTY1NyAwLjM4OTgxNiAxNS42NDY2IDAuODcwNjc5QzE2LjEyNzUgMS4zNTE1NCAxNi4xMjc1IDIuMTMxMTggMTUuNjQ2NiAyLjYxMjA0TDguOTY1NzUgOS4yOTI4OUM4LjU3NTIyIDkuNjgzNDIgNy45NDIwNiA5LjY4MzQyIDcuNTUxNTMgOS4yOTI4OUwwLjg3MDY4IDIuNjEyMDRaIiBmaWxsPSIjMEExMDE4Ii8+Cjwvc3ZnPgo=");
260 - width: 14px;
261 - height: 9px;
262 - background-repeat: no-repeat;
263 - background-size: 13px;
264 -}
265 -.booktics-input .ant-select-arrow .anticon-down svg {
266 - display: none;
267 -}
268 -
269 -.ant-input-affix-wrapper input[type="text"]:focus,
270 -.ant-input-affix-wrapper input[type="password"]:focus,
271 -.ant-input-affix-wrapper input[type="color"]:focus,
272 -.ant-input-affix-wrapper input[type="date"]:focus,
273 -.ant-input-affix-wrapper input[type="datetime"]:focus,
274 -.ant-input-affix-wrapper input[type="datetime-local"]:focus,
275 -.ant-input-affix-wrapper input[type="email"]:focus,
276 -.ant-input-affix-wrapper input[type="month"]:focus,
277 -.ant-input-affix-wrapper input[type="number"]:focus,
278 -.ant-input-affix-wrapper input[type="search"]:focus,
279 -.ant-input-affix-wrapper input[type="tel"]:focus,
280 -.ant-input-affix-wrapper input[type="time"]:focus,
281 -.ant-input-affix-wrapper input[type="url"]:focus,
282 -.ant-input-affix-wrapper input[type="week"]:focus,
283 -.ant-input-affix-wrapper input[type="checkbox"]:focus,
284 -.ant-input-affix-wrapper input[type="radio"]:focus,
285 -.ant-input-affix-wrapper select:focus,
286 -.ant-input-affix-wrapper textarea:focus,
287 -.ant-select-selection-search input[type="text"]:focus,
288 -.ant-select-selection-search input[type="password"]:focus,
289 -.ant-select-selection-search input[type="color"]:focus,
290 -.ant-select-selection-search input[type="date"]:focus,
291 -.ant-select-selection-search input[type="datetime"]:focus,
292 -.ant-select-selection-search input[type="datetime-local"]:focus,
293 -.ant-select-selection-search input[type="email"]:focus,
294 -.ant-select-selection-search input[type="month"]:focus,
295 -.ant-select-selection-search input[type="number"]:focus,
296 -.ant-select-selection-search input[type="search"]:focus,
297 -.ant-select-selection-search input[type="tel"]:focus,
298 -.ant-select-selection-search input[type="time"]:focus,
299 -.ant-select-selection-search input[type="url"]:focus,
300 -.ant-select-selection-search input[type="week"]:focus,
301 -.ant-select-selection-search input[type="checkbox"]:focus,
302 -.ant-select-selection-search input[type="radio"]:focus,
303 -.ant-select-selection-search select:focus,
304 -.ant-select-selection-search textarea:focus {
305 - box-shadow: none;
306 - outline: none;
307 -}
308 -
309 -.input-search-field .ant-input-affix-wrapper {
310 - font-size: 16px;
311 - border-radius: 6px;
312 - padding: 1px 15px;
313 -}
314 -
315 -.bkt-heading {
316 - font-weight: 600;
317 - font-size: 24px;
318 -}
319 -
320 -#booktics_dashboard .ant-btn,
321 -.bkt-btn-dropdown .ant-btn,
322 -.ant-modal-wrap .ant-btn,
323 -.ant-popover-inner-content .ant-btn {
324 - border-radius: 6px;
325 - font-weight: 600;
326 -}
327 -#booktics_dashboard .ant-btn.ant-btn-sm,
328 -.bkt-btn-dropdown .ant-btn.ant-btn-sm,
329 -.ant-modal-wrap .ant-btn.ant-btn-sm,
330 -.ant-popover-inner-content .ant-btn.ant-btn-sm {
331 - height: 30px;
332 - line-height: 30px;
333 - padding: 0 11px;
334 -}
335 -#booktics_dashboard .ant-btn.ant-btn-md,
336 -.bkt-btn-dropdown .ant-btn.ant-btn-md,
337 -.ant-modal-wrap .ant-btn.ant-btn-md,
338 -.ant-popover-inner-content .ant-btn.ant-btn-md {
339 - height: 34px;
340 - line-height: 34px;
341 -}
342 -#booktics_dashboard .ant-btn.ant-btn-lg,
343 -.bkt-btn-dropdown .ant-btn.ant-btn-lg,
344 -.ant-modal-wrap .ant-btn.ant-btn-lg,
345 -.ant-popover-inner-content .ant-btn.ant-btn-lg {
346 - height: 38px;
347 - line-height: 1.5;
348 -}
349 -#booktics_dashboard .ant-btn svg,
350 -.bkt-btn-dropdown .ant-btn svg,
351 -.ant-modal-wrap .ant-btn svg,
352 -.ant-popover-inner-content .ant-btn svg {
353 - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
354 -}
355 -#booktics_dashboard .bkt-more-action-btn,
356 -.bkt-btn-dropdown .bkt-more-action-btn,
357 -.ant-modal-wrap .bkt-more-action-btn,
358 -.ant-popover-inner-content .bkt-more-action-btn {
359 - padding: 5px 6px;
360 -}
361 -#booktics_dashboard .bkt-more-action-btn:hover svg,
362 -.bkt-btn-dropdown .bkt-more-action-btn:hover svg,
363 -.ant-modal-wrap .bkt-more-action-btn:hover svg,
364 -.ant-popover-inner-content .bkt-more-action-btn:hover svg {
365 - fill: var(--bkt-primary-color);
366 -}
367 -
368 -.bkt-action-dropdown .ant-dropdown-menu {
369 - min-width: 208px;
370 - padding: 4px;
371 - border-radius: 6px;
372 - -webkit-border-radius: 6px;
373 - -ms-border-radius: 6px;
374 - border: 1px solid var(--bkt-secondary-color-12);
375 -}
376 -.bkt-action-dropdown .ant-dropdown-menu-item {
377 - padding: 6px 10px;
378 - border-radius: 4px;
379 -}
380 -.bkt-action-dropdown .ant-dropdown-menu-item a {
381 - text-decoration: none;
382 - font-weight: 500;
383 - font-size: 14px;
384 - color: var(--bkt-secondary-color-65);
385 -}
386 -.bkt-action-dropdown .ant-dropdown-menu-item:hover a {
387 - color: var(--bkt-secondary-color);
388 -}
389 -.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu {
390 - min-width: 210px;
391 - padding: 4px;
392 -}
393 -.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu svg {
394 - margin-right: 5px;
395 - position: relative;
396 - bottom: -3px;
397 -}
398 -.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu-item {
399 - padding: 7px 12px;
400 -}
401 -
402 -.bkt-text-right {
403 - text-align: right;
404 -}
405 -
406 -.bkt-notification-content .ant-collapse-content > .ant-collapse-content-box {
407 - padding: 25px;
408 -}
409 -
410 -.bkt-container-wrapper {
411 - margin: 60px auto 0;
412 -}
413 -.bkt-container-wrapper .bkt-appoint-type {
414 - font-size: 21px;
415 - line-height: 25px;
416 - margin: 0 0 40px 0;
417 - font-weight: 600;
418 -}
419 -.bkt-container-wrapper .bkt-form-container {
420 - padding: 30px;
421 - background-color: #ffffff;
422 - border: 1px solid var(--bkt-secondary-color-12);
423 - border-radius: 8px;
424 -}
425 -@media screen and (max-width: 768px) {
426 - .bkt-container-wrapper .bkt-form-container {
427 - padding: 20px;
428 - }
429 -}
430 -.bkt-container-wrapper .bkt-form-container .ant-collapse {
431 - border-radius: 8px;
432 -}
433 -.bkt-container-wrapper .bkt-form-container .ant-collapse-header-text {
434 - font-size: 14px;
435 - font-weight: 600;
436 -}
437 -.bkt-container-wrapper .bkt-form-container .bkt-link-btn {
438 - padding: 0;
439 -}
440 -.bkt-container-wrapper
441 - .bkt-form-container
442 - .booktics-input.bkt-notice-time-input {
443 - margin-top: 32px;
444 -}
445 -@media screen and (max-width: 570px) {
446 - .bkt-container-wrapper
447 - .bkt-form-container
448 - .booktics-input.bkt-notice-time-input {
449 - margin-top: -15px;
450 - }
451 -}
452 -.bkt-container-wrapper .bkt-tab-container {
453 - padding-left: 0;
454 -}
455 -
456 -.bkt-container-wrapper:has(.bkt-custom-tab) {
457 - max-width: 900px;
458 -}
459 -
460 -.bkt-container-wrapper:not(:has(.bkt-custom-tab)) {
461 - max-width: 750px;
462 -}
463 -
464 -.ql-editor {
465 - min-height: 130px;
466 -}
467 -
468 -.bkt-tooltip-card .ant-tooltip-arrow {
469 - min-width: 18px;
470 - min-height: 18px;
471 -}
472 -.bkt-tooltip-card .ant-tooltip-inner {
473 - min-height: 20px;
474 - padding: 4px 8px;
475 - font-size: 12px;
476 -}
477 -
478 -@media screen and (max-width: 782px) {
479 - input[type="text"],
480 - input[type="number"] {
481 - min-height: 30px;
482 - }
483 -}
484 -@media (max-width: 590px) {
485 - .ant-picker-panel-container .ant-picker-panels {
486 - flex-direction: column;
487 - }
488 -}
489 -.bkt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input {
490 - background-color: transparent;
491 - display: block;
492 - width: 100%;
493 -}
494 -
495 -.ant-notification {
496 - margin-top: 16px !important;
497 -}
498 -
499 -.toplevel_page_booktics .ant-switch {
500 - height: 24px;
501 - background-color: var(--bkt-secondary-color-20);
502 - box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12);
503 - border-radius: 28px;
504 -}
505 -.toplevel_page_booktics .ant-switch .ant-switch-handle {
506 - top: 4px;
507 - left: 4px;
508 - width: 16px;
509 - height: 16px;
510 -}
511 -.toplevel_page_booktics .ant-switch .ant-switch-handle::before {
512 - box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
513 - background: linear-gradient(
514 - 210.38deg,
515 - #ffffff 11.21%,
516 - rgba(255, 255, 255, 0.8) 87.98%
517 - );
518 -}
519 -.toplevel_page_booktics .ant-switch.ant-switch-checked {
520 - background: var(--bkt-primary-gradient);
521 -}
522 -.toplevel_page_booktics .ant-switch.ant-switch-checked .ant-switch-handle {
523 - left: calc(100% - 20px);
524 -}
525 -.toplevel_page_booktics
526 - .ant-switch.ant-switch-checked
527 - .ant-switch-handle::before {
528 - background: linear-gradient(
529 - 210.38deg,
530 - #ffffff 11.21%,
531 - rgba(255, 255, 255, 0.7) 87.98%
532 - );
533 - box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
534 -}
535 -.toplevel_page_booktics .ant-checkbox .ant-checkbox-inner {
536 - width: 20px;
537 - height: 20px;
538 - border-radius: 4px;
539 - z-index: 1;
540 -}
541 -.toplevel_page_booktics .ant-checkbox .ant-checkbox-inner::after {
542 - width: 6.714286px;
543 - height: 11.142857px;
544 - left: 23%;
545 - top: 45%;
546 - border-radius: 0;
547 -}
548 -.toplevel_page_booktics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
549 - background: var(--bkt-primary-gradient);
550 - border-color: var(--bkt-primary-color);
551 -}
552 -.toplevel_page_booktics .ant-checkbox.ant-checkbox-checked:after {
553 - border-radius: 4px;
554 -}
555 -.toplevel_page_booktics
556 - .ant-checkbox.ant-checkbox-indeterminate
557 - .ant-checkbox-inner::after {
558 - width: 12px;
559 - height: 12px;
560 - left: 50%;
561 - top: 50%;
562 - border-radius: 2px;
563 - background: var(--bkt-primary-gradient);
564 -}
565 -.toplevel_page_booktics .ant-checkbox + span {
566 - position: relative;
567 - top: -3px;
568 -}
569 -.toplevel_page_booktics
570 - .ant-checkbox.ant-checkbox-disabled
571 - .ant-checkbox-input {
572 - width: 20px;
573 - height: 20px;
574 - top: 4px;
575 -}
576 -.toplevel_page_booktics .ant-checkbox-input:focus + .ant-checkbox-inner,
577 -.toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox-inner,
578 -.toplevel_page_booktics .ant-checkbox:hover .ant-checkbox-inner {
579 - border-color: var(--bkt-primary-color);
580 -}
581 -.toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox:after,
582 -.toplevel_page_booktics .ant-checkbox:hover:after {
583 - visibility: visible;
584 - border-color: var(--bkt-primary-color);
585 -}
586 -.toplevel_page_booktics .meeting-pagination {
587 - text-align: right;
588 -}
589 -@media (max-width: 991px) {
590 - .toplevel_page_booktics .meeting-pagination {
591 - text-align: center;
592 - }
593 -}
594 -.toplevel_page_booktics .ant-pagination .ant-pagination-item {
595 - width: 30px;
596 - min-width: 30px;
597 - line-height: 25px;
598 - height: 30px;
599 - background-color: transparent;
600 - border-color: transparent;
601 - border-radius: 4px;
602 -}
603 -.toplevel_page_booktics .ant-pagination .ant-pagination-item a {
604 - font-weight: 600;
605 - line-height: 28px;
606 -}
607 -.toplevel_page_booktics .ant-pagination .ant-pagination-item:hover {
608 - border-color: var(--bkt-primary-color);
609 -}
610 -.toplevel_page_booktics .ant-pagination .ant-pagination-item-active {
611 - border: 1px solid var(--bkt-primary-color);
612 - border-radius: 4px;
613 -}
614 -.toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link,
615 -.toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link {
616 - background-color: transparent;
617 - border: 1px solid transparent;
618 -}
619 -.toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link:hover,
620 -.toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link:hover {
621 - border-color: transparent;
622 -}
623 -.toplevel_page_booktics .ant-pagination-disabled .ant-pagination-item-link,
624 -.toplevel_page_booktics
625 - .ant-pagination-disabled:hover
626 - .ant-pagination-item-link {
627 - color: rgba(0, 0, 0, 0.25);
628 - border-color: transparent;
629 - background-color: transparent;
630 - cursor: not-allowed;
631 -}
632 -.toplevel_page_booktics .bkt-meeting-create-btn .ant-btn-primary svg {
633 - fill: #fff !important;
634 -}
635 -.toplevel_page_booktics .ant-tabs-tab-btn {
636 - color: var(--bkt-secondary-color-50);
637 - display: flex;
638 -}
639 -.toplevel_page_booktics .ant-tabs-tab-btn .ant-tabs-tab-icon {
640 - display: flex;
641 -}
642 -.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav,
643 -.toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav,
644 -.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav,
645 -.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav {
646 - margin: 0 0 30px;
647 -}
648 -.toplevel_page_booktics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
649 - padding: 0 0 10px;
650 - font-size: 15px;
651 - font-weight: 600;
652 -}
653 -.toplevel_page_booktics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
654 -.toplevel_page_booktics .ant-tabs-tab:hover {
655 - color: var(--bkt-primary-color);
656 - text-shadow: none;
657 -}
658 -.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav:before,
659 -.toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav:before,
660 -.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav:before,
661 -.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav:before {
662 - border-bottom: 1px solid #d9d9d9;
663 -}
664 -.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
665 -.toplevel_page_booktics
666 - .ant-tabs-bottom
667 - > div
668 - > .ant-tabs-nav
669 - .ant-tabs-ink-bar,
670 -.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
671 -.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
672 - height: 3px;
673 -}
674 -.toplevel_page_booktics .ant-tabs-ink-bar {
675 - background: var(--bkt-primary-gradient);
676 - border-radius: 10px 10px 0 0;
677 -}
678 -.toplevel_page_booktics
679 - .bkt-settings-wrapper
680 - .ant-typography.ant-typography-secondary {
681 - color: var(--bkt-secondary-color-65);
682 -}
683 -.toplevel_page_booktics .bkt-settings-wrapper .ant-btn.ant-btn-default {
684 - text-decoration: none;
685 - line-height: 1;
686 - padding: 0 15px;
687 - color: var(--bkt-primary-color);
688 - border-color: var(--bkt-primary-color);
689 -}
690 -.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav {
691 - border-right: 1px solid #e1e4e9;
692 -}
693 -.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-ink-bar {
694 - background: none;
695 -}
696 -.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab {
697 - padding: 10px 24px !important;
698 - margin: 0 !important;
699 - transition: 0.3s ease-in;
700 -}
701 -.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab path {
702 - stroke: #8693a5;
703 -}
704 -.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active {
705 - background-color: #e9f2ff;
706 -}
707 -.toplevel_page_booktics
708 - .bkt-custom-tab
709 - > .ant-tabs-nav
710 - .ant-tabs-tab-active
711 - path {
712 - stroke: #3161f1;
713 -}
714 -.toplevel_page_booktics
715 - .bkt-custom-tab
716 - > .ant-tabs-nav
717 - .ant-tabs-nav-operations {
718 - display: none !important;
719 -}
720 -.toplevel_page_booktics
721 - .bkt-custom-tab
722 - > .ant-tabs-content-holder
723 - .ant-tabs-tabpane {
724 - padding-left: 40px !important;
725 -}
726 -.toplevel_page_booktics
727 - .bkt-custom-tab
728 - > .ant-tabs-content-holder
729 - .ant-card-meta-avatar
730 - svg {
731 - background: none;
732 - border-radius: 0;
733 -}
734 -.toplevel_page_booktics .bkt-custom-tab .bkt-tab-heading {
735 - font-size: 16px;
736 - font-weight: 600;
737 - border-bottom: 1px solid #e1e4e9;
738 - padding-bottom: 20px;
739 - margin-bottom: 30px;
740 -}
741 -.toplevel_page_booktics .ant-table {
742 - background-color: transparent;
743 -}
744 -.toplevel_page_booktics
745 - .ant-table
746 - .ant-table-container
747 - table
748 - > thead
749 - > tr:first-child
750 - th:last-child {
751 - border-top-right-radius: 6px;
752 -}
753 -.toplevel_page_booktics
754 - .ant-table
755 - .ant-table-container
756 - table
757 - > thead
758 - > tr:first-child
759 - th:first-child {
760 - border-top-left-radius: 6px;
761 -}
762 -.toplevel_page_booktics
763 - .ant-table
764 - .ant-table-container
765 - table
766 - > tbody
767 - > tr:last-child
768 - td:last-child {
769 - border-bottom-right-radius: 6px;
770 -}
771 -.toplevel_page_booktics
772 - .ant-table
773 - .ant-table-container
774 - table
775 - > tbody
776 - > tr:last-child
777 - td:first-child {
778 - border-bottom-left-radius: 6px;
779 -}
780 -.toplevel_page_booktics
781 - .ant-table
782 - .ant-table-thead
783 - > tr
784 - > th:not(:last-child):not(.ant-table-selection-column):not(
785 - .ant-table-row-expand-icon-cell
786 - ):not([colspan]):before {
787 - display: none;
788 -}
789 -.toplevel_page_booktics .ant-table .ant-table-sticky-holder,
790 -.toplevel_page_booktics .ant-table .ant-table-sticky-scroll {
791 - background: transparent;
792 -}
793 -.toplevel_page_booktics .ant-table .ant-table-thead > tr > th {
794 - background: #e9eaef;
795 - border-bottom-color: transparent;
796 - box-shadow: none;
797 -}
798 -.toplevel_page_booktics .ant-table table tr td.ant-table-selection-column,
799 -.toplevel_page_booktics .ant-table table tr th.ant-table-selection-column {
800 - padding-right: 20px;
801 - padding-left: 20px;
802 -}
803 -.toplevel_page_booktics .ant-table .ant-table-tbody > tr > td {
804 - background-color: #fff;
805 -}
806 -.toplevel_page_booktics .ant-table .ant-table-tbody tr:nth-child(2n-1) td {
807 - background-color: var(--bkt-secondary-color-05);
808 -}
809 -.toplevel_page_booktics .ant-spin {
810 - color: var(--bkt-primary-color);
811 -}
812 -.toplevel_page_booktics .ant-spin .ant-spin-dot-item {
813 - background-color: var(--bkt-primary-color);
814 -}
815 -.toplevel_page_booktics .ant-spin-blur {
816 - opacity: 0;
817 -}
818 -.toplevel_page_booktics .ant-alert-info {
819 - border: transparent;
820 - border-radius: 8px;
821 -}
822 -.toplevel_page_booktics .ant-spin-blur {
823 - opacity: 0;
824 -}
825 -.toplevel_page_booktics .ant-collapse {
826 - background-color: #fff;
827 - border-color: var(--bkt-secondary-color-12);
828 -}
829 -.toplevel_page_booktics .ant-collapse > .ant-collapse-item:last-child {
830 - border-radius: 0 0 8px 8px;
831 -}
832 -.toplevel_page_booktics
833 - .ant-collapse
834 - > .ant-collapse-item:last-child
835 - > .ant-collapse-header,
836 -.toplevel_page_booktics
837 - .ant-collapse
838 - > .ant-collapse-item:last-child
839 - > .ant-collapse-content {
840 - border-radius: 0 0 8px 8px;
841 - border-color: var(--bkt-secondary-color-12);
842 -}
843 -.toplevel_page_booktics
844 - .ant-collapse.ant-collapse-ghost
845 - > .ant-collapse-item
846 - > .ant-collapse-content
847 - > .ant-collapse-content-box {
848 - padding-top: 25px;
849 - padding-bottom: 25px;
850 -}
851 -.toplevel_page_booktics
852 - .ant-collapse.ant-collapse-icon-position-end
853 - > .ant-collapse-item
854 - > .ant-collapse-header {
855 - position: relative;
856 - background-color: transparent;
857 - border-top-right-radius: 7px;
858 - border-top-left-radius: 7px;
859 -}
860 -.toplevel_page_booktics
861 - .ant-collapse.ant-collapse-icon-position-end
862 - > .ant-collapse-item:not(.ant-collapse-item-active)
863 - > .ant-collapse-header {
864 - border-radius: 8px;
865 -}
866 -.toplevel_page_booktics
867 - .ant-collapse
868 - .ant-collapse-content
869 - > .ant-collapse-content-box {
870 - background-color: var(--bkt-secondary-color-05);
871 - padding: 25px;
872 - border-radius: 0 0 8px 8px;
873 -}
874 -.toplevel_page_booktics
875 - .ant-collapse
876 - .ant-collapse-item-active
877 - .ant-collapse-expand-icon
878 - .anticon
879 - svg {
880 - transform: rotate(-180deg);
881 -}
882 -.toplevel_page_booktics .ant-collapse > .ant-collapse-item {
883 - border-bottom-color: var(--bkt-secondary-color-12);
884 -}
885 -.toplevel_page_booktics .ant-collapse-item.ant-collapse-item-disabled {
886 - opacity: 1;
887 -}
888 -.toplevel_page_booktics .ant-tooltip .ant-tooltip-inner {
889 - background: var(--bkt-secondary-gradient);
890 - border-radius: 4px;
891 - font-weight: 600;
892 - font-size: 12px;
893 -}
894 -.toplevel_page_booktics .ant-tooltip .ant-tooltip-arrow-content {
895 - --antd-arrow-background-color: var(--bkt-secondary-color);
896 -}
897 -.toplevel_page_booktics
898 - .ant-select-single:not(
899 - .ant-select-customize-input,
900 - .bkt-location-type-select
901 - )
902 - .ant-select-selector {
903 - line-height: 40px;
904 - padding: 0 40px 0 20px;
905 - border-radius: 6px;
906 -}
907 -.toplevel_page_booktics
908 - .ant-select-single:not(.ant-pagination-options-size-changer)
909 - .ant-select-selector
910 - .ant-select-selection-item,
911 -.toplevel_page_booktics
912 - .ant-select-single
913 - .ant-select-selector
914 - .ant-select-selection-placeholder {
915 - padding: 0;
916 - line-height: 40px;
917 - transition: all 0.3s;
918 - font-weight: 500;
919 - color: var(--bkt-secondary-color-65);
920 -}
921 -.toplevel_page_booktics .ant-select-dropdown {
922 - border: transparent;
923 - border-radius: 4px;
924 - box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
925 - padding: 0;
926 -}
927 -.toplevel_page_booktics .ant-select-dropdown {
928 - border: 1px solid var(--bkt-secondary-color-12);
929 - border-radius: 6px;
930 - box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
931 - padding: 4px;
932 -}
933 -.toplevel_page_booktics .ant-select-dropdown .ant-select-item {
934 - color: var(--bkt-secondary-color-65);
935 - font-weight: 500;
936 - padding: 6.5px 12px;
937 -}
938 -.toplevel_page_booktics
939 - .ant-select-dropdown
940 - .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
941 - border-radius: 4px;
942 - background-color: var(--bkt-secondary-color-05);
943 - color: var(--bkt-secondary-color);
944 -}
945 -.toplevel_page_booktics
946 - .ant-select:not(.ant-select-disabled):hover
947 - .ant-select-selector {
948 - border-color: var(--bkt-primary-color);
949 -}
950 -.toplevel_page_booktics
951 - .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
952 - background-color: var(--bkt-secondary-color-08);
953 - color: var(--bkt-secondary-color);
954 - border-radius: 4px;
955 -}
956 -.toplevel_page_booktics .flatpickr-day.selected,
957 -.toplevel_page_booktics .flatpickr-day.startRange,
958 -.toplevel_page_booktics .flatpickr-day.endRange,
959 -.toplevel_page_booktics .flatpickr-day.selected.inRange,
960 -.toplevel_page_booktics .flatpickr-day.startRange.inRange,
961 -.toplevel_page_booktics .flatpickr-day.endRange.inRange,
962 -.toplevel_page_booktics .flatpickr-day.selected:focus,
963 -.toplevel_page_booktics .flatpickr-day.startRange:focus,
964 -.toplevel_page_booktics .flatpickr-day.endRange:focus,
965 -.toplevel_page_booktics .flatpickr-day.selected:hover,
966 -.toplevel_page_booktics .flatpickr-day.startRange:hover,
967 -.toplevel_page_booktics .flatpickr-day.endRange:hover,
968 -.toplevel_page_booktics .flatpickr-day.selected.prevMonthDay,
969 -.toplevel_page_booktics .flatpickr-day.startRange.prevMonthDay,
970 -.toplevel_page_booktics .flatpickr-day.endRange.prevMonthDay,
971 -.toplevel_page_booktics .flatpickr-day.selected.nextMonthDay,
972 -.toplevel_page_booktics .flatpickr-day.startRange.nextMonthDay,
973 -.toplevel_page_booktics .flatpickr-day.endRange.nextMonthDay {
974 - background: var(--bkt-primary-color);
975 - border-color: var(--bkt-primary-color);
976 -}
977 -.toplevel_page_booktics .ant-modal-content,
978 -.toplevel_page_booktics .ant-modal-header {
979 - border-radius: 6px;
980 -}
981 -.toplevel_page_booktics .ant-btn {
982 - color: var(--bkt-secondary-color);
983 -}
984 -.toplevel_page_booktics
985 - .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn) {
986 - padding: 4px 10px;
987 -}
988 -.toplevel_page_booktics
989 - .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn):hover,
990 -.toplevel_page_booktics
991 - .ant-btn:not(
992 - .dynamic-delete-button,
993 - .ant-btn-warning,
994 - .bkt-link-btn
995 - ):focus {
996 - color: var(--bkt-primary-color);
997 - border-color: var(--bkt-primary-color);
998 -}
999 -.toplevel_page_booktics .ant-btn.ant-btn-primary {
1000 - background-image: var(--bkt-primary-gradient);
1001 - color: #fff;
1002 - border: none;
1003 -}
1004 -.toplevel_page_booktics .ant-btn.ant-btn-primary:hover,
1005 -.toplevel_page_booktics .ant-btn.ant-btn-primary:focus {
1006 - background-image: var(--bkt-primary-gradient-reverse);
1007 - color: #fff;
1008 -}
1009 -.toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg {
1010 - width: 15px;
1011 - height: 15px;
1012 -}
1013 -.toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg path {
1014 - stroke: #fff;
1015 -}
1016 -.toplevel_page_booktics .ant-btn.ant-btn-primary.ant-btn-background-ghost:hover,
1017 -.toplevel_page_booktics
1018 - .ant-btn.ant-btn-primary.ant-btn-background-ghost:focus {
1019 - color: #fff;
1020 -}
1021 -.toplevel_page_booktics .ant-btn.ant-btn-lg {
1022 - padding: 10px 18px 10px 18px;
1023 - font-size: 14px;
1024 - font-weight: 600;
1025 - border-radius: 6px;
1026 -}
1027 -.toplevel_page_booktics .ant-btn.ant-btn-default {
1028 - display: inline-flex;
1029 - align-items: center;
1030 - justify-content: center;
1031 -}
1032 -.toplevel_page_booktics .ant-btn.ant-btn-default .anticon {
1033 - margin-top: 3px;
1034 -}
1035 -.toplevel_page_booktics .ant-btn.ant-btn-default svg {
1036 - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1037 -}
1038 -.toplevel_page_booktics
1039 - .ant-btn.ant-btn-default:not(:disabled):hover
1040 - .anticon:not(.bkt-no-fill-icon)
1041 - svg {
1042 - fill: var(--bkt-primary-color);
1043 -}
1044 -.toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn {
1045 - height: 36px;
1046 - padding: 6px 10px;
1047 -}
1048 -.toplevel_page_booktics
1049 - .ant-btn.ant-btn-default.bkt-default-btn:not(.bkt-default-btn[disabled])
1050 - .toplevel_page_booktics
1051 - .ant-btn.ant-btn-default.bkt-default-btn:hover
1052 - .anticon
1053 - svg,
1054 -.toplevel_page_booktics
1055 - .ant-btn.ant-btn-default.bkt-default-btn:active
1056 - .anticon
1057 - svg,
1058 -.toplevel_page_booktics
1059 - .ant-btn.ant-btn-default.bkt-default-btn:focus
1060 - .anticon
1061 - svg,
1062 -.toplevel_page_booktics
1063 - .ant-btn.ant-btn-default.bkt-default-btn.ant-dropdown-open
1064 - .anticon
1065 - svg {
1066 - fill: var(--bkt-primary-color);
1067 -}
1068 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous {
1069 - color: var(--bkt-danger-color);
1070 - border-color: var(--bkt-danger-light-color);
1071 -}
1072 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous .anticon {
1073 - margin-top: 0;
1074 -}
1075 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous svg {
1076 - fill: none;
1077 -}
1078 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg {
1079 - fill: var(--bkt-danger-color);
1080 -}
1081 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover,
1082 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus {
1083 - color: var(--bkt-danger-color);
1084 - border-color: var(--bkt-danger-color);
1085 -}
1086 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover .anticon svg path,
1087 -.toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
1088 - stroke: var(--bkt-danger-color) !important;
1089 -}
1090 -.toplevel_page_booktics .ant-btn.bkt-link-btn {
1091 - padding: 0;
1092 - color: var(--bkt-primary-color);
1093 - line-height: 1;
1094 - white-space: normal;
1095 - text-align: left;
1096 - line-height: 1.5;
1097 - margin: 0 !important;
1098 - border-width: 0;
1099 -}
1100 -.toplevel_page_booktics .ant-btn.bkt-link-btn.bkt-link-dark-btn {
1101 - font-size: 12px;
1102 - color: var(--bkt-secondary-color);
1103 -}
1104 -.toplevel_page_booktics .ant-btn.bkt-link-btn span {
1105 - border-bottom: 1px solid;
1106 -}
1107 -.toplevel_page_booktics .ant-btn.bkt-link-btn:hover,
1108 -.toplevel_page_booktics .ant-btn.bkt-link-btn:focus {
1109 - color: var(--bkt-secondary-color);
1110 -}
1111 -.toplevel_page_booktics .ant-btn[disabled],
1112 -.toplevel_page_booktics .ant-btn[disabled]:active,
1113 -.toplevel_page_booktics .ant-btn[disabled]:focus,
1114 -.toplevel_page_booktics .ant-btn[disabled]:hover {
1115 - color: #ffffff;
1116 - border-color: transparent;
1117 - background: #ced4db;
1118 -}
1119 -.toplevel_page_booktics .ant-btn[disabled].ant-btn-link,
1120 -.toplevel_page_booktics .ant-btn[disabled]:active.ant-btn-link,
1121 -.toplevel_page_booktics .ant-btn[disabled]:focus.ant-btn-link,
1122 -.toplevel_page_booktics .ant-btn[disabled]:hover.ant-btn-link {
1123 - background-color: transparent;
1124 - color: #ced4db !important;
1125 -}
1126 -.toplevel_page_booktics .ant-btn[disabled] .anticon svg {
1127 - fill: #ffffff;
1128 -}
1129 -.toplevel_page_booktics .ant-btn[disabled]:hover .anticon svg {
1130 - fill: #ffffff;
1131 -}
1132 -.toplevel_page_booktics .ant-input,
1133 -.toplevel_page_booktics .ant-input-password,
1134 -.toplevel_page_booktics
1135 - .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
1136 - color: var(--bkt-secondary-color);
1137 - border-color: var(--bkt-secondary-color-12);
1138 -}
1139 -.toplevel_page_booktics .ant-input:hover,
1140 -.toplevel_page_booktics .ant-input-password:hover,
1141 -.toplevel_page_booktics
1142 - .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
1143 - border-color: var(--bkt-primary-color);
1144 -}
1145 -.toplevel_page_booktics .ant-input:focus,
1146 -.toplevel_page_booktics .ant-input-password:focus,
1147 -.toplevel_page_booktics
1148 - .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
1149 - border-color: var(--bkt-primary-color);
1150 - outline: 4px solid rgba(49, 97, 241, 0.25);
1151 - box-shadow: none;
1152 -}
1153 -.toplevel_page_booktics .ant-input[disabled],
1154 -.toplevel_page_booktics .ant-input-password[disabled],
1155 -.toplevel_page_booktics
1156 - .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
1157 - color: rgba(0, 0, 0, 0.25);
1158 -}
1159 -.toplevel_page_booktics .ant-input::placeholder,
1160 -.toplevel_page_booktics .ant-input-password::placeholder,
1161 -.toplevel_page_booktics
1162 - .ant-input-affix-wrapper:not(
1163 - .ant-input-affix-wrapper-disabled
1164 - )::placeholder {
1165 - color: var(--bkt-secondary-color-30);
1166 -}
1167 -.toplevel_page_booktics .ant-form-item-explain-error {
1168 - padding: 5px 0;
1169 -}
1170 -.toplevel_page_booktics
1171 - .ant-form-item-label
1172 - > label.ant-form-item-required:not(
1173 - .ant-form-item-required-mark-optional
1174 - ):before {
1175 - position: absolute;
1176 - right: 0px;
1177 - top: 4px;
1178 -}
1179 -.toplevel_page_booktics .ant-input-number-handler-wrap {
1180 - display: none;
1181 -}
1182 -.toplevel_page_booktics .ant-radio-checked .ant-radio-inner {
1183 - border-color: var(--bkt-primary-color);
1184 -}
1185 -.toplevel_page_booktics .ant-radio-inner:after {
1186 - background-color: var(--bkt-primary-color);
1187 -}
1188 -.toplevel_page_booktics
1189 - .ant-collapse
1190 - > .ant-collapse-item
1191 - > .ant-collapse-header {
1192 - align-items: center;
1193 -}
1194 -.toplevel_page_booktics .ant-btn.ant-btn-default.primary-outline {
1195 - border-color: var(--bkt-primary-color);
1196 - color: var(--bkt-primary-color);
1197 -}
1198 -.toplevel_page_booktics
1199 - .ant-btn.ant-btn-default.primary-outline
1200 - .ant-dropdown-menu-title-content
1201 - .bkt-dropdown-item {
1202 - font-weight: 500;
1203 - font-size: 14px;
1204 - color: var(--bkt-secondary-color-65);
1205 -}
1206 -.toplevel_page_booktics .bkt-submenu-action-wrapper {
1207 - display: flex;
1208 - justify-content: space-between;
1209 - gap: 10px;
1210 - flex-wrap: wrap;
1211 -}
1212 -.toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-submenu-action-select {
1213 - width: 220px;
1214 -}
1215 -.toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-header-action-wrapper {
1216 - display: flex;
1217 - gap: 15px;
1218 - column-gap: 15px;
1219 - flex-wrap: wrap;
1220 -}
1221 -@media (max-width: 991px) {
1222 - .toplevel_page_booktics
1223 - .bkt-submenu-action-wrapper
1224 - .bkt-header-action-wrapper {
1225 - flex-direction: column;
1226 - }
1227 - .toplevel_page_booktics
1228 - .bkt-submenu-action-wrapper
1229 - .bkt-header-action-wrapper
1230 - .ant-form-item {
1231 - margin: 0;
1232 - }
1233 -}
1234 -
1235 -.ant-spin.ant-spin-spinning.bkt-loader-spinner {
1236 - display: flex;
1237 - justify-content: center;
1238 - align-items: center;
1239 - flex-direction: column;
1240 -}
1241 -
1242 -#adminmenu .wp-submenu .bkt-go-pro-link a {
1243 - color: var(--bkt-state-color-02);
1244 -}
1245 -
1246 -.bkt-country-phone-code .react-tel-input .form-control {
1247 - width: 100%;
1248 - height: 42px;
1249 - border-color: var(--bkt-secondary-color-12) !important;
1250 -}
1251 -.bkt-country-phone-code .bkt-phone-input:focus {
1252 - border-color: var(--bkt-primary-color);
1253 - outline: 3.5px solid rgba(49, 97, 241, 0.25);
1254 - box-shadow: none;
1255 -}
1256 -.bkt-country-phone-code .react-tel-input .selected-flag {
1257 - border-color: var(--bkt-secondary-color-12) !important;
1258 -}
1259 -.bkt-country-phone-code .react-tel-input .selected-flag .arrow {
1260 - display: none;
1261 -}
1262 -@media screen and (max-width: 782px) {
1263 - .bkt-country-phone-code .react-tel-input .country-list {
1264 - width: 200px;
1265 - }
1266 -}
1267 -
1268 -.bkt-phone-input-country-search {
1269 - display: flex;
1270 - align-items: center;
1271 - padding: 1rem !important;
1272 -}
1273 -.bkt-phone-input-country-search-box {
1274 - margin: 0 !important;
1275 - width: 100%;
1276 - padding-block: 0.5rem !important;
1277 -}
1278 -
1279 -.bkt-phone-input {
1280 - border-color: #d9d9d9 !important;
1281 -}
1282 -.bkt-phone-input:hover,
1283 -.bkt-phone-input:focus {
1284 - border-color: var(--bkt-primary-color) !important;
1285 -}
1286 -
1287 -.bkt-phone-input-dropdown-btn {
1288 - border-color: #d9d9d9 !important;
1289 -}
1290 -.bkt-phone-input-dropdown-btn:hover,
1291 -.bkt-phone-input-dropdown-btn:focus {
1292 - border-color: var(--bkt-primary-color) !important;
1293 -}
1294 -
1295 -.bkt-category-tree .ant-tree-switcher {
1296 - padding-block: 4px;
1297 -}
1298 -
1299 -.bkt-guest-setting .ant-card-meta-description {
1300 - margin-right: 52px;
1301 -}
1302 -
1303 -.bkt-guest-field-wrapper .bkt-multipleGuestInput-container {
1304 - border: 1px solid #d9d9d9;
1305 - border-radius: 8px;
1306 - padding: 8px;
1307 - min-height: 120px;
1308 - cursor: text;
1309 - display: flex;
1310 - flex-wrap: wrap;
1311 - align-items: flex-start;
1312 - align-content: baseline;
1313 - gap: 4px;
1314 - margin: 8px 0;
1315 -}
1316 -.bkt-guest-field-wrapper .bkt-multipleGuestInput-tag {
1317 - margin: 0;
1318 - padding: 2px 4px;
1319 - background: #bcffdb;
1320 - border-radius: 4px;
1321 - color: #000000;
1322 - display: flex;
1323 - align-items: center;
1324 - cursor: pointer;
1325 - display: flex;
1326 - align-items: center;
1327 - font-weight: 600;
1328 -}
1329 -.bkt-guest-field-wrapper .bkt-multipleguestinput-input {
1330 - all: unset;
1331 - display: block;
1332 - flex: 1;
1333 - width: auto;
1334 - min-width: 20ch;
1335 - overflow-x: hidden;
1336 - resize: none;
1337 - margin: 0;
1338 - padding: 2px 4px;
1339 -}
1340 -.bkt-guest-field-wrapper .bkt-guest-input-close {
1341 - background-color: #c84545;
1342 - border-radius: 100vmax;
1343 - position: absolute;
1344 - top: 0;
1345 - right: 0;
1346 - height: 15px;
1347 - width: 15px;
1348 - display: grid;
1349 - place-items: center;
1350 - transform: translate(60%, -50%);
1351 - outline: 2px solid white;
1352 -}
1353 -
1354 -.bkt-form-left-sidebar .bkt-meeting-location-list .anticon.bkt-money-icon svg {
1355 - fill: none;
1356 -}
1357 -
1358 -.bkt-empty-view-wrapper {
1359 - max-width: 990px;
1360 - margin: 0 auto;
1361 - text-align: center;
1362 - border-radius: 10px;
1363 - padding: 100px 20px;
1364 -}
1365 -.bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-content {
1366 - display: flex;
1367 - flex-direction: column;
1368 - align-items: center;
1369 -}
1370 -.bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-icon {
1371 - margin-bottom: 20px;
1372 -}
1373 -
1374 -.bkt-meeting-list-empty {
1375 - border-radius: 10px;
1376 - padding: 60px 20px;
1377 - max-width: 50vw;
1378 - margin: auto;
1379 - margin-top: 80px;
1380 -}
1381 -@media (max-width: 992px) {
1382 - .bkt-meeting-list-empty {
1383 - max-width: 100%;
1384 - margin-top: 50px;
1385 - padding: 0;
1386 - }
1387 - .bkt-meeting-list-empty .ant-result-title {
1388 - font-size: 20px;
1389 - }
1390 -}
1391 -
1392 -.bkt-card-border-less {
1393 - box-shadow: none !important;
1394 - background-color: transparent;
1395 -}
1396 -.bkt-card-border-less .ant-card-body {
1397 - padding: 0;
1398 -}
1399 -
1400 -.bkt-meeting-menu-warper {
1401 - display: flex;
1402 - justify-content: space-between;
1403 - align-items: center;
1404 - margin-bottom: 30px;
1405 - flex-wrap: wrap;
1406 - gap: 10px;
1407 -}
1408 -
1409 -.bkt-dropdown-content {
1410 - margin-top: 15px;
1411 -}
1412 -.bkt-dropdown-content .ant-dropdown-menu {
1413 - max-width: 420px;
1414 - background-color: #fff;
1415 - border-radius: 8px;
1416 - -webkit-border-radius: 8px;
1417 - -ms-border-radius: 8px;
1418 -}
1419 -.bkt-dropdown-content .ant-dropdown-menu-item {
1420 - padding: 0;
1421 -}
1422 -.bkt-dropdown-content .ant-dropdown-menu-item:hover {
1423 - background-color: #fff;
1424 -}
1425 -.bkt-dropdown-content .bkt-meeting-create-btn {
1426 - padding: 13px 20px;
1427 -}
1428 -.bkt-dropdown-content .bkt-meeting-create-btn .ant-space-item svg {
1429 - fill: var(--bkt-primary-color);
1430 -}
1431 -.bkt-dropdown-content .bkt-meeting-create-btn h5.ant-typography {
1432 - font-size: 15px;
1433 - line-height: 18px;
1434 - color: var(--bkt-secondary-color);
1435 - display: flex;
1436 - margin: 0;
1437 -}
1438 -.bkt-dropdown-content
1439 - .bkt-meeting-create-btn
1440 - .ant-typography.ant-typography-secondary {
1441 - display: block;
1442 - margin-top: 6px;
1443 - color: var(--bkt-secondary-color-50);
1444 -}
1445 -.bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-count,
1446 -.bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-dot,
1447 -.bkt-dropdown-content
1448 - .bkt-meeting-create-btn
1449 - .ant-badge
1450 - .ant-scroll-number-custom-component {
1451 - position: absolute;
1452 - top: 50%;
1453 - right: -25px;
1454 - transform: translate(50%, -50%);
1455 - transform-origin: 100% 0;
1456 - background-color: var(--bkt-state-color-02);
1457 - text-transform: uppercase;
1458 - font-size: 11px;
1459 - letter-spacing: 0.5px;
1460 - font-weight: 500;
1461 -}
1462 -.bkt-dropdown-content .bkt-bg-opacity {
1463 - background-color: #eaeaeb;
1464 - opacity: 0.3;
1465 - cursor: not-allowed;
1466 -}
1467 -.bkt-dropdown-content .ant-ribbon {
1468 - line-height: 19px;
1469 -}
1470 -.bkt-dropdown-content .ant-ribbon-text {
1471 - color: #fff;
1472 - font-size: 12px;
1473 -}
1474 -
1475 -#booktics_dashboard .bkt-meeting-filter-area {
1476 - display: flex;
1477 - justify-content: center;
1478 - align-items: center;
1479 - gap: 15px;
1480 -}
1481 -@media (max-width: 980px) {
1482 - #booktics_dashboard .bkt-meeting-filter-area {
1483 - flex-wrap: wrap;
1484 - justify-content: start;
1485 - }
1486 -}
1487 -#booktics_dashboard .bkt-meeting-filter-area .ant-btn {
1488 - height: 36px;
1489 - padding: 6px 10px;
1490 -}
1491 -#booktics_dashboard
1492 - .bkt-meeting-filter-area
1493 - .ant-btn.ant-popover-open
1494 - .anticon
1495 - svg {
1496 - fill: var(--bkt-primary-color);
1497 -}
1498 -
1499 -.bkt-filter-popover .ant-popover-inner {
1500 - width: 260px;
1501 - padding: 0px 10px 15px 10px;
1502 - border-radius: 6px;
1503 - filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.01));
1504 - box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.01);
1505 - border: 1px solid var(--bkt-secondary-color-12);
1506 -}
1507 -.bkt-filter-popover .ant-form-item {
1508 - margin-bottom: 16px;
1509 -}
1510 -.bkt-filter-popover .ant-popover-arrow {
1511 - display: none;
1512 -}
1513 -
1514 -#booktics_dashboard .ant-btn.bkt-add-location-btn {
1515 - color: var(--bkt-primary-color);
1516 - display: flex;
1517 - align-items: center;
1518 - margin-top: -10px;
1519 - font-size: 14px;
1520 -}
1521 -#booktics_dashboard .ant-btn.bkt-add-location-btn svg {
1522 - fill: var(--bkt-primary-color);
1523 - border: 1px solid var(--bkt-primary-color);
1524 - border-radius: 100vmax;
1525 - padding: 2px;
1526 -}
1527 -#booktics_dashboard .ant-btn.bkt-add-location-btn span + span {
1528 - border-bottom: 1px solid var(--bkt-primary-color);
1529 -}
1530 -#booktics_dashboard .ant-btn.bkt-add-location-btn:hover,
1531 -#booktics_dashboard .ant-btn.bkt-add-location-btn:focus {
1532 - border-color: transparent;
1533 -}
1534 -#booktics_dashboard .ant-btn.bkt-add-location-btn:hover span + span,
1535 -#booktics_dashboard .ant-btn.bkt-add-location-btn:focus span + span {
1536 - border-bottom: 1px solid var(--bkt-primary-color);
1537 -}
1538 -#booktics_dashboard .location-input .ant-select-selection-item {
1539 - padding-right: 10px;
1540 -}
1541 -
1542 -.bkt-location-item svg {
1543 - margin-right: 8px;
1544 - width: 15px;
1545 - height: 15px;
1546 -}
1547 -
1548 -.bkt-meeting-price-input input[type="number"] {
1549 - border: none;
1550 - box-shadow: none;
1551 - outline: none;
1552 - padding: 0;
1553 -}
1554 -.bkt-meeting-price-input .ant-input-number {
1555 - width: 100%;
1556 -}
1557 -
1558 -.ticket-type-wrapper {
1559 - padding: 20px;
1560 - border: 1px solid var(--bkt-secondary-color-12);
1561 - border-radius: 8px;
1562 -}
1563 -.ticket-type-wrapper .booktics-input .ant-form-item-label > label {
1564 - text-transform: capitalize;
1565 -}
1566 -@media (max-width: 575px) {
1567 - .ticket-type-wrapper .booktics-input.ant-form-item {
1568 - margin-bottom: 5px;
1569 - }
1570 -}
1571 -.ticket-type-wrapper .bkt-ticket-repeater-delete {
1572 - text-align: right;
1573 - margin-top: 10px;
1574 -}
1575 -.ticket-type-wrapper .bkt-ticket-repeater-delete .ant-btn-icon-only {
1576 - width: auto;
1577 -}
1578 -
1579 -.meeting-integrations-fields {
1580 - position: relative;
1581 -}
1582 -.meeting-integrations-fields .hook_overwrite_opt {
1583 - position: absolute;
1584 - right: 7px;
1585 - bottom: 5px;
1586 - margin: 0;
1587 - z-index: 1;
1588 - background: #eaeaea;
1589 - padding: 0 5px;
1590 - border-radius: 4px;
1591 -}
1592 -
1593 -.bkt-meetings-container {
1594 - display: flex;
1595 - gap: 1rem;
1596 -}
1597 -.bkt-meetings-container .bkt-categories-area {
1598 - align-self: flex-start;
1599 -}
1600 -@media screen and (max-width: 768px) {
1601 - .bkt-meetings-container {
1602 - flex-direction: column;
1603 - }
1604 - .bkt-meetings-container .bkt-categories-area {
1605 - align-self: stretch;
1606 - }
1607 -}
1608 -
1609 -.bkt-meeting-update-page-btn-area {
1610 - display: flex;
1611 - justify-content: space-between;
1612 - align-items: flex-start;
1613 - flex-wrap: wrap;
1614 -}
1615 -.bkt-meeting-update-page-btn-area
1616 - .bkt-meeting-preview-btn.ant-btn.ant-btn-default:hover
1617 - .anticon
1618 - svg {
1619 - fill: var(--bkt-primary-color);
1620 -}
1621 -
1622 -@media screen and (max-width: 768px) {
1623 - .flatpickr-months .flatpickr-month .flatpickr-current-month {
1624 - padding: 0;
1625 - }
1626 -}
1627 -.category_item {
1628 - cursor: pointer;
1629 -}
1630 -.category_item .category_item--heading {
1631 - font-weight: 600;
1632 - color: #8693a5;
1633 -}
1634 -.category_item .bkt-more-action-btn {
1635 - opacity: 0;
1636 - pointer-events: none;
1637 -}
1638 -.category_item:hover .bkt-more-action-btn {
1639 - opacity: 1;
1640 - pointer-events: all;
1641 -}
1642 -.category_item:hover .category_item--heading {
1643 - color: #0c274a;
1644 -}
1645 -
1646 -.bkt-meeting-copy-btn:hover svg {
1647 - fill: none;
1648 -}
1649 -.bkt-meeting-copy-btn:hover svg path {
1650 - stroke: var(--bkt-primary-color);
1651 -}
1652 -
1653 -.bkt-btn-outline-svg-arrow-icon:hover .anticon svg {
1654 - transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1655 -}
1656 -.bkt-btn-outline-svg-arrow-icon:hover .anticon svg path {
1657 - stroke: var(--bkt-primary-color);
1658 -}
1659 -
1660 -.bkt-categories-area .bkt-categories-create-btn.ant-btn:hover .anticon svg {
1661 - fill: var(--bkt-primary-color);
1662 -}
1663 -
1664 -.bkt-meeting-type.ant-typography {
1665 - margin-bottom: 30px;
1666 -}
1667 -
1668 -.bkt-meeting-create-step {
1669 - padding-bottom: 29px;
1670 -}
1671 -.bkt-meeting-create-step p {
1672 - font-size: 13px;
1673 - font-weight: 600;
1674 - color: #000;
1675 -}
1676 -.bkt-meeting-create-step .step-bar {
1677 - position: relative;
1678 -}
1679 -.bkt-meeting-create-step .step-bar .step1,
1680 -.bkt-meeting-create-step .step-bar .step2 {
1681 - height: 4px;
1682 - width: 48%;
1683 - border-radius: 20px;
1684 - background: #000000;
1685 - position: absolute;
1686 - content: "";
1687 - opacity: 0.2;
1688 -}
1689 -.bkt-meeting-create-step .step-bar .step1 {
1690 - top: 0;
1691 - left: 0;
1692 - opacity: 1;
1693 -}
1694 -.bkt-meeting-create-step .step-bar .step2 {
1695 - top: 0;
1696 - right: 0;
1697 -}
1698 -
1699 -.bkt-single-meeting-card {
1700 - background-color: #ffffff;
1701 - padding: 30px 30px 20px;
1702 - box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1703 - border: 1px solid rgb(238, 239, 241);
1704 - border-radius: 8px;
1705 - position: relative;
1706 -}
1707 -@media screen and (max-width: 570px) {
1708 - .bkt-single-meeting-card {
1709 - padding: 20px;
1710 - }
1711 -}
1712 -.bkt-single-meeting-card.disabled-meeting-card {
1713 - background-color: #eeeff1;
1714 - border: 1px solid var(--bkt-secondary-color-12);
1715 - opacity: 0.5;
1716 -}
1717 -.bkt-single-meeting-card.disabled-meeting-card .ant-btn {
1718 - background-color: transparent;
1719 -}
1720 -.bkt-single-meeting-card .meeting-header-info-wrappers {
1721 - display: flex;
1722 - justify-content: space-between;
1723 - align-items: flex-start;
1724 - margin-bottom: 15px;
1725 - column-gap: 15px;
1726 -}
1727 -.bkt-single-meeting-card .meeting-header-info-wrappers .bkt-meeting-title {
1728 - cursor: pointer;
1729 -}
1730 -.bkt-single-meeting-card .meeting-meta-list {
1731 - display: flex;
1732 - gap: 24px;
1733 - margin-top: 0;
1734 - margin-bottom: 45px;
1735 -}
1736 -.bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item {
1737 - position: relative;
1738 - margin: 0 0 0 10px;
1739 -}
1740 -.bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item::before {
1741 - position: absolute;
1742 - content: "";
1743 - left: -10px;
1744 - top: 50%;
1745 - transform: translateY(-50%);
1746 - height: 4px;
1747 - width: 4px;
1748 - border-radius: 50%;
1749 - background-color: #d9d9d9;
1750 -}
1751 -.bkt-single-meeting-card .meeting-meta-list p {
1752 - line-height: 1;
1753 - margin: 0;
1754 - color: rgba(0, 0, 0, 0.6);
1755 -}
1756 -.bkt-single-meeting-card .meeting-card-footer {
1757 - display: flex;
1758 - justify-content: space-between;
1759 - align-items: center;
1760 -}
1761 -.bkt-single-meeting-card
1762 - .meeting-card-footer
1763 - .ant-btn:hover
1764 - .anticon:not(.bkt-eye-stroke)
1765 - svg
1766 - path {
1767 - stroke: var(--bkt-primary-color);
1768 -}
1769 -.bkt-single-meeting-card
1770 - .meeting-card-footer
1771 - .ant-btn:hover
1772 - .bkt-eye-stroke
1773 - svg {
1774 - fill: var(--bkt-primary-color);
1775 -}
1776 -.bkt-single-meeting-card
1777 - .meeting-card-footer
1778 - .ant-btn.ant-btn-dangerous:hover
1779 - .anticon
1780 - svg
1781 - path {
1782 - stroke: var(--bkt-danger-color);
1783 -}
1784 -.bkt-single-meeting-card .meeting-pagination {
1785 - margin-top: 20px;
1786 -}
1787 -.bkt-single-meeting-card .bkt-meeting-checkbox {
1788 - position: absolute;
1789 - top: 1px;
1790 - left: 4px;
1791 -}
1792 -.bkt-single-meeting-card .ant-checkbox-inner {
1793 - background-color: transparent;
1794 - border-color: var(--bkt-secondary-color-12);
1795 - border-radius: 5px;
1796 - -webkit-border-radius: 5px;
1797 - -ms-border-radius: 5px;
1798 -}
1799 -
1800 -.bkt-meeting-card-bulk-action-wrapper .ant-btn .anticon {
1801 - position: relative;
1802 - top: 2px;
1803 -}
1804 -.bkt-meeting-card-bulk-action-wrapper
1805 - .ant-btn:not(.ant-btn-dangerous):hover
1806 - svg {
1807 - fill: var(--bkt-primary-color);
1808 -}
1809 -
1810 -.toplevel_page_booktics
1811 - .bkt-single-meeting-card
1812 - .ant-checkbox
1813 - .ant-checkbox-inner {
1814 - width: 18px;
1815 - height: 18px;
1816 -}
1817 -.toplevel_page_booktics
1818 - .bkt-single-meeting-card
1819 - .ant-checkbox
1820 - .ant-checkbox-inner::after {
1821 - width: 6px;
1822 - height: 9px;
1823 - left: 22%;
1824 - top: 45%;
1825 - border-radius: 0;
1826 -}
1827 -.toplevel_page_booktics
1828 - .bkt-single-meeting-card
1829 - .ant-checkbox.ant-checkbox-checked
1830 - .ant-checkbox-inner {
1831 - border-color: var(--bkt-primary-color) !important;
1832 -}
1833 -.toplevel_page_booktics
1834 - .bkt-single-meeting-card
1835 - .ant-checkbox-input:focus
1836 - + .ant-checkbox-inner,
1837 -.toplevel_page_booktics
1838 - .bkt-single-meeting-card
1839 - .ant-checkbox-wrapper:hover
1840 - .ant-checkbox-inner,
1841 -.toplevel_page_booktics
1842 - .bkt-single-meeting-card
1843 - .ant-checkbox:hover
1844 - .ant-checkbox-inner {
1845 - border-color: var(--bkt-secondary-color-12);
1846 -}
1847 -.toplevel_page_booktics
1848 - .bkt-single-meeting-card
1849 - .ant-checkbox-wrapper:hover
1850 - .ant-checkbox-inner:after {
1851 - position: absolute;
1852 - display: table;
1853 - border: 2px solid var(--bkt-secondary-color-20);
1854 - border-top: 0;
1855 - border-left: 0;
1856 - transform: rotate(45deg) scale(1) translate(-50%, -50%);
1857 - opacity: 1;
1858 - transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
1859 - content: " ";
1860 -}
1861 -.toplevel_page_booktics .bkt-seat-plan-list-container .ant-result-title {
1862 - line-height: 1.4;
1863 -}
1864 -
1865 -.ant-checkbox-wrapper:hover .ant-checkbox:after,
1866 -.ant-checkbox:hover:after {
1867 - visibility: visible;
1868 - border-color: var(--bkt-primary-color);
1869 -}
1870 -
1871 -.bkt-share-meeting-modal .ant-modal-content,
1872 -.bkt-share-meeting-modal .ant-modal-header {
1873 - border-radius: 16px;
1874 -}
1875 -.bkt-share-meeting-modal .ant-modal-header {
1876 - padding: 24px 30px;
1877 - margin-right: 20px;
1878 - border-bottom: none;
1879 -}
1880 -.bkt-share-meeting-modal .ant-modal-body {
1881 - padding: 0px 30px 30px;
1882 -}
1883 -.bkt-share-meeting-modal .bkt-share-meeting-wrapper {
1884 - position: relative;
1885 -}
1886 -.bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-copy-button {
1887 - position: absolute;
1888 - right: 5px;
1889 - top: 50%;
1890 - transform: translateY(-50%);
1891 -}
1892 -.bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-saas-copy-button {
1893 - position: absolute;
1894 - right: 5px;
1895 - top: 72%;
1896 - transform: translateY(-50%);
1897 -}
1898 -.bkt-share-meeting-modal .bkt-share-link-input {
1899 - position: relative;
1900 - margin-bottom: 0;
1901 -}
1902 -.bkt-share-meeting-modal .bkt-share-link-input input[readonly] {
1903 - background-color: transparent;
1904 -}
1905 -.bkt-share-meeting-modal .bkt-share-link-input::after {
1906 - content: "";
1907 - position: absolute;
1908 - width: 156px;
1909 - height: 30px;
1910 - top: 6px;
1911 - right: 68px;
1912 - background-image: linear-gradient(
1913 - to right,
1914 - rgba(255, 255, 255, 0) 3%,
1915 - rgb(255, 255, 255) 75%
1916 - );
1917 -}
1918 -.bkt-share-meeting-modal .bkt-saas-share-link-input {
1919 - position: relative;
1920 - margin-bottom: 0;
1921 -}
1922 -.bkt-share-meeting-modal .bkt-saas-share-link-input input[readonly] {
1923 - background-color: transparent;
1924 -}
1925 -.bkt-share-meeting-modal .bkt-saas-share-link-input::after {
1926 - content: "";
1927 - position: absolute;
1928 - width: 156px;
1929 - height: 30px;
1930 - bottom: 6px;
1931 - right: 68px;
1932 - background-image: linear-gradient(
1933 - to right,
1934 - rgba(255, 255, 255, 0) 3%,
1935 - rgb(255, 255, 255) 75%
1936 - );
1937 -}
1938 -
1939 -.profile-img-wrapper .ant-avatar-circle {
1940 - border: 6px solid #d9d9d9;
1941 -}
1942 -
1943 -.staff-integration-list .ant-list-item-meta-title {
1944 - margin-top: 0;
1945 -}
1946 -
1947 -.bkt-action-wrap .ant-btn.ant-btn-dangerous .anticon {
1948 - margin-top: 3px;
1949 -}
1950 -.bkt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path {
1951 - stroke: var(--bkt-primary-color);
1952 -}
1953 -
1954 -.bkt-booking-modal .ant-modal-content {
1955 - border-radius: 8px;
1956 - margin-bottom: 30px;
1957 -}
1958 -.bkt-booking-modal .ant-modal-header {
1959 - border-radius: 8px 8px 0 0;
1960 - -webkit-border-radius: 8px 8px 0 0;
1961 - -ms-border-radius: 8px 8px 0 0;
1962 -}
1963 -.bkt-booking-modal .bkt-booking-modal-details {
1964 - background-color: #f4f5f6;
1965 - padding: 20px 30px;
1966 - border-radius: 8px;
1967 -}
1968 -.bkt-booking-modal
1969 - .bkt-booking-modal-details
1970 - .bkt-booking-modal-description-text {
1971 - color: rgb(69, 69, 69) !important;
1972 -}
1973 -.bkt-booking-modal .ant-list-item-meta-title {
1974 - margin: 0;
1975 - text-transform: uppercase;
1976 - font-size: 13px;
1977 - font-weight: 700;
1978 -}
1979 -.bkt-booking-modal .ant-list-split .ant-list-item {
1980 - border-bottom: none;
1981 - padding: 10px 0;
1982 -}
1983 -
1984 -.ant-select-selection-item,
1985 -.ant-select-item-option-content {
1986 - text-transform: capitalize;
1987 -}
1988 -
1989 -.bkt-admin-booking-slot .ant-select-selection-item,
1990 -.bkt-admin-booking-slot .ant-select-item-option-content {
1991 - text-transform: initial;
1992 -}
1993 -
1994 -.bkt-booking-cancel {
1995 - text-decoration: line-through;
1996 -}
1997 -
1998 -.bkt-submenu-action-select {
1999 - margin: 0;
2000 -}
2001 -.bkt-submenu-action-select .ant-input-lg,
2002 -.bkt-submenu-action-select .ant-picker,
2003 -.bkt-submenu-action-select
2004 - .ant-select:not(.ant-select-customize-input)
2005 - .ant-select-selector,
2006 -.bkt-submenu-action-select .ant-input-affix-wrapper,
2007 -.bkt-submenu-action-select .ant-input-number,
2008 -.bkt-submenu-action-select
2009 - .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
2010 - .ant-select-selector {
2011 - height: 37px;
2012 -}
2013 -.bkt-submenu-action-select .ant-input-lg .ant-select-selection-item,
2014 -.bkt-submenu-action-select .ant-picker .ant-select-selection-item,
2015 -.bkt-submenu-action-select
2016 - .ant-select:not(.ant-select-customize-input)
2017 - .ant-select-selector
2018 - .ant-select-selection-item,
2019 -.bkt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item,
2020 -.bkt-submenu-action-select .ant-input-number .ant-select-selection-item,
2021 -.bkt-submenu-action-select
2022 - .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
2023 - .ant-select-selector
2024 - .ant-select-selection-item {
2025 - line-height: 35px;
2026 -}
2027 -.bkt-submenu-action-select.booktics-input .ant-select-arrow {
2028 - right: 9px;
2029 -}
2030 -.bkt-submenu-action-select.booktics-input label {
2031 - color: #8693a5 !important;
2032 -}
2033 -
2034 -.ant-form-item-label label {
2035 - color: #8693a5 !important;
2036 -}
2037 -
2038 -.bkt-booking-list .bkt-meeting-status,
2039 -.bkt-booking-list .bkt-customer-email {
2040 - font-weight: 600;
2041 -}
2042 -
2043 -.bkt-bulk-delete .ant-space-item span {
2044 - font-weight: 600;
2045 -}
2046 -
2047 -.bkt-seatsmap-wrapper {
2048 - position: relative;
2049 - padding-bottom: 70%;
2050 - overflow: auto;
2051 - padding-left: 40px;
2052 - padding-top: 30px;
2053 - padding-right: 40px;
2054 -}
2055 -.bkt-seatsmap-wrapper .seats-item {
2056 - position: absolute;
2057 - display: inline-block;
2058 -}
2059 -.bkt-seatsmap-wrapper .seats-item.chair {
2060 - cursor: pointer;
2061 -}
2062 -.bkt-seatsmap-wrapper .seats-item.circle {
2063 - border-radius: 50%;
2064 -}
2065 -
2066 -.bkt-seat-map-controls {
2067 - display: flex;
2068 - justify-content: center;
2069 - align-items: center;
2070 - gap: 15px;
2071 - margin: 30px 0;
2072 - flex-wrap: wrap;
2073 -}
2074 -.bkt-seat-map-controls .bkt-set-map-button {
2075 - line-height: 0px;
2076 -}
2077 -.bkt-seat-map-controls .booktics-dot {
2078 - height: 25px;
2079 - width: 25px;
2080 - border-radius: 50%;
2081 - display: inline-block;
2082 -}
2083 -
2084 -.bkt-meeting-location-type {
2085 - height: 40px;
2086 - display: flex;
2087 - align-items: center;
2088 - line-height: 1;
2089 -}
2090 -
2091 -.bkt-booking-view-action .ant-radio-button-wrapper {
2092 - height: 40px;
2093 - line-height: 38px;
2094 -}
2095 -.bkt-booking-view-action .ant-radio-button-wrapper:hover,
2096 -.bkt-booking-view-action .ant-radio-button-wrapper:focus {
2097 - color: var(--bkt-primary-color);
2098 -}
2099 -.bkt-booking-view-action
2100 - .ant-radio-button-wrapper-checked:not(
2101 - .ant-radio-button-wrapper-disabled
2102 - ):hover {
2103 - color: var(--bkt-primary-color);
2104 - border-color: var(--bkt-primary-color);
2105 -}
2106 -.bkt-booking-view-action .ant-radio-button-wrapper:first-child {
2107 - border-radius: 6px 0 0 6px;
2108 -}
2109 -.bkt-booking-view-action .ant-radio-button-wrapper:last-child {
2110 - border-radius: 0 6px 6px 0;
2111 -}
2112 -.bkt-booking-view-action .bkt-booking-view-radio {
2113 - display: flex;
2114 - align-items: center;
2115 - gap: 5px;
2116 -}
2117 -.bkt-booking-view-action
2118 - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
2119 - color: var(--bkt-primary-color);
2120 -}
2121 -
2122 -.bkt-bg-white {
2123 - background-color: white !important;
2124 -}
2125 -
2126 -.bkt-schedules-container .bkt-schedules-content {
2127 - border: 1px solid var(--bkt-secondary-color-12);
2128 - padding: 30px;
2129 - border-radius: 8px;
2130 -}
2131 -.bkt-schedules-container .bkt-schedules-content .ant-checkbox-wrapper span {
2132 - text-transform: uppercase;
2133 - font-weight: 700;
2134 - font-size: 14px;
2135 -}
2136 -.bkt-schedules-container .bkt-schedules-content .ant-checkbox {
2137 - margin-right: 15px;
2138 -}
2139 -.bkt-schedules-container .bkt-schedules-content .ant-checkbox span {
2140 - text-transform: uppercase;
2141 -}
2142 -.bkt-schedules-container
2143 - .bkt-schedules-content
2144 - .ant-checkbox-checked
2145 - .ant-checkbox-inner {
2146 - background-color: #000;
2147 - border-color: #000;
2148 -}
2149 -.bkt-schedules-container .bkt-meeting-schedule {
2150 - padding: 25px 20px 20px 20px;
2151 - background-color: #ffffff;
2152 - border: 1px solid var(--bkt-secondary-color-12);
2153 - border-radius: 6px;
2154 - margin-top: -28px;
2155 -}
2156 -@media screen and (max-width: 570px) {
2157 - .bkt-schedules-container .bkt-meeting-schedule {
2158 - padding: 0;
2159 - }
2160 -}
2161 -.bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area {
2162 - margin-bottom: 20px;
2163 -}
2164 -@media screen and (max-width: 570px) {
2165 - .bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area {
2166 - margin: 20px;
2167 - }
2168 -}
2169 -.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule {
2170 - display: flex;
2171 - gap: 20px;
2172 - margin-bottom: 20px;
2173 - position: relative;
2174 -}
2175 -.bkt-schedules-container
2176 - .bkt-meeting-schedule
2177 - .bkt-single-host-schedule:last-child {
2178 - margin-bottom: 0;
2179 -}
2180 -.bkt-schedules-container
2181 - .bkt-meeting-schedule
2182 - .bkt-single-host-schedule
2183 - .ant-checkbox
2184 - + span {
2185 - padding-left: 20px;
2186 -}
2187 -.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule-time {
2188 - width: 100%;
2189 -}
2190 -.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-delete {
2191 - margin-top: 16px;
2192 -}
2193 -.bkt-schedules-container
2194 - .bkt-meeting-schedule
2195 - .ant-select:not(.ant-select-customize-input)
2196 - .ant-select-selector {
2197 - border-radius: 4px;
2198 -}
2199 -.bkt-schedules-container .bkt-meeting-schedule .ant-checkbox-wrapper {
2200 - font-weight: 600;
2201 - color: #aeb0b3;
2202 -}
2203 -.bkt-schedules-container
2204 - .bkt-meeting-schedule
2205 - .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
2206 - color: #000;
2207 -}
2208 -.bkt-schedules-container .bkt-host-wrapper {
2209 - display: flex;
2210 - align-items: center;
2211 - gap: 8px;
2212 - min-height: 30px;
2213 -}
2214 -.bkt-schedules-container
2215 - .bkt-meeting-schedule-wrapper
2216 - .ant-collapse-content
2217 - > .ant-collapse-content-box {
2218 - padding: 30px;
2219 -}
2220 -@media screen and (max-width: 570px) {
2221 - .bkt-schedules-container
2222 - .bkt-meeting-schedule-wrapper
2223 - .ant-collapse-content
2224 - > .ant-collapse-content-box {
2225 - padding: 10px;
2226 - }
2227 -}
2228 -.bkt-schedules-container .bkt-availability-btn-area {
2229 - margin-bottom: 15px;
2230 -}
2231 -.bkt-schedules-container
2232 - .bkt-availability-btn-area
2233 - .ant-space-item:first-child
2234 - .ant-btn-primary
2235 - .anticon
2236 - svg {
2237 - fill: #ffffff;
2238 -}
2239 -.bkt-schedules-container
2240 - .bkt-availability-btn-area
2241 - .ant-space-item:first-child
2242 - .ant-btn-primary
2243 - .anticon
2244 - svg
2245 - path {
2246 - stroke: none;
2247 -}
2248 -.bkt-schedules-container
2249 - .bkt-availability-btn-area
2250 - .ant-space-item
2251 - .ant-btn-default:hover
2252 - .anticon
2253 - svg {
2254 - fill: transparent;
2255 -}
2256 -.bkt-schedules-container
2257 - .bkt-availability-btn-area
2258 - .ant-space-item
2259 - .ant-btn-default:hover
2260 - .anticon
2261 - svg
2262 - path {
2263 - stroke: var(--bkt-primary-color);
2264 -}
2265 -.bkt-schedules-container .bkt-availability-day {
2266 - font-weight: 600;
2267 - text-transform: uppercase;
2268 - font-size: 14px;
2269 -}
2270 -.bkt-schedules-container .ant-divider-horizontal {
2271 - margin: 16px 0;
2272 - border-top-color: var(--bkt-secondary-color-12);
2273 -}
2274 -.bkt-schedules-container .ant-checkbox + span {
2275 - position: relative;
2276 - top: -3px;
2277 - text-transform: uppercase;
2278 - font-weight: 600;
2279 - padding-left: 25px;
2280 -}
2281 -.bkt-schedules-container
2282 - .ant-select:not(.ant-select-customize-input)
2283 - .ant-select-selector {
2284 - border: 1px solid var(--bkt-secondary-color-12);
2285 - border-radius: 4px;
2286 -}
2287 -.bkt-schedules-container .ant-select-dropdown {
2288 - border-radius: 4px;
2289 - box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
2290 -}
2291 -.bkt-schedules-container .ant-checkbox-wrapper {
2292 - margin-top: 5px;
2293 -}
2294 -.bkt-schedules-container .bkt-add-schedule-time-slot .anticon {
2295 - margin-top: 4px;
2296 -}
2297 -.bkt-schedules-container
2298 - .ant-select-focused:not(.ant-select-disabled).ant-select:not(
2299 - .ant-select-customize-input
2300 - )
2301 - .ant-select-selector {
2302 - border-color: var(--bkt-primary-color);
2303 - box-shadow: none;
2304 -}
2305 -.bkt-schedules-container .bkt-single-host-schedule + .bkt-single-host-schedule {
2306 - margin-top: 15px;
2307 -}
2308 -
2309 -.bkt-schedule-time-slot-delete {
2310 - line-height: 1;
2311 - margin-top: 3px;
2312 -}
2313 -
2314 -.bkt-apply-custom-schedule .ant-checkbox-group {
2315 - display: inline-flex;
2316 - flex-direction: column;
2317 - margin-left: 20px;
2318 - gap: 8px;
2319 -}
2320 -
2321 -.bkt-overview-content-area .bkt-overview-heading h2 {
2322 - margin: 0;
2323 - font-size: 26px;
2324 - font-weight: 600;
2325 - line-height: 32px;
2326 -}
2327 -.bkt-overview-content-area .bkt-overview-performance .ant-card-meta-title {
2328 - font-size: 18px;
2329 - font-weight: 400;
2330 - line-height: 1.3;
2331 - color: #5f6a78;
2332 - margin-bottom: 0;
2333 -}
2334 -.bkt-overview-content-area
2335 - .bkt-overview-performance
2336 - .ant-card-meta-description {
2337 - margin: 0;
2338 - font-size: 30px;
2339 - font-weight: 700;
2340 - line-height: 34px;
2341 - color: #000;
2342 -}
2343 -.bkt-overview-content-area .bkt-overview-performance .bkt-overview-card {
2344 - border-radius: 8px;
2345 - box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
2346 -}
2347 -.bkt-overview-content-area
2348 - .bkt-overview-performance
2349 - .bkt-overview-card
2350 - .ant-card-body {
2351 - padding: 30px;
2352 -}
2353 -.bkt-overview-content-area
2354 - .bkt-overview-performance
2355 - .bkt-overview-card
2356 - .ant-card-meta {
2357 - display: block;
2358 - margin: 0;
2359 -}
2360 -.bkt-overview-content-area
2361 - .bkt-overview-performance
2362 - .bkt-overview-card
2363 - .ant-card-meta-avatar {
2364 - padding: 0;
2365 - margin-bottom: 32px;
2366 -}
2367 -.bkt-overview-content-area .bkt-overview-title {
2368 - margin: 0;
2369 - font-size: 18px;
2370 - font-weight: 600;
2371 - color: var(--bkt-secondary-color-65);
2372 -}
2373 -.bkt-overview-content-area .bkt-overview-card-data {
2374 - margin: 0;
2375 - font-size: 40px;
2376 - font-weight: 600;
2377 - line-height: 48px;
2378 - letter-spacing: -0.011em;
2379 -}
2380 -
2381 -.bkt-overview-wrapper .bkt-page-header-wrapper {
2382 - margin-bottom: 0;
2383 - border-bottom-color: transparent;
2384 - padding-bottom: 20px;
2385 -}
2386 -
2387 -.toplevel_page_booktics
2388 - .bkt-overview-heading
2389 - .ant-select-single:not(.ant-select-customize-input)
2390 - .ant-select-selector {
2391 - padding: 0 16px;
2392 - align-items: center;
2393 - height: 36px;
2394 -}
2395 -
2396 -.bkt-overview-heading {
2397 - display: flex;
2398 - justify-content: space-between;
2399 - align-items: center;
2400 - margin-bottom: 25px;
2401 - flex-wrap: wrap;
2402 - gap: 10px;
2403 -}
2404 -
2405 -.bkt-overview-reports,
2406 -.bkt-overview-upcomming-bookings {
2407 - border-radius: 8px;
2408 - box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
2409 - background-color: #ffffff;
2410 - padding: 30px;
2411 - height: 100%;
2412 -}
2413 -
2414 -.bkt-overview-upcomming-bookings .bkt-upcomming-booking-name {
2415 - min-width: 60%;
2416 - font-size: 14px;
2417 - font-weight: 600;
2418 - margin: 0;
2419 -}
2420 -.bkt-overview-upcomming-bookings .ant-list-item-meta-title {
2421 - margin-top: 0;
2422 -}
2423 -.bkt-overview-upcomming-bookings .ant-list-item {
2424 - align-items: flex-start;
2425 -}
2426 -
2427 -.bkt-overview-report-chart {
2428 - border: 1px solid #eeeeee;
2429 - border-radius: 8px;
2430 - padding: 20px;
2431 -}
2432 -
2433 -.bkt-customize-form-container h5.ant-typography {
2434 - margin: 0;
2435 - font-weight: 600;
2436 - font-size: 16px;
2437 - line-height: 17px;
2438 - letter-spacing: -0.011em;
2439 -}
2440 -.bkt-customize-form-container .bkt-customize-form-header {
2441 - margin-bottom: 30px;
2442 -}
2443 -.bkt-customize-form-container
2444 - .bkt-customize-form-header
2445 - .bkt-customize-form-desc {
2446 - font-weight: 400;
2447 - font-size: 14px;
2448 - line-height: 17px;
2449 - letter-spacing: -0.011em;
2450 - color: var(--bkt-secondary-color-50);
2451 -}
2452 -.bkt-customize-form-container .bkt-single-field {
2453 - border: 1px solid var(--bkt-secondary-color-12);
2454 - border-radius: 6px;
2455 - margin-bottom: 20px;
2456 - padding: 10px 10px 10px 16px;
2457 - display: flex;
2458 - align-items: center;
2459 - justify-content: space-between;
2460 - position: relative;
2461 - transition: 0.4s;
2462 -}
2463 -.bkt-customize-form-container .bkt-single-field::before {
2464 - content: "";
2465 - position: absolute;
2466 - display: inline-block;
2467 - background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M3 1.5C3 2.32843 2.32843 3 1.5 3C0.671573 3 0 2.32843 0 1.5C0 0.671573 0.671573 0 1.5 0C2.32843 0 3 0.671573 3 1.5Z" fill="%23B5B7BA"/><path d="M3 7.5C3 8.32843 2.32843 9 1.5 9C0.671573 9 0 8.32843 0 7.5C0 6.67157 0.671573 6 1.5 6C2.32843 6 3 6.67157 3 7.5Z" fill="%23B5B7BA"/><path d="M3 13.5C3 14.3284 2.32843 15 1.5 15C0.671573 15 0 14.3284 0 13.5C0 12.6716 0.671573 12 1.5 12C2.32843 12 3 12.6716 3 13.5Z" fill="%23B5B7BA"/><path d="M9 1.5C9 2.32843 8.32843 3 7.5 3C6.67157 3 6 2.32843 6 1.5C6 0.671573 6.67157 0 7.5 0C8.32843 0 9 0.671573 9 1.5Z" fill="%23B5B7BA"/><path d="M9 7.5C9 8.32843 8.32843 9 7.5 9C6.67157 9 6 8.32843 6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5Z" fill="%23B5B7BA"/><path d="M9 13.5C9 14.3284 8.32843 15 7.5 15C6.67157 15 6 14.3284 6 13.5C6 12.6716 6.67157 12 7.5 12C8.32843 12 9 12.6716 9 13.5Z" fill="%23B5B7BA"/></svg>');
2468 - background-repeat: no-repeat;
2469 - background-size: contain;
2470 - width: 9px;
2471 - height: 15px;
2472 - left: -20px;
2473 - top: 50%;
2474 - transform: translateY(-50%);
2475 - visibility: hidden;
2476 - opacity: 0;
2477 - display: none;
2478 -}
2479 -.bkt-customize-form-container .bkt-single-field .bkt-field-action-info {
2480 - display: flex;
2481 - gap: 10px;
2482 -}
2483 -.bkt-customize-form-container .bkt-single-field:last-child {
2484 - margin-bottom: 0;
2485 -}
2486 -.bkt-customize-form-container .bkt-single-field .bkt-field-required {
2487 - margin-left: 10px;
2488 - font-size: 10px;
2489 - background: var(--bkt-secondary-color-08);
2490 - border-radius: 3px;
2491 - font-weight: 500;
2492 - line-height: 12px;
2493 - letter-spacing: 0.03em;
2494 - padding: 1px 4px 3px;
2495 -}
2496 -.bkt-customize-form-container .bkt-customize-form-area {
2497 - padding: 16px;
2498 - border-radius: 5px;
2499 - border: 1px solid var(--bkt-secondary-color-12);
2500 -}
2501 -
2502 -.bkt-custom-form-modal .bkt-custom-form-area .bkt-placeholder-field {
2503 - background-color: #f8f8fb;
2504 - padding: 20px;
2505 - border-radius: 8px;
2506 -}
2507 -.bkt-custom-form-modal .ant-modal-body {
2508 - padding: 40px 40px 0 40px;
2509 -}
2510 -.bkt-custom-form-modal .ant-modal-footer {
2511 - border-top: none;
2512 - padding: 8px 40px 40px 40px;
2513 -}
2514 -
2515 -.bkt-settings-wrapper
2516 - .bkt-integration-settings.ant-collapse
2517 - .ant-collapse-item
2518 - > .ant-collapse-header {
2519 - align-items: center;
2520 -}
2521 -.bkt-settings-wrapper
2522 - .bkt-integration-settings.ant-collapse
2523 - .ant-collapse-item {
2524 - margin-bottom: 30px;
2525 - border: 1px solid var(--bkt-secondary-color-12);
2526 - border-radius: 8px;
2527 -}
2528 -.bkt-settings-wrapper
2529 - .bkt-integration-settings.ant-collapse
2530 - .ant-collapse-item:last-child {
2531 - margin-bottom: 0;
2532 - border-radius: 8px;
2533 -}
2534 -@media (max-width: 480px) {
2535 - .bkt-settings-wrapper
2536 - .bkt-integration-settings.ant-collapse
2537 - .ant-card-meta {
2538 - flex-direction: column;
2539 - }
2540 - .bkt-settings-wrapper
2541 - .bkt-integration-settings.ant-collapse
2542 - .bkt-apple-calendar
2543 - .ant-collapse-header {
2544 - padding-right: 12px;
2545 - }
2546 -}
2547 -.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-header {
2548 - padding: 15px !important;
2549 -}
2550 -.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-content-box {
2551 - background-color: var(--bkt-secondary-color-05);
2552 - border-radius: 0 5px 5px 0;
2553 -}
2554 -.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-item {
2555 - margin-bottom: 30px;
2556 - border: 1px solid #eaeaea;
2557 - border-radius: 5px;
2558 - -webkit-border-radius: 5px;
2559 - -ms-border-radius: 5px;
2560 -}
2561 -@media screen and (max-width: 768px) {
2562 - .bkt-settings-wrapper .bkt-payment-settings .ant-card-meta {
2563 - flex-direction: column;
2564 - }
2565 -}
2566 -.bkt-settings-wrapper .bkt-local-payment-panel .ant-collapse-content-box,
2567 -.bkt-settings-wrapper .bkt-woocommerce-payment .ant-collapse-content-box {
2568 - display: none;
2569 -}
2570 -.bkt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child,
2571 -.bkt-settings-wrapper
2572 - .ant-collapse
2573 - > .ant-collapse-item:last-child
2574 - > .ant-collapse-header {
2575 - align-items: center;
2576 - border-radius: 5px;
2577 - -webkit-border-radius: 5px;
2578 - -ms-border-radius: 5px;
2579 -}
2580 -.bkt-settings-wrapper .ant-card-meta {
2581 - align-items: center;
2582 -}
2583 -.bkt-settings-wrapper .ant-card-meta svg {
2584 - padding: 0 15px;
2585 -}
2586 -.bkt-settings-wrapper .bkt-general-sitting {
2587 - border: 1px solid var(--bkt-secondary-color-12);
2588 - border-radius: 8px;
2589 - padding: 25px;
2590 -}
2591 -.bkt-settings-wrapper .bkt-general-sitting .ant-form-item {
2592 - margin-bottom: 0;
2593 -}
2594 -@media screen and (min-width: 768px) {
2595 - .bkt-settings-wrapper .bkt-general-sitting .bkt-align-right {
2596 - text-align: right;
2597 - }
2598 -}
2599 -.bkt-settings-wrapper .bkt-color-setting {
2600 - display: flex;
2601 - justify-content: start;
2602 - align-items: center;
2603 -}
2604 -@media (min-width: 768px) {
2605 - .bkt-settings-wrapper .bkt-color-setting {
2606 - justify-content: flex-end;
2607 - }
2608 -}
2609 -.bkt-settings-wrapper .bkt-color-setting .bkt-color-input-field {
2610 - flex-basis: 40%;
2611 -}
2612 -.bkt-settings-wrapper .bkt-color-setting .bkt-react-color {
2613 - display: flex;
2614 - justify-content: center;
2615 - align-items: center;
2616 - border: 1px solid var(--bkt-secondary-color-12);
2617 - padding: 8px;
2618 - border-radius: 5px;
2619 - -webkit-border-radius: 5px;
2620 - -ms-border-radius: 5px;
2621 -}
2622 -.bkt-settings-wrapper
2623 - .bkt-color-setting
2624 - .bkt-react-color
2625 - .bkt-react-color-code {
2626 - max-width: 70px;
2627 - margin-left: 10px;
2628 -}
2629 -.bkt-settings-wrapper .bkt-color-setting .bkt-react-color-picker {
2630 - position: absolute;
2631 - z-index: 2;
2632 -}
2633 -@media screen and (max-width: 768px) {
2634 - .bkt-settings-wrapper .ant-collapse-extra .bkt-primary-color {
2635 - display: none;
2636 - }
2637 -}
2638 -
2639 -.bkt-color-picker {
2640 - position: relative;
2641 -}
2642 -.bkt-color-picker .wp-picker-holder {
2643 - position: absolute;
2644 - bottom: 104%;
2645 - z-index: 99;
2646 -}
2647 -.bkt-color-picker input.button.button-small.wp-picker-clear {
2648 - display: none;
2649 -}
2650 -.bkt-color-picker.color-picker-bottom .wp-picker-holder {
2651 - top: 104%;
2652 -}
2653 -
2654 -.ant-collapse-item.ant-collapse-item-disabled {
2655 - background: rgba(234, 234, 234, 0.4196078431);
2656 - opacity: 0.7;
2657 -}
2658 -
2659 -.bkt-flatpickr-calendar {
2660 - padding-right: 10px;
2661 -}
2662 -.bkt-flatpickr-calendar .flatpickr-calendar {
2663 - width: 100%;
2664 - box-shadow: none;
2665 - background: transparent;
2666 -}
2667 -.bkt-flatpickr-calendar .flatpickr-calendar .dayContainer {
2668 - width: 100%;
2669 - min-width: 100%;
2670 - max-width: 100%;
2671 -}
2672 -.bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
2673 -.bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
2674 - width: 100%;
2675 - max-width: 100%;
2676 -}
2677 -.bkt-flatpickr-calendar .flatpickr-months {
2678 - padding-bottom: 20px;
2679 - border-bottom: 1px solid #eaeaea;
2680 - margin-bottom: 20px;
2681 -}
2682 -.bkt-flatpickr-calendar .flatpickr-day {
2683 - height: 50px;
2684 - line-height: 50px;
2685 - border-radius: 6px;
2686 - -webkit-border-radius: 6px;
2687 - -ms-border-radius: 6px;
2688 - color: #0a1018;
2689 - font-weight: 600;
2690 -}
2691 -.bkt-flatpickr-calendar .flatpickr-day.selected {
2692 - color: #fff;
2693 - border: none;
2694 - background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2695 -}
2696 -.bkt-flatpickr-calendar .flatpickr-disabled {
2697 - opacity: 0.4;
2698 -}
2699 -.bkt-flatpickr-calendar .flatpickr-day.today {
2700 - border-color: transparent;
2701 -}
2702 -.bkt-flatpickr-calendar
2703 - .flatpickr-months
2704 - .flatpickr-prev-month.flatpickr-prev-month,
2705 -.bkt-flatpickr-calendar
2706 - .flatpickr-months
2707 - .flatpickr-next-month.flatpickr-prev-month {
2708 - left: auto;
2709 - right: 40px;
2710 -}
2711 -.bkt-flatpickr-calendar
2712 - .flatpickr-months
2713 - .flatpickr-prev-month.flatpickr-disabled,
2714 -.bkt-flatpickr-calendar
2715 - .flatpickr-months
2716 - .flatpickr-next-month.flatpickr-disabled {
2717 - display: block;
2718 - cursor: no-drop;
2719 - opacity: 0.4;
2720 -}
2721 -.bkt-flatpickr-calendar .flatpickr-months .flatpickr-month,
2722 -.bkt-flatpickr-calendar .flatpickr-current-month {
2723 - text-align: left;
2724 -}
2725 -.bkt-flatpickr-calendar .flatpickr-current-month {
2726 - left: 0;
2727 -}
2728 -.bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2729 -.bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2730 - height: 34px;
2731 - width: 34px;
2732 - padding: 0;
2733 - background: #eaeaea;
2734 - line-height: 39px;
2735 - border-radius: 5px;
2736 -}
2737 -.bkt-flatpickr-calendar .flatpickr-months .cur-year,
2738 -.bkt-flatpickr-calendar .flatpickr-months .cur-month {
2739 - font-weight: 600 !important;
2740 -}
2741 -.bkt-flatpickr-calendar .flatpickr-months .cur-year:hover,
2742 -.bkt-flatpickr-calendar .flatpickr-months .cur-year:focus,
2743 -.bkt-flatpickr-calendar .flatpickr-months .cur-month:hover,
2744 -.bkt-flatpickr-calendar .flatpickr-months .cur-month:focus {
2745 - background: transparent;
2746 -}
2747 -
2748 -.flatpickr-input {
2749 - display: none;
2750 -}
2751 -
2752 -.booktics-onboard .bkt-onboard-header {
2753 - display: flex;
2754 - justify-content: space-between;
2755 - align-items: center;
2756 - margin: 60px 0;
2757 - flex-wrap: wrap;
2758 - gap: 20px;
2759 -}
2760 -.booktics-onboard .bkt-onboard-header .bkt-help-info {
2761 - font-size: 15px;
2762 - font-weight: 400;
2763 - color: #000000;
2764 -}
2765 -.booktics-onboard .bkt-onboard-header .bkt-help-info .bkt-get-help-link {
2766 - font-weight: 700;
2767 - color: #5d5dff;
2768 -}
2769 -.booktics-onboard .booktics-wizard-container {
2770 - max-width: 600px;
2771 - margin: 0 auto;
2772 -}
2773 -.booktics-onboard .onboard-wizard-container {
2774 - background-color: #fff;
2775 - border-radius: 20px;
2776 - padding: 40px;
2777 - animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running;
2778 -}
2779 -@media screen and (max-width: 570px) {
2780 - .booktics-onboard .onboard-wizard-container {
2781 - padding: 20px;
2782 - }
2783 -}
2784 -.booktics-onboard .bkt-onboard-progress-bar {
2785 - max-width: 400px;
2786 - text-align: center;
2787 - margin: 0 auto;
2788 - margin-bottom: 50px;
2789 -}
2790 -.booktics-onboard .bkt-onboard-progress-bar .ant-progress-bg {
2791 - background-color: #3161f1;
2792 -}
2793 -.booktics-onboard .bkt-onboard-progress-bar .ant-progress-inner {
2794 - background-color: #e2e2e3;
2795 -}
2796 -.booktics-onboard .bkt-skip-button {
2797 - text-align: center;
2798 - margin-top: 20px;
2799 -}
2800 -.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link {
2801 - border: none;
2802 -}
2803 -.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link span {
2804 - border-bottom: 1px solid #84878b;
2805 - line-height: 1;
2806 - color: #84878b;
2807 -}
2808 -.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link:hover span {
2809 - border-color: #5d5dff;
2810 - color: #5d5dff;
2811 -}
2812 -.booktics-onboard p {
2813 - font-size: 14px;
2814 - color: #838790;
2815 - margin: 0;
2816 - line-height: 24px;
2817 - text-wrap: balance;
2818 -}
2819 -.booktics-onboard .bkt-onboard-welcome {
2820 - padding: 40px 80px;
2821 -}
2822 -.booktics-onboard .bkt-onboard-welcome .banner {
2823 - text-align: center;
2824 - margin-bottom: 50px;
2825 -}
2826 -.booktics-onboard .bkt-onboard-welcome .banner img {
2827 - width: 75%;
2828 -}
2829 -.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content {
2830 - text-align: center;
2831 -}
2832 -.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content h3 {
2833 - font-size: 32px;
2834 - line-height: 38px;
2835 - margin-bottom: 20px;
2836 - font-weight: 700;
2837 - margin-top: 0;
2838 -}
2839 -.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content p {
2840 - margin-bottom: 35px;
2841 - text-wrap: inherit;
2842 -}
2843 -.booktics-onboard .bkt-onboard-wizard-header {
2844 - text-align: center;
2845 - margin-bottom: 35px;
2846 -}
2847 -.booktics-onboard .bkt-onboard-wizard-header h3 {
2848 - font-size: 24px;
2849 - font-weight: 700;
2850 - line-height: 29px;
2851 - margin-bottom: 15px;
2852 - margin-top: 0;
2853 -}
2854 -.booktics-onboard .bkt-onboard-action-btn-wrapper {
2855 - display: flex;
2856 - justify-content: space-between;
2857 - gap: 15px;
2858 - margin-top: 30px;
2859 -}
2860 -@media screen and (max-width: 570px) {
2861 - .booktics-onboard .bkt-onboard-action-btn-wrapper {
2862 - justify-content: center;
2863 - }
2864 -}
2865 -.booktics-onboard .bkt-outline-icon-btn .anticon svg path {
2866 - transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
2867 -}
2868 -.booktics-onboard .bkt-outline-icon-btn:hover .anticon svg path {
2869 - stroke: var(--bkt-primary-color);
2870 -}
2871 -.booktics-onboard .bkt-single-calendar-connect {
2872 - display: flex;
2873 - justify-content: space-between;
2874 - align-items: center;
2875 - border: 1px solid var(--bkt-secondary-color-12);
2876 - padding: 15px;
2877 - border-radius: 8px;
2878 - flex-wrap: wrap;
2879 - gap: 10px;
2880 -}
2881 -.booktics-onboard .bkt-calendar-icon {
2882 - display: flex;
2883 - gap: 15px;
2884 - align-items: center;
2885 -}
2886 -.booktics-onboard .bkt-single-calendar-connect + .bkt-single-calendar-connect {
2887 - margin-top: 15px;
2888 -}
2889 -.booktics-onboard .bkt-onboard-availability {
2890 - padding: 30px;
2891 - border: 1px solid var(--bkt-secondary-color-12);
2892 - border-radius: 10px;
2893 -}
2894 -.booktics-onboard
2895 - .bkt-onboard-availability.booktics-input
2896 - > .ant-divider:first-child {
2897 - display: none;
2898 -}
2899 -.booktics-onboard .bkt-empathizing {
2900 - color: #5d5dff;
2901 - font-weight: 600;
2902 -}
2903 -.booktics-onboard .bkt-onboard-demo-data-import {
2904 - margin: 120px 0;
2905 -}
2906 -
2907 -@keyframes AnimationFadeIn {
2908 - from {
2909 - opacity: 0;
2910 - transform: translateX(50px);
2911 - }
2912 - to {
2913 - opacity: 1;
2914 - }
2915 -}
2916 -.toplevel_page_booktics .bkt-pro-notice {
2917 - padding-right: 8px;
2918 -}
2919 -.toplevel_page_booktics .bkt-go-pro-btn {
2920 - z-index: 1000;
2921 -}
2922 -.toplevel_page_booktics .bkt-go-pro-btn.ant-btn.ant-btn-default {
2923 - color: #0a1018;
2924 - border: 1px solid #fb9e12;
2925 - background-color: #fef6e6;
2926 -}
2927 -.toplevel_page_booktics
2928 - .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-integration {
2929 - position: absolute;
2930 - right: 8px;
2931 - top: 50%;
2932 - transform: translate(-10px, -50%);
2933 -}
2934 -.toplevel_page_booktics
2935 - .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-meeting-integration {
2936 - position: absolute;
2937 - top: 50%;
2938 - right: 6px;
2939 - transform: translate(0, -2%);
2940 -}
2941 -.toplevel_page_booktics .bkt-go-pro-btn .bkt-go-pro-arrow {
2942 - margin-left: 8px;
2943 -}
2944 -
2945 -.bkt-calendar-container {
2946 - background-color: transparent;
2947 - border-radius: 8px;
2948 -}
2949 -.bkt-calendar-container .bkt-calendar .fc-timegrid-slot {
2950 - padding: 7px;
2951 -}
2952 -.bkt-calendar-container .bkt-calendar .fc-toolbar-chunk {
2953 - display: flex;
2954 - justify-content: center;
2955 - align-items: center;
2956 - gap: 10px;
2957 - flex-wrap: wrap;
2958 -}
2959 -.bkt-calendar-container
2960 - .bkt-calendar
2961 - .fc-daygrid-event-harness
2962 - .bkt-calendar
2963 - div {
2964 - text-overflow: ellipsis;
2965 - overflow: hidden;
2966 -}
2967 -.bkt-calendar-container .bkt-calendar .ant-form-item {
2968 - margin-bottom: 0;
2969 -}
2970 -.bkt-calendar-container .bkt-calendar table .fc-scrollgrid {
2971 - border: none;
2972 -}
2973 -.bkt-calendar-container .bkt-calendar table thead {
2974 - background-color: #e2ecf4;
2975 -}
2976 -.bkt-calendar-container .bkt-calendar table thead .fc-scrollgrid-sync-inner {
2977 - margin: 8px 0px;
2978 -}
2979 -.bkt-calendar-container .bkt-calendar table thead .fc-col-header-cell-cushion {
2980 - font-size: 14px;
2981 - color: #0c274a !important;
2982 -}
2983 -.bkt-calendar-container .bkt-calendar table tbody {
2984 - background: #ffffff;
2985 -}
2986 -.bkt-calendar-container .bkt-calendar table tbody .fc-daygrid-day-number {
2987 - font-size: 14px;
2988 - font-weight: 600;
2989 - color: #0c274a !important;
2990 - margin: 10px 10px 0px 10px !important;
2991 -}
2992 -.bkt-calendar-container .bkt-calendar td.fc-day.fc-day-past {
2993 - cursor: not-allowed;
2994 - opacity: 0.3;
2995 -}
2996 -.bkt-calendar-container .bkt-calendar .fc .fc-daygrid-day.fc-day-today,
2997 -.bkt-calendar-container .bkt-calendar .fc .fc-day-today.fc-scrollgrid,
2998 -.bkt-calendar-container .bkt-calendar .fc .fc-day-today.bkt-cal-header {
2999 - background: none;
3000 -}
3001 -.bkt-calendar-container
3002 - .bkt-calendar
3003 - .fc-daygrid
3004 - .fc-scrollgrid
3005 - .fc-scrollgrid-section.fc-scrollgrid-section-body
3006 - .fc-daygrid-day.fc-day-today
3007 - .fc-daygrid-day-number:before,
3008 -.bkt-calendar-container
3009 - .bkt-calendar
3010 - .fc-daygrid
3011 - .fc-scrollgrid
3012 - .fc-scrollgrid-section.fc-scrollgrid-section-body
3013 - .fc-day-today.fc-scrollgrid
3014 - .fc-daygrid-day-number:before,
3015 -.bkt-calendar-container
3016 - .bkt-calendar
3017 - .fc-daygrid
3018 - .fc-scrollgrid
3019 - .fc-scrollgrid-section.fc-scrollgrid-section-body
3020 - .fc-day-today.bkt-cal-header
3021 - .fc-daygrid-day-number:before,
3022 -.bkt-calendar-container .fc-day-today .fc-col-header-cell-cushion:before {
3023 - background-color: var(--bkt-primary-color);
3024 - content: "";
3025 - display: inline-block;
3026 - height: 12px;
3027 - width: 12px;
3028 - margin-right: 8px;
3029 - border-radius: 50%;
3030 -}
3031 -.bkt-calendar-container .bkt-calendar-drawer .ant-drawer-title {
3032 - font-size: 22px;
3033 -}
3034 -.bkt-calendar-container .bkt-calendar-drawer .ant-drawer-header {
3035 - padding: 30px 24px;
3036 - margin-top: 10px;
3037 -}
3038 -.bkt-calendar-container .fc-today-button {
3039 - background-color: #f7f7fc !important;
3040 - text-transform: capitalize !important;
3041 - padding: 10px 12px !important;
3042 - font-weight: bold;
3043 - font-size: 14px !important;
3044 - color: #0c274a !important;
3045 - border: none;
3046 -}
3047 -.bkt-calendar-container .fc-button-group > button {
3048 - text-transform: capitalize !important;
3049 -}
3050 -.bkt-calendar-container .fc-button-group > button:first-child {
3051 - border-radius: 6px 0 0 6px;
3052 -}
3053 -.bkt-calendar-container .fc-button-group > button:last-child {
3054 - border-radius: 0px 6px 6px 0px;
3055 -}
3056 -.bkt-calendar-container .fc-button-group > button:not(.fc-button-active) {
3057 - background-color: #f7f7fc;
3058 - color: #0c274a;
3059 - border: 1px solid rgba(12, 39, 74, 0.2);
3060 -}
3061 -.bkt-calendar-container .fc-button-group > button:hover {
3062 - background-color: #0c274a !important;
3063 - color: #f7f7fc;
3064 -}
3065 -.bkt-calendar-container .fc-daygrid-event-harness {
3066 - background-color: #ecf2f8;
3067 - padding: 3px;
3068 - margin: 5px;
3069 - border-radius: 4px;
3070 -}
3071 -.bkt-calendar-container .fc-daygrid-event-harness .bkt-calendar > b {
3072 - color: #0c274a;
3073 - font-weight: 600;
3074 - font-size: 13px;
3075 -}
3076 -.bkt-calendar-container .fc-daygrid-event-harness:hover {
3077 - background-color: #b9dbfe;
3078 -}
3079 -.bkt-calendar-container .fc-timegrid-event-harness {
3080 - background-color: #ecf2f8;
3081 - padding: 8px;
3082 - margin: 5px;
3083 - border-radius: 4px;
3084 -}
3085 -.bkt-calendar-container .fc-timegrid-event-harness .bkt-calendar > b {
3086 - color: #0c274a;
3087 - font-weight: 600;
3088 - font-size: 13px;
3089 -}
3090 -.bkt-calendar-container .fc-timegrid-event-harness:hover {
3091 - background-color: #b9dbfe;
3092 -}
3093 -.bkt-calendar-container .fc-timegrid-slot-label-cushion,
3094 -.bkt-calendar-container .fc-timegrid-axis-cushion {
3095 - color: #0c274a;
3096 - font-size: 14px;
3097 - font-weight: 600;
3098 -}
3099 -.bkt-calendar-container .fc-timegrid-axis-cushion {
3100 - text-transform: capitalize;
3101 -}
3102 -.bkt-calendar-container .fc-event-main {
3103 - background-color: #ecf2f8;
3104 - color: #0c274a !important;
3105 - padding: 2px !important;
3106 - border-radius: 2px;
3107 - font-weight: 600;
3108 -}
3109 -.bkt-calendar-container .fc-event-main:hover {
3110 - background-color: #b9dbfe;
3111 -}
3112 -.bkt-calendar-container .fc-daygrid-event:hover {
3113 - background-color: #b9dbfe !important;
3114 -}
3115 -.bkt-calendar-container .fc-daygrid-more-link {
3116 - color: #0c274a;
3117 - font-size: 12px;
3118 - font-weight: 600px;
3119 - margin: 5px;
3120 -}
3121 -.bkt-calendar-container .fc-daygrid-day,
3122 -.bkt-calendar-container .fc-scrollgrid,
3123 -.bkt-calendar-container .bkt-cal-header {
3124 - border: 1px solid #e2ecf4 !important;
3125 -}
3126 -.bkt-calendar-container .fc-daygrid-day-frame {
3127 - height: 120px !important;
3128 -}
3129 -.bkt-calendar-container .fc-header-toolbar {
3130 - flex-wrap: wrap !important;
3131 - gap: 20px;
3132 -}
3133 -@media (max-width: 480px) {
3134 - .bkt-calendar-container {
3135 - padding: 0px;
3136 - }
3137 -}
3138 -.bkt-calendar-container .fc-view-harness {
3139 - max-width: 100%;
3140 - overflow-x: auto;
3141 -}
3142 -.bkt-calendar-container .fc-view-harness table {
3143 - min-width: 800px;
3144 -}
3145 -.bkt-calendar-container .bkt-text-capitalize {
3146 - text-transform: capitalize;
3147 -}
3148 -.bkt-calendar-container .bkt-modal-meetings {
3149 - min-width: 400px;
3150 - display: flex;
3151 - justify-content: space-between;
3152 -}
3153 -.bkt-calendar-container .bkt-calendar-modal .ant-modal-header {
3154 - background-color: #e2ecf4;
3155 -}
3156 -.bkt-calendar-container .bkt-calendar-modal .ant-popover-arrow {
3157 - display: none;
3158 -}
3159 -.bkt-calendar-container .bkt-modal-meeting-header {
3160 - font-size: 16px;
3161 - font-weight: 600;
3162 - background-color: #0c274a;
3163 - color: #ffffff !important;
3164 - border-radius: 5px;
3165 -}
3166 -.bkt-calendar-container .bkt-pointer {
3167 - cursor: pointer;
3168 -}
3169 -.bkt-calendar-container .bkt-calendar-booking-delete {
3170 - z-index: 11000 !important;
3171 -}
3172 -.bkt-calendar-container .bkt-select-with-icon .ant-select-item-option-content {
3173 - display: flex;
3174 - align-items: center;
3175 - column-gap: 5px;
3176 -}
3177 -.bkt-calendar-container .bkt-calendar-toolbar-title {
3178 - font-size: 1.5em;
3179 - margin: 0px;
3180 - color: #0c274a;
3181 -}
3182 -.bkt-calendar-container .bkt-align-center-justify-between {
3183 - display: flex;
3184 - align-items: center;
3185 - gap: 10px;
3186 - justify-content: end;
3187 -}
3188 -@media (min-width: 576px) and (max-width: 1200px) {
3189 - .bkt-calendar-container .bkt-align-center-justify-between {
3190 - justify-content: start;
3191 - }
3192 -}
3193 -.bkt-calendar-container .booktics-input {
3194 - height: 37px;
3195 - border-radius: 8px;
3196 - border: 1px solid #e2ecf4;
3197 -}
3198 -.bkt-calendar-container .booktics-input .ant-input:placeholder-shown {
3199 - font-size: 14px;
3200 -}
3201 -.bkt-calendar-container .bkt-submenu-action-select {
3202 - min-width: 120px;
3203 - border: none !important;
3204 -}
3205 -@media (max-width: 400px) {
3206 - .bkt-calendar-container .bkt-submenu-action-select {
3207 - min-width: 90px;
3208 - }
3209 -}
3210 -.bkt-calendar-container .bkt-prev-button,
3211 -.bkt-calendar-container .bkt-next-button {
3212 - border-radius: 50% !important;
3213 - height: 32px !important;
3214 - width: 32px !important;
3215 - position: relative;
3216 -}
3217 -.bkt-calendar-container .bkt-prev-button:hover,
3218 -.bkt-calendar-container .bkt-next-button:hover {
3219 - background-color: #0c274a !important;
3220 - border-color: #e2ecf4 !important;
3221 -}
3222 -.bkt-calendar-container .bkt-today-btn {
3223 - background-color: #f7f7fc !important;
3224 - padding: 17px 12px !important;
3225 - font-size: 14px !important;
3226 - color: #0c274a !important;
3227 - font-weight: 600 !important;
3228 -}
3229 -.bkt-calendar-container .bkt-today-btn:hover {
3230 - background-color: #0c274a !important;
3231 - border-color: #e2ecf4 !important;
3232 - color: #e2ecf4 !important;
3233 -}
3234 -.bkt-calendar-container .bkt-min-width-200 {
3235 - min-width: 200px;
3236 -}
3237 -@media screen and (max-width: 768px) {
3238 - .bkt-calendar-container .bkt-sm-mb-10 {
3239 - margin-bottom: 10px;
3240 - }
3241 -}
3242 -.bkt-calendar-container .bkt-calendar-header-action {
3243 - display: flex;
3244 - justify-content: flex-end;
3245 - gap: 10px;
3246 - align-items: center;
3247 -}
3248 -@media screen and (max-width: 768px) {
3249 - .bkt-calendar-container .bkt-calendar-header-action {
3250 - justify-content: center;
3251 - flex-wrap: wrap;
3252 - }
3253 -}
3254 -.bkt-calendar-container .bkt-calendar-header-action .bkt-cal-view-action {
3255 - display: flex;
3256 - gap: 15px;
3257 -}
3258 -.bkt-calendar-container
3259 - .bkt-calendar-header-action
3260 - .bkt-cal-view-action
3261 - .bkt-today-btn {
3262 - margin-left: 10px;
3263 -}
3264 -
3265 -.bkt-calendar-drawer .ant-drawer-title {
3266 - font-size: 22px;
3267 -}
3268 -.bkt-calendar-drawer .ant-drawer-header {
3269 - padding: 30px 24px;
3270 - margin-top: 10px;
3271 -}
3272 -@media (min-width: 768px) {
3273 - .bkt-calendar-drawer .ant-drawer-content-wrapper {
3274 - width: 500px !important;
3275 - }
3276 -}
3277 -
3278 -.bkt-calendar-popover-title-container {
3279 - display: flex;
3280 - justify-content: space-between;
3281 - align-items: center;
3282 - gap: 10px;
3283 -}
3284 -.bkt-calendar-popover-title-container .bkt-popover-title-button {
3285 - border: 1px solid rgba(0, 0, 0, 0.2);
3286 - border-radius: 5px;
3287 -}
3288 -
3289 -.bkt-cal-title-btn {
3290 - padding: 4px 8px;
3291 - border: 1px solid #ced4db;
3292 - color: #0c274a !important;
3293 - font-size: 12px !important;
3294 - font-style: normal !important;
3295 - font-weight: 500 !important;
3296 - line-height: normal;
3297 - border-radius: 5px !important;
3298 -}
3299 -
3300 -.bkt-calendar-popover-title {
3301 - font-weight: 600 !important;
3302 - font-size: 16px;
3303 - color: #0c274a;
3304 - max-width: 200px !important;
3305 -}
3306 -
3307 -.ant-popover-inner {
3308 - border-radius: 6px !important;
3309 - border: 1px solid #e2ecf4;
3310 - background: #fff;
3311 - padding: 8px;
3312 -}
3313 -
3314 -.bkt-popover-content-label {
3315 - color: #0c274a;
3316 - font-size: 12px;
3317 - font-style: normal;
3318 - font-weight: 400;
3319 - line-height: normal;
3320 - padding: 5px 0px;
3321 -}
3322 -
3323 -.bkt-popover-content-value {
3324 - color: #0c274a;
3325 - font-size: 14px;
3326 - font-style: normal;
3327 - font-weight: 600;
3328 - line-height: normal;
3329 -}
3330 -
3331 -.bkt-popover-icon-and-value-container {
3332 - display: flex;
3333 - gap: 8px;
3334 - justify-content: flex-start;
3335 -}
3336 -.bkt-popover-icon-and-value-container .ant-select-selection-item {
3337 - display: flex;
3338 - align-items: center;
3339 - column-gap: 5px;
3340 -}
3341 -
3342 -.bkt-popover-menu {
3343 - padding: 10px;
3344 -}
3345 -.bkt-popover-menu .ant-dropdown-menu-title-content {
3346 - font-weight: 600 !important;
3347 - font-size: 14px;
3348 -}
3349 -
3350 -.bkt-popover-section-divider {
3351 - width: 98%;
3352 - border-color: #e2ecf4;
3353 - margin: 15px 0px;
3354 -}
3355 -
3356 -.bkt-calendar-modal .bkt-cal-modal-popover {
3357 - display: flex;
3358 - justify-content: space-between;
3359 - width: 100%;
3360 - cursor: pointer;
3361 -}
3362 -.bkt-calendar-modal .bkt-cal-modal-popover.ant-popover-open {
3363 - color: var(--bkt-primary-color);
3364 - opacity: 0.8;
3365 -}
3366 -.bkt-calendar-modal .bkt-modal-meetings .ant-popover-arrow {
3367 - display: none;
3368 -}
3369 -.bkt-calendar-modal .bkt-modal-meetings .ant-popover-inner {
3370 - margin: 12px;
3371 - min-width: 320px;
3372 -}
1 +/*!*********************************************************************************************************************!*\
2 + !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***!
3 + \*********************************************************************************************************************/
4 +:root {
5 + --bkt-primary-color: #3161f1;
6 + --bkt-primary-color-70: #4c93ff;
7 + --bkt-primary-color-50: #78aeff;
8 + --bkt-primary-color-25: #a5c9ff;
9 + --bkt-primary-color-15: #d2e4ff;
10 + --bkt-primary-color-08: #e9f2ff;
11 + --bkt-primary-color-06: #f3f6fe;
12 + --bkt-secondary-color: #0c274a;
13 + --bkt-secondary-color-65: #556880;
14 + --bkt-secondary-color-50: #8693a5;
15 + --bkt-secondary-color-30: #b6bec9;
16 + --bkt-secondary-color-20: #ced4db;
17 + --bkt-secondary-color-12: #e2ecf4;
18 + --bkt-secondary-color-08: #ecf2f8;
19 + --bkt-secondary-color-05: #f3f7fb;
20 + --bkt-secondary-color-03: #f8fafc;
21 + --bkt-danger-color: #e42d23;
22 + --bkt-danger-light-color: #f7d0d3;
23 + --bkt-success-color: #00c14e;
24 + --bkt-alert-color: #ef8201;
25 + --bkt-disable-color: #cecfd1;
26 + --bkt-state-color-01: #06a78a;
27 + --bkt-state-color-02: #f1a208;
28 + --bkt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
29 + --bkt-primary-gradient-reverse: linear-gradient(
30 + 170deg,
31 + #3263f8 0%,
32 + #254ec8 100%
33 + );
34 + --bkt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
35 +}
36 +
37 +.wpmet-jhanda-href img {
38 + max-width: 100%;
39 +}
40 +
41 +.bkt-margin-0 {
42 + margin: 0 !important;
43 +}
44 +
45 +.bkt-mb-0 {
46 + margin-bottom: 0 !important;
47 +}
48 +
49 +.bkt-mb-10 {
50 + margin-bottom: 10px !important;
51 +}
52 +
53 +.bkt-mb-15 {
54 + margin-bottom: 15px !important;
55 +}
56 +
57 +.bkt-mb-20 {
58 + margin-bottom: 20px !important;
59 +}
60 +
61 +.bkt-mb-25 {
62 + margin-bottom: 25px !important;
63 +}
64 +
65 +.bkt-mb-30 {
66 + margin-bottom: 30px !important;
67 +}
68 +
69 +.bkt-mb-35 {
70 + margin-bottom: 35px !important;
71 +}
72 +
73 +.bkt-mb-40 {
74 + margin-bottom: 40px !important;
75 +}
76 +
77 +.bkt-mb-45 {
78 + margin-bottom: 45px !important;
79 +}
80 +
81 +.bkt-mt-0 {
82 + margin-top: 0 !important;
83 +}
84 +
85 +.bkt-mt-5 {
86 + margin-top: 5px !important;
87 +}
88 +
89 +.bkt-mt-10 {
90 + margin-top: 10px !important;
91 +}
92 +
93 +.bkt-mt-30 {
94 + margin-top: 30px !important;
95 +}
96 +
97 +.bkt-mt-40 {
98 + margin-top: 40px !important;
99 +}
100 +
101 +.bkt-mr-15 {
102 + margin-right: 15px !important;
103 +}
104 +
105 +.bkt-mx-10 {
106 + margin: 0 10px !important;
107 +}
108 +
109 +.bkt-primary-color {
110 + color: var(--bkt-primary-color);
111 +}
112 +
113 +#wpcontent {
114 + min-height: 100vh;
115 + background-color: #ecf2f8;
116 +}
117 +@media screen and (max-width: 768px) {
118 + #wpcontent {
119 + padding-right: 10px;
120 + }
121 +}
122 +
123 +.wrap {
124 + margin: 20px 40px 0 20px;
125 +}
126 +@media screen and (max-width: 768px) {
127 + .wrap {
128 + margin: 0;
129 + }
130 +}
131 +
132 +.toplevel_page_booktics .bkt-page-header-wrapper {
133 + border-bottom: 1px solid #d9d9d9;
134 + padding-bottom: 27px;
135 + margin-top: 20px;
136 + margin-bottom: 30px;
137 + display: flex;
138 + justify-content: space-between;
139 +}
140 +.toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header {
141 + padding: 0;
142 + background-color: transparent;
143 +}
144 +.toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header-heading-left,
145 +.toplevel_page_booktics
146 + .bkt-page-header-wrapper
147 + .ant-page-header-heading-extra {
148 + display: flex;
149 + margin: 0;
150 +}
151 +.toplevel_page_booktics
152 + .bkt-page-header-wrapper
153 + .ant-page-header-heading-title {
154 + font-size: 22px;
155 + line-height: 33px;
156 +}
157 +.toplevel_page_booktics .bkt-page-header-wrapper .ant-btn svg {
158 + fill: var(--bkt-primary-color);
159 +}
160 +.toplevel_page_booktics
161 + .bkt-page-header-wrapper
162 + .bkt-header-info-dropdown.ant-btn {
163 + padding: 4px 0px;
164 +}
165 +.toplevel_page_booktics
166 + .bkt-shortcode-list
167 + .ant-input-group-addon
168 + .anticon:hover
169 + path {
170 + stroke: var(--bkt-primary-color);
171 +}
172 +.toplevel_page_booktics .bkt-shortcode-list .ant-input-group-addon:last-child {
173 + border-top-right-radius: 6px;
174 + border-bottom-right-radius: 6px;
175 +}
176 +.toplevel_page_booktics .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
177 +.toplevel_page_booktics
178 + .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
179 +.toplevel_page_booktics .ant-dropdown-menu-item:hover,
180 +.toplevel_page_booktics
181 + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
182 +.toplevel_page_booktics
183 + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active,
184 +.toplevel_page_booktics .ant-dropdown-menu-submenu-title:hover {
185 + background-color: var(--bkt-secondary-color-08);
186 +}
187 +.toplevel_page_booktics .ant-list-split .ant-list-item {
188 + border-color: var(--bkt-secondary-color-12);
189 +}
190 +.toplevel_page_booktics .ant-divider-horizontal {
191 + border-color: var(--bkt-secondary-color-12);
192 +}
193 +.toplevel_page_booktics .bkt-spinner-center {
194 + width: 100%;
195 + height: 90vh;
196 + display: flex;
197 + align-items: center;
198 + justify-content: center;
199 + opacity: 0.8;
200 +}
201 +
202 +.booktics-input .ant-input-lg,
203 +.booktics-input .ant-picker,
204 +.booktics-input
205 + .ant-select:not(.ant-select-customize-input)
206 + .ant-select-selector,
207 +.booktics-input .ant-input-affix-wrapper,
208 +.booktics-input .ant-input-number,
209 +.booktics-input .ant-input-number-lg,
210 +.booktics-input
211 + .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
212 + .ant-select-selector {
213 + border-color: var(--bkt-secondary-color-12);
214 + border-radius: 6px;
215 + height: 42px;
216 + padding: 0 15px;
217 + font-size: 14px;
218 +}
219 +.booktics-input .ant-input-number-lg input {
220 + height: 40px;
221 + line-height: 40px;
222 +}
223 +.booktics-input .ant-form-item-label > label {
224 + font-weight: 500;
225 + font-size: 13px;
226 + line-height: 20px;
227 + color: var(--bkt-secondary-color);
228 + text-transform: capitalize;
229 +}
230 +.booktics-input
231 + .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
232 + .ant-select-selector
233 + .ant-select-selection-item {
234 + line-height: 42px;
235 + padding-right: 10px;
236 +}
237 +.booktics-input textarea.ant-input {
238 + border-radius: 6px;
239 +}
240 +.booktics-input
241 + .ant-select-single
242 + .ant-select-selector
243 + .ant-select-selection-item,
244 +.booktics-input
245 + .ant-select-single
246 + .ant-select-selector
247 + .ant-select-selection-placeholder {
248 + line-height: 40px;
249 +}
250 +.booktics-input.bkt-sm-input .ant-input-number-sm {
251 + height: 34px;
252 + line-height: 32px;
253 +}
254 +.booktics-input .ant-select-arrow {
255 + right: 15px;
256 + height: 15px;
257 +}
258 +.booktics-input .ant-select-arrow .anticon-down {
259 + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg3MDY4IDIuNjEyMDRDMC4zODk4MTYgMi4xMzExOCAwLjM4OTgxNiAxLjM1MTU0IDAuODcwNjc5IDAuODcwNjhDMS4zNTE1NCAwLjM4OTgxNyAyLjEzMTE4IDAuMzg5ODE2IDIuNjEyMDQgMC44NzA2OEw4LjI1ODY0IDYuNTE3MjhMMTMuOTA1MiAwLjg3MDY4QzE0LjM4NjEgMC4zODk4MTcgMTUuMTY1NyAwLjM4OTgxNiAxNS42NDY2IDAuODcwNjc5QzE2LjEyNzUgMS4zNTE1NCAxNi4xMjc1IDIuMTMxMTggMTUuNjQ2NiAyLjYxMjA0TDguOTY1NzUgOS4yOTI4OUM4LjU3NTIyIDkuNjgzNDIgNy45NDIwNiA5LjY4MzQyIDcuNTUxNTMgOS4yOTI4OUwwLjg3MDY4IDIuNjEyMDRaIiBmaWxsPSIjMEExMDE4Ii8+Cjwvc3ZnPgo=");
260 + width: 14px;
261 + height: 9px;
262 + background-repeat: no-repeat;
263 + background-size: 13px;
264 +}
265 +.booktics-input .ant-select-arrow .anticon-down svg {
266 + display: none;
267 +}
268 +
269 +.ant-input-affix-wrapper input[type="text"]:focus,
270 +.ant-input-affix-wrapper input[type="password"]:focus,
271 +.ant-input-affix-wrapper input[type="color"]:focus,
272 +.ant-input-affix-wrapper input[type="date"]:focus,
273 +.ant-input-affix-wrapper input[type="datetime"]:focus,
274 +.ant-input-affix-wrapper input[type="datetime-local"]:focus,
275 +.ant-input-affix-wrapper input[type="email"]:focus,
276 +.ant-input-affix-wrapper input[type="month"]:focus,
277 +.ant-input-affix-wrapper input[type="number"]:focus,
278 +.ant-input-affix-wrapper input[type="search"]:focus,
279 +.ant-input-affix-wrapper input[type="tel"]:focus,
280 +.ant-input-affix-wrapper input[type="time"]:focus,
281 +.ant-input-affix-wrapper input[type="url"]:focus,
282 +.ant-input-affix-wrapper input[type="week"]:focus,
283 +.ant-input-affix-wrapper input[type="checkbox"]:focus,
284 +.ant-input-affix-wrapper input[type="radio"]:focus,
285 +.ant-input-affix-wrapper select:focus,
286 +.ant-input-affix-wrapper textarea:focus,
287 +.ant-select-selection-search input[type="text"]:focus,
288 +.ant-select-selection-search input[type="password"]:focus,
289 +.ant-select-selection-search input[type="color"]:focus,
290 +.ant-select-selection-search input[type="date"]:focus,
291 +.ant-select-selection-search input[type="datetime"]:focus,
292 +.ant-select-selection-search input[type="datetime-local"]:focus,
293 +.ant-select-selection-search input[type="email"]:focus,
294 +.ant-select-selection-search input[type="month"]:focus,
295 +.ant-select-selection-search input[type="number"]:focus,
296 +.ant-select-selection-search input[type="search"]:focus,
297 +.ant-select-selection-search input[type="tel"]:focus,
298 +.ant-select-selection-search input[type="time"]:focus,
299 +.ant-select-selection-search input[type="url"]:focus,
300 +.ant-select-selection-search input[type="week"]:focus,
301 +.ant-select-selection-search input[type="checkbox"]:focus,
302 +.ant-select-selection-search input[type="radio"]:focus,
303 +.ant-select-selection-search select:focus,
304 +.ant-select-selection-search textarea:focus {
305 + box-shadow: none;
306 + outline: none;
307 +}
308 +
309 +.input-search-field .ant-input-affix-wrapper {
310 + font-size: 16px;
311 + border-radius: 6px;
312 + padding: 1px 15px;
313 +}
314 +
315 +.bkt-heading {
316 + font-weight: 600;
317 + font-size: 24px;
318 +}
319 +
320 +#booktics_dashboard .ant-btn,
321 +.bkt-btn-dropdown .ant-btn,
322 +.ant-modal-wrap .ant-btn,
323 +.ant-popover-inner-content .ant-btn {
324 + border-radius: 6px;
325 + font-weight: 600;
326 +}
327 +#booktics_dashboard .ant-btn.ant-btn-sm,
328 +.bkt-btn-dropdown .ant-btn.ant-btn-sm,
329 +.ant-modal-wrap .ant-btn.ant-btn-sm,
330 +.ant-popover-inner-content .ant-btn.ant-btn-sm {
331 + height: 30px;
332 + line-height: 30px;
333 + padding: 0 11px;
334 +}
335 +#booktics_dashboard .ant-btn.ant-btn-md,
336 +.bkt-btn-dropdown .ant-btn.ant-btn-md,
337 +.ant-modal-wrap .ant-btn.ant-btn-md,
338 +.ant-popover-inner-content .ant-btn.ant-btn-md {
339 + height: 34px;
340 + line-height: 34px;
341 +}
342 +#booktics_dashboard .ant-btn.ant-btn-lg,
343 +.bkt-btn-dropdown .ant-btn.ant-btn-lg,
344 +.ant-modal-wrap .ant-btn.ant-btn-lg,
345 +.ant-popover-inner-content .ant-btn.ant-btn-lg {
346 + height: 38px;
347 + line-height: 1.5;
348 +}
349 +#booktics_dashboard .ant-btn svg,
350 +.bkt-btn-dropdown .ant-btn svg,
351 +.ant-modal-wrap .ant-btn svg,
352 +.ant-popover-inner-content .ant-btn svg {
353 + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
354 +}
355 +#booktics_dashboard .bkt-more-action-btn,
356 +.bkt-btn-dropdown .bkt-more-action-btn,
357 +.ant-modal-wrap .bkt-more-action-btn,
358 +.ant-popover-inner-content .bkt-more-action-btn {
359 + padding: 5px 6px;
360 +}
361 +#booktics_dashboard .bkt-more-action-btn:hover svg,
362 +.bkt-btn-dropdown .bkt-more-action-btn:hover svg,
363 +.ant-modal-wrap .bkt-more-action-btn:hover svg,
364 +.ant-popover-inner-content .bkt-more-action-btn:hover svg {
365 + fill: var(--bkt-primary-color);
366 +}
367 +
368 +.bkt-action-dropdown .ant-dropdown-menu {
369 + min-width: 208px;
370 + padding: 4px;
371 + border-radius: 6px;
372 + -webkit-border-radius: 6px;
373 + -ms-border-radius: 6px;
374 + border: 1px solid var(--bkt-secondary-color-12);
375 +}
376 +.bkt-action-dropdown .ant-dropdown-menu-item {
377 + padding: 6px 10px;
378 + border-radius: 4px;
379 +}
380 +.bkt-action-dropdown .ant-dropdown-menu-item a {
381 + text-decoration: none;
382 + font-weight: 500;
383 + font-size: 14px;
384 + color: var(--bkt-secondary-color-65);
385 +}
386 +.bkt-action-dropdown .ant-dropdown-menu-item:hover a {
387 + color: var(--bkt-secondary-color);
388 +}
389 +.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu {
390 + min-width: 210px;
391 + padding: 4px;
392 +}
393 +.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu svg {
394 + margin-right: 5px;
395 + position: relative;
396 + bottom: -3px;
397 +}
398 +.bkt-action-dropdown.bkt-action-area .ant-dropdown-menu-item {
399 + padding: 7px 12px;
400 +}
401 +
402 +.bkt-text-right {
403 + text-align: right;
404 +}
405 +
406 +.bkt-notification-content .ant-collapse-content > .ant-collapse-content-box {
407 + padding: 25px;
408 +}
409 +
410 +.bkt-container-wrapper {
411 + margin: 60px auto 0;
412 +}
413 +.bkt-container-wrapper .bkt-appoint-type {
414 + font-size: 21px;
415 + line-height: 25px;
416 + margin: 0 0 40px 0;
417 + font-weight: 600;
418 +}
419 +.bkt-container-wrapper .bkt-form-container {
420 + padding: 30px;
421 + background-color: #ffffff;
422 + border: 1px solid var(--bkt-secondary-color-12);
423 + border-radius: 8px;
424 +}
425 +@media screen and (max-width: 768px) {
426 + .bkt-container-wrapper .bkt-form-container {
427 + padding: 20px;
428 + }
429 +}
430 +.bkt-container-wrapper .bkt-form-container .ant-collapse {
431 + border-radius: 8px;
432 +}
433 +.bkt-container-wrapper .bkt-form-container .ant-collapse-header-text {
434 + font-size: 14px;
435 + font-weight: 600;
436 +}
437 +.bkt-container-wrapper .bkt-form-container .bkt-link-btn {
438 + padding: 0;
439 +}
440 +.bkt-container-wrapper
441 + .bkt-form-container
442 + .booktics-input.bkt-notice-time-input {
443 + margin-top: 32px;
444 +}
445 +@media screen and (max-width: 570px) {
446 + .bkt-container-wrapper
447 + .bkt-form-container
448 + .booktics-input.bkt-notice-time-input {
449 + margin-top: -15px;
450 + }
451 +}
452 +.bkt-container-wrapper .bkt-tab-container {
453 + padding-left: 0;
454 +}
455 +
456 +.bkt-container-wrapper:has(.bkt-custom-tab) {
457 + max-width: 900px;
458 +}
459 +
460 +.bkt-container-wrapper:not(:has(.bkt-custom-tab)) {
461 + max-width: 750px;
462 +}
463 +
464 +.ql-editor {
465 + min-height: 130px;
466 +}
467 +
468 +.bkt-tooltip-card .ant-tooltip-arrow {
469 + min-width: 18px;
470 + min-height: 18px;
471 +}
472 +.bkt-tooltip-card .ant-tooltip-inner {
473 + min-height: 20px;
474 + padding: 4px 8px;
475 + font-size: 12px;
476 +}
477 +
478 +@media screen and (max-width: 782px) {
479 + input[type="text"],
480 + input[type="number"] {
481 + min-height: 30px;
482 + }
483 +}
484 +@media (max-width: 590px) {
485 + .ant-picker-panel-container .ant-picker-panels {
486 + flex-direction: column;
487 + }
488 +}
489 +.bkt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input {
490 + background-color: transparent;
491 + display: block;
492 + width: 100%;
493 +}
494 +
495 +.ant-notification {
496 + margin-top: 16px !important;
497 +}
498 +
499 +.toplevel_page_booktics .ant-switch {
500 + height: 24px;
501 + background-color: var(--bkt-secondary-color-20);
502 + box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12);
503 + border-radius: 28px;
504 +}
505 +.toplevel_page_booktics .ant-switch .ant-switch-handle {
506 + top: 4px;
507 + left: 4px;
508 + width: 16px;
509 + height: 16px;
510 +}
511 +.toplevel_page_booktics .ant-switch .ant-switch-handle::before {
512 + box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
513 + background: linear-gradient(
514 + 210.38deg,
515 + #ffffff 11.21%,
516 + rgba(255, 255, 255, 0.8) 87.98%
517 + );
518 +}
519 +.toplevel_page_booktics .ant-switch.ant-switch-checked {
520 + background: var(--bkt-primary-gradient);
521 +}
522 +.toplevel_page_booktics .ant-switch.ant-switch-checked .ant-switch-handle {
523 + left: calc(100% - 20px);
524 +}
525 +.toplevel_page_booktics
526 + .ant-switch.ant-switch-checked
527 + .ant-switch-handle::before {
528 + background: linear-gradient(
529 + 210.38deg,
530 + #ffffff 11.21%,
531 + rgba(255, 255, 255, 0.7) 87.98%
532 + );
533 + box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
534 +}
535 +.toplevel_page_booktics .ant-checkbox .ant-checkbox-inner {
536 + width: 20px;
537 + height: 20px;
538 + border-radius: 4px;
539 + z-index: 1;
540 +}
541 +.toplevel_page_booktics .ant-checkbox .ant-checkbox-inner::after {
542 + width: 6.714286px;
543 + height: 11.142857px;
544 + left: 23%;
545 + top: 45%;
546 + border-radius: 0;
547 +}
548 +.toplevel_page_booktics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
549 + background: var(--bkt-primary-gradient);
550 + border-color: var(--bkt-primary-color);
551 +}
552 +.toplevel_page_booktics .ant-checkbox.ant-checkbox-checked:after {
553 + border-radius: 4px;
554 +}
555 +.toplevel_page_booktics
556 + .ant-checkbox.ant-checkbox-indeterminate
557 + .ant-checkbox-inner::after {
558 + width: 12px;
559 + height: 12px;
560 + left: 50%;
561 + top: 50%;
562 + border-radius: 2px;
563 + background: var(--bkt-primary-gradient);
564 +}
565 +.toplevel_page_booktics .ant-checkbox + span {
566 + position: relative;
567 + top: -3px;
568 +}
569 +.toplevel_page_booktics
570 + .ant-checkbox.ant-checkbox-disabled
571 + .ant-checkbox-input {
572 + width: 20px;
573 + height: 20px;
574 + top: 4px;
575 +}
576 +.toplevel_page_booktics .ant-checkbox-input:focus + .ant-checkbox-inner,
577 +.toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox-inner,
578 +.toplevel_page_booktics .ant-checkbox:hover .ant-checkbox-inner {
579 + border-color: var(--bkt-primary-color);
580 +}
581 +.toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox:after,
582 +.toplevel_page_booktics .ant-checkbox:hover:after {
583 + visibility: visible;
584 + border-color: var(--bkt-primary-color);
585 +}
586 +.toplevel_page_booktics .meeting-pagination {
587 + text-align: right;
588 +}
589 +@media (max-width: 991px) {
590 + .toplevel_page_booktics .meeting-pagination {
591 + text-align: center;
592 + }
593 +}
594 +.toplevel_page_booktics .ant-pagination .ant-pagination-item {
595 + width: 30px;
596 + min-width: 30px;
597 + line-height: 25px;
598 + height: 30px;
599 + background-color: transparent;
600 + border-color: transparent;
601 + border-radius: 4px;
602 +}
603 +.toplevel_page_booktics .ant-pagination .ant-pagination-item a {
604 + font-weight: 600;
605 + line-height: 28px;
606 +}
607 +.toplevel_page_booktics .ant-pagination .ant-pagination-item:hover {
608 + border-color: var(--bkt-primary-color);
609 +}
610 +.toplevel_page_booktics .ant-pagination .ant-pagination-item-active {
611 + border: 1px solid var(--bkt-primary-color);
612 + border-radius: 4px;
613 +}
614 +.toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link,
615 +.toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link {
616 + background-color: transparent;
617 + border: 1px solid transparent;
618 +}
619 +.toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link:hover,
620 +.toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link:hover {
621 + border-color: transparent;
622 +}
623 +.toplevel_page_booktics .ant-pagination-disabled .ant-pagination-item-link,
624 +.toplevel_page_booktics
625 + .ant-pagination-disabled:hover
626 + .ant-pagination-item-link {
627 + color: rgba(0, 0, 0, 0.25);
628 + border-color: transparent;
629 + background-color: transparent;
630 + cursor: not-allowed;
631 +}
632 +.toplevel_page_booktics .bkt-meeting-create-btn .ant-btn-primary svg {
633 + fill: #fff !important;
634 +}
635 +.toplevel_page_booktics .ant-tabs-tab-btn {
636 + color: var(--bkt-secondary-color-50);
637 + display: flex;
638 +}
639 +.toplevel_page_booktics .ant-tabs-tab-btn .ant-tabs-tab-icon {
640 + display: flex;
641 +}
642 +.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav,
643 +.toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav,
644 +.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav,
645 +.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav {
646 + margin: 0 0 30px;
647 +}
648 +.toplevel_page_booktics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
649 + padding: 0 0 10px;
650 + font-size: 15px;
651 + font-weight: 600;
652 +}
653 +.toplevel_page_booktics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
654 +.toplevel_page_booktics .ant-tabs-tab:hover {
655 + color: var(--bkt-primary-color);
656 + text-shadow: none;
657 +}
658 +.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav:before,
659 +.toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav:before,
660 +.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav:before,
661 +.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav:before {
662 + border-bottom: 1px solid #d9d9d9;
663 +}
664 +.toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
665 +.toplevel_page_booktics
666 + .ant-tabs-bottom
667 + > div
668 + > .ant-tabs-nav
669 + .ant-tabs-ink-bar,
670 +.toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
671 +.toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
672 + height: 3px;
673 +}
674 +.toplevel_page_booktics .ant-tabs-ink-bar {
675 + background: var(--bkt-primary-gradient);
676 + border-radius: 10px 10px 0 0;
677 +}
678 +.toplevel_page_booktics
679 + .bkt-settings-wrapper
680 + .ant-typography.ant-typography-secondary {
681 + color: var(--bkt-secondary-color-65);
682 +}
683 +.toplevel_page_booktics .bkt-settings-wrapper .ant-btn.ant-btn-default {
684 + text-decoration: none;
685 + line-height: 1;
686 + padding: 0 15px;
687 + color: var(--bkt-primary-color);
688 + border-color: var(--bkt-primary-color);
689 +}
690 +.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav {
691 + border-right: 1px solid #e1e4e9;
692 +}
693 +.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-ink-bar {
694 + background: none;
695 +}
696 +.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab {
697 + padding: 10px 24px !important;
698 + margin: 0 !important;
699 + transition: 0.3s ease-in;
700 +}
701 +.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab path {
702 + stroke: #8693a5;
703 +}
704 +.toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active {
705 + background-color: #e9f2ff;
706 +}
707 +.toplevel_page_booktics
708 + .bkt-custom-tab
709 + > .ant-tabs-nav
710 + .ant-tabs-tab-active
711 + path {
712 + stroke: #3161f1;
713 +}
714 +.toplevel_page_booktics
715 + .bkt-custom-tab
716 + > .ant-tabs-nav
717 + .ant-tabs-nav-operations {
718 + display: none !important;
719 +}
720 +.toplevel_page_booktics
721 + .bkt-custom-tab
722 + > .ant-tabs-content-holder
723 + .ant-tabs-tabpane {
724 + padding-left: 40px !important;
725 +}
726 +.toplevel_page_booktics
727 + .bkt-custom-tab
728 + > .ant-tabs-content-holder
729 + .ant-card-meta-avatar
730 + svg {
731 + background: none;
732 + border-radius: 0;
733 +}
734 +.toplevel_page_booktics .bkt-custom-tab .bkt-tab-heading {
735 + font-size: 16px;
736 + font-weight: 600;
737 + border-bottom: 1px solid #e1e4e9;
738 + padding-bottom: 20px;
739 + margin-bottom: 30px;
740 +}
741 +.toplevel_page_booktics .ant-table {
742 + background-color: transparent;
743 +}
744 +.toplevel_page_booktics
745 + .ant-table
746 + .ant-table-container
747 + table
748 + > thead
749 + > tr:first-child
750 + th:last-child {
751 + border-top-right-radius: 6px;
752 +}
753 +.toplevel_page_booktics
754 + .ant-table
755 + .ant-table-container
756 + table
757 + > thead
758 + > tr:first-child
759 + th:first-child {
760 + border-top-left-radius: 6px;
761 +}
762 +.toplevel_page_booktics
763 + .ant-table
764 + .ant-table-container
765 + table
766 + > tbody
767 + > tr:last-child
768 + td:last-child {
769 + border-bottom-right-radius: 6px;
770 +}
771 +.toplevel_page_booktics
772 + .ant-table
773 + .ant-table-container
774 + table
775 + > tbody
776 + > tr:last-child
777 + td:first-child {
778 + border-bottom-left-radius: 6px;
779 +}
780 +.toplevel_page_booktics
781 + .ant-table
782 + .ant-table-thead
783 + > tr
784 + > th:not(:last-child):not(.ant-table-selection-column):not(
785 + .ant-table-row-expand-icon-cell
786 + ):not([colspan]):before {
787 + display: none;
788 +}
789 +.toplevel_page_booktics .ant-table .ant-table-sticky-holder,
790 +.toplevel_page_booktics .ant-table .ant-table-sticky-scroll {
791 + background: transparent;
792 +}
793 +.toplevel_page_booktics .ant-table .ant-table-thead > tr > th {
794 + background: #e9eaef;
795 + border-bottom-color: transparent;
796 + box-shadow: none;
797 +}
798 +.toplevel_page_booktics .ant-table table tr td.ant-table-selection-column,
799 +.toplevel_page_booktics .ant-table table tr th.ant-table-selection-column {
800 + padding-right: 20px;
801 + padding-left: 20px;
802 +}
803 +.toplevel_page_booktics .ant-table .ant-table-tbody > tr > td {
804 + background-color: #fff;
805 +}
806 +.toplevel_page_booktics .ant-table .ant-table-tbody tr:nth-child(2n-1) td {
807 + background-color: var(--bkt-secondary-color-05);
808 +}
809 +.toplevel_page_booktics .ant-spin {
810 + color: var(--bkt-primary-color);
811 +}
812 +.toplevel_page_booktics .ant-spin .ant-spin-dot-item {
813 + background-color: var(--bkt-primary-color);
814 +}
815 +.toplevel_page_booktics .ant-spin-blur {
816 + opacity: 0;
817 +}
818 +.toplevel_page_booktics .ant-alert-info {
819 + border: transparent;
820 + border-radius: 8px;
821 +}
822 +.toplevel_page_booktics .ant-spin-blur {
823 + opacity: 0;
824 +}
825 +.toplevel_page_booktics .ant-collapse {
826 + background-color: #fff;
827 + border-color: var(--bkt-secondary-color-12);
828 +}
829 +.toplevel_page_booktics .ant-collapse > .ant-collapse-item:last-child {
830 + border-radius: 0 0 8px 8px;
831 +}
832 +.toplevel_page_booktics
833 + .ant-collapse
834 + > .ant-collapse-item:last-child
835 + > .ant-collapse-header,
836 +.toplevel_page_booktics
837 + .ant-collapse
838 + > .ant-collapse-item:last-child
839 + > .ant-collapse-content {
840 + border-radius: 0 0 8px 8px;
841 + border-color: var(--bkt-secondary-color-12);
842 +}
843 +.toplevel_page_booktics
844 + .ant-collapse.ant-collapse-ghost
845 + > .ant-collapse-item
846 + > .ant-collapse-content
847 + > .ant-collapse-content-box {
848 + padding-top: 25px;
849 + padding-bottom: 25px;
850 +}
851 +.toplevel_page_booktics
852 + .ant-collapse.ant-collapse-icon-position-end
853 + > .ant-collapse-item
854 + > .ant-collapse-header {
855 + position: relative;
856 + background-color: transparent;
857 + border-top-right-radius: 7px;
858 + border-top-left-radius: 7px;
859 +}
860 +.toplevel_page_booktics
861 + .ant-collapse.ant-collapse-icon-position-end
862 + > .ant-collapse-item:not(.ant-collapse-item-active)
863 + > .ant-collapse-header {
864 + border-radius: 8px;
865 +}
866 +.toplevel_page_booktics
867 + .ant-collapse
868 + .ant-collapse-content
869 + > .ant-collapse-content-box {
870 + background-color: var(--bkt-secondary-color-05);
871 + padding: 25px;
872 + border-radius: 0 0 8px 8px;
873 +}
874 +.toplevel_page_booktics
875 + .ant-collapse
876 + .ant-collapse-item-active
877 + .ant-collapse-expand-icon
878 + .anticon
879 + svg {
880 + transform: rotate(-180deg);
881 +}
882 +.toplevel_page_booktics .ant-collapse > .ant-collapse-item {
883 + border-bottom-color: var(--bkt-secondary-color-12);
884 +}
885 +.toplevel_page_booktics .ant-collapse-item.ant-collapse-item-disabled {
886 + opacity: 1;
887 +}
888 +.toplevel_page_booktics .ant-tooltip .ant-tooltip-inner {
889 + background: var(--bkt-secondary-gradient);
890 + border-radius: 4px;
891 + font-weight: 600;
892 + font-size: 12px;
893 +}
894 +.toplevel_page_booktics .ant-tooltip .ant-tooltip-arrow-content {
895 + --antd-arrow-background-color: var(--bkt-secondary-color);
896 +}
897 +.toplevel_page_booktics
898 + .ant-select-single:not(
899 + .ant-select-customize-input,
900 + .bkt-location-type-select
901 + )
902 + .ant-select-selector {
903 + line-height: 40px;
904 + padding: 0 40px 0 20px;
905 + border-radius: 6px;
906 +}
907 +.toplevel_page_booktics
908 + .ant-select-single:not(.ant-pagination-options-size-changer)
909 + .ant-select-selector
910 + .ant-select-selection-item,
911 +.toplevel_page_booktics
912 + .ant-select-single
913 + .ant-select-selector
914 + .ant-select-selection-placeholder {
915 + padding: 0;
916 + line-height: 40px;
917 + transition: all 0.3s;
918 + font-weight: 500;
919 + color: var(--bkt-secondary-color-65);
920 +}
921 +.toplevel_page_booktics .ant-select-dropdown {
922 + border: transparent;
923 + border-radius: 4px;
924 + box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
925 + padding: 0;
926 +}
927 +.toplevel_page_booktics .ant-select-dropdown {
928 + border: 1px solid var(--bkt-secondary-color-12);
929 + border-radius: 6px;
930 + box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
931 + padding: 4px;
932 +}
933 +.toplevel_page_booktics .ant-select-dropdown .ant-select-item {
934 + color: var(--bkt-secondary-color-65);
935 + font-weight: 500;
936 + padding: 6.5px 12px;
937 +}
938 +.toplevel_page_booktics
939 + .ant-select-dropdown
940 + .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
941 + border-radius: 4px;
942 + background-color: var(--bkt-secondary-color-05);
943 + color: var(--bkt-secondary-color);
944 +}
945 +.toplevel_page_booktics
946 + .ant-select:not(.ant-select-disabled):hover
947 + .ant-select-selector {
948 + border-color: var(--bkt-primary-color);
949 +}
950 +.toplevel_page_booktics
951 + .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
952 + background-color: var(--bkt-secondary-color-08);
953 + color: var(--bkt-secondary-color);
954 + border-radius: 4px;
955 +}
956 +.toplevel_page_booktics .flatpickr-day.selected,
957 +.toplevel_page_booktics .flatpickr-day.startRange,
958 +.toplevel_page_booktics .flatpickr-day.endRange,
959 +.toplevel_page_booktics .flatpickr-day.selected.inRange,
960 +.toplevel_page_booktics .flatpickr-day.startRange.inRange,
961 +.toplevel_page_booktics .flatpickr-day.endRange.inRange,
962 +.toplevel_page_booktics .flatpickr-day.selected:focus,
963 +.toplevel_page_booktics .flatpickr-day.startRange:focus,
964 +.toplevel_page_booktics .flatpickr-day.endRange:focus,
965 +.toplevel_page_booktics .flatpickr-day.selected:hover,
966 +.toplevel_page_booktics .flatpickr-day.startRange:hover,
967 +.toplevel_page_booktics .flatpickr-day.endRange:hover,
968 +.toplevel_page_booktics .flatpickr-day.selected.prevMonthDay,
969 +.toplevel_page_booktics .flatpickr-day.startRange.prevMonthDay,
970 +.toplevel_page_booktics .flatpickr-day.endRange.prevMonthDay,
971 +.toplevel_page_booktics .flatpickr-day.selected.nextMonthDay,
972 +.toplevel_page_booktics .flatpickr-day.startRange.nextMonthDay,
973 +.toplevel_page_booktics .flatpickr-day.endRange.nextMonthDay {
974 + background: var(--bkt-primary-color);
975 + border-color: var(--bkt-primary-color);
976 +}
977 +.toplevel_page_booktics .ant-modal-content,
978 +.toplevel_page_booktics .ant-modal-header {
979 + border-radius: 6px;
980 +}
981 +.toplevel_page_booktics .ant-btn {
982 + color: var(--bkt-secondary-color);
983 +}
984 +.toplevel_page_booktics
985 + .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn) {
986 + padding: 4px 10px;
987 +}
988 +.toplevel_page_booktics
989 + .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn):hover,
990 +.toplevel_page_booktics
991 + .ant-btn:not(
992 + .dynamic-delete-button,
993 + .ant-btn-warning,
994 + .bkt-link-btn
995 + ):focus {
996 + color: var(--bkt-primary-color);
997 + border-color: var(--bkt-primary-color);
998 +}
999 +.toplevel_page_booktics .ant-btn.ant-btn-primary {
1000 + background-image: var(--bkt-primary-gradient);
1001 + color: #fff;
1002 + border: none;
1003 +}
1004 +.toplevel_page_booktics .ant-btn.ant-btn-primary:hover,
1005 +.toplevel_page_booktics .ant-btn.ant-btn-primary:focus {
1006 + background-image: var(--bkt-primary-gradient-reverse);
1007 + color: #fff;
1008 +}
1009 +.toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg {
1010 + width: 15px;
1011 + height: 15px;
1012 +}
1013 +.toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg path {
1014 + stroke: #fff;
1015 +}
1016 +.toplevel_page_booktics .ant-btn.ant-btn-primary.ant-btn-background-ghost:hover,
1017 +.toplevel_page_booktics
1018 + .ant-btn.ant-btn-primary.ant-btn-background-ghost:focus {
1019 + color: #fff;
1020 +}
1021 +.toplevel_page_booktics .ant-btn.ant-btn-lg {
1022 + padding: 10px 18px 10px 18px;
1023 + font-size: 14px;
1024 + font-weight: 600;
1025 + border-radius: 6px;
1026 +}
1027 +.toplevel_page_booktics .ant-btn.ant-btn-default {
1028 + display: inline-flex;
1029 + align-items: center;
1030 + justify-content: center;
1031 +}
1032 +.toplevel_page_booktics .ant-btn.ant-btn-default .anticon {
1033 + margin-top: 3px;
1034 +}
1035 +.toplevel_page_booktics .ant-btn.ant-btn-default svg {
1036 + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1037 +}
1038 +.toplevel_page_booktics
1039 + .ant-btn.ant-btn-default:not(:disabled):hover
1040 + .anticon:not(.bkt-no-fill-icon)
1041 + svg {
1042 + fill: var(--bkt-primary-color);
1043 +}
1044 +.toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn {
1045 + height: 36px;
1046 + padding: 6px 10px;
1047 +}
1048 +.toplevel_page_booktics
1049 + .ant-btn.ant-btn-default.bkt-default-btn:not(.bkt-default-btn[disabled])
1050 + .toplevel_page_booktics
1051 + .ant-btn.ant-btn-default.bkt-default-btn:hover
1052 + .anticon
1053 + svg,
1054 +.toplevel_page_booktics
1055 + .ant-btn.ant-btn-default.bkt-default-btn:active
1056 + .anticon
1057 + svg,
1058 +.toplevel_page_booktics
1059 + .ant-btn.ant-btn-default.bkt-default-btn:focus
1060 + .anticon
1061 + svg,
1062 +.toplevel_page_booktics
1063 + .ant-btn.ant-btn-default.bkt-default-btn.ant-dropdown-open
1064 + .anticon
1065 + svg {
1066 + fill: var(--bkt-primary-color);
1067 +}
1068 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous {
1069 + color: var(--bkt-danger-color);
1070 + border-color: var(--bkt-danger-light-color);
1071 +}
1072 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous .anticon {
1073 + margin-top: 0;
1074 +}
1075 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous svg {
1076 + fill: none;
1077 +}
1078 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg {
1079 + fill: var(--bkt-danger-color);
1080 +}
1081 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover,
1082 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus {
1083 + color: var(--bkt-danger-color);
1084 + border-color: var(--bkt-danger-color);
1085 +}
1086 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover .anticon svg path,
1087 +.toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
1088 + stroke: var(--bkt-danger-color) !important;
1089 +}
1090 +.toplevel_page_booktics .ant-btn.bkt-link-btn {
1091 + padding: 0;
1092 + color: var(--bkt-primary-color);
1093 + line-height: 1;
1094 + white-space: normal;
1095 + text-align: left;
1096 + line-height: 1.5;
1097 + margin: 0 !important;
1098 + border-width: 0;
1099 +}
1100 +.toplevel_page_booktics .ant-btn.bkt-link-btn.bkt-link-dark-btn {
1101 + font-size: 12px;
1102 + color: var(--bkt-secondary-color);
1103 +}
1104 +.toplevel_page_booktics .ant-btn.bkt-link-btn span {
1105 + border-bottom: 1px solid;
1106 +}
1107 +.toplevel_page_booktics .ant-btn.bkt-link-btn:hover,
1108 +.toplevel_page_booktics .ant-btn.bkt-link-btn:focus {
1109 + color: var(--bkt-secondary-color);
1110 +}
1111 +.toplevel_page_booktics .ant-btn[disabled],
1112 +.toplevel_page_booktics .ant-btn[disabled]:active,
1113 +.toplevel_page_booktics .ant-btn[disabled]:focus,
1114 +.toplevel_page_booktics .ant-btn[disabled]:hover {
1115 + color: #ffffff;
1116 + border-color: transparent;
1117 + background: #ced4db;
1118 +}
1119 +.toplevel_page_booktics .ant-btn[disabled].ant-btn-link,
1120 +.toplevel_page_booktics .ant-btn[disabled]:active.ant-btn-link,
1121 +.toplevel_page_booktics .ant-btn[disabled]:focus.ant-btn-link,
1122 +.toplevel_page_booktics .ant-btn[disabled]:hover.ant-btn-link {
1123 + background-color: transparent;
1124 + color: #ced4db !important;
1125 +}
1126 +.toplevel_page_booktics .ant-btn[disabled] .anticon svg {
1127 + fill: #ffffff;
1128 +}
1129 +.toplevel_page_booktics .ant-btn[disabled]:hover .anticon svg {
1130 + fill: #ffffff;
1131 +}
1132 +.toplevel_page_booktics .ant-input,
1133 +.toplevel_page_booktics .ant-input-password,
1134 +.toplevel_page_booktics
1135 + .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
1136 + color: var(--bkt-secondary-color);
1137 + border-color: var(--bkt-secondary-color-12);
1138 +}
1139 +.toplevel_page_booktics .ant-input:hover,
1140 +.toplevel_page_booktics .ant-input-password:hover,
1141 +.toplevel_page_booktics
1142 + .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
1143 + border-color: var(--bkt-primary-color);
1144 +}
1145 +.toplevel_page_booktics .ant-input:focus,
1146 +.toplevel_page_booktics .ant-input-password:focus,
1147 +.toplevel_page_booktics
1148 + .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
1149 + border-color: var(--bkt-primary-color);
1150 + outline: 4px solid rgba(49, 97, 241, 0.25);
1151 + box-shadow: none;
1152 +}
1153 +.toplevel_page_booktics .ant-input[disabled],
1154 +.toplevel_page_booktics .ant-input-password[disabled],
1155 +.toplevel_page_booktics
1156 + .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
1157 + color: rgba(0, 0, 0, 0.25);
1158 +}
1159 +.toplevel_page_booktics .ant-input::placeholder,
1160 +.toplevel_page_booktics .ant-input-password::placeholder,
1161 +.toplevel_page_booktics
1162 + .ant-input-affix-wrapper:not(
1163 + .ant-input-affix-wrapper-disabled
1164 + )::placeholder {
1165 + color: var(--bkt-secondary-color-30);
1166 +}
1167 +.toplevel_page_booktics .ant-form-item-explain-error {
1168 + padding: 5px 0;
1169 +}
1170 +.toplevel_page_booktics
1171 + .ant-form-item-label
1172 + > label.ant-form-item-required:not(
1173 + .ant-form-item-required-mark-optional
1174 + ):before {
1175 + position: absolute;
1176 + right: 0px;
1177 + top: 4px;
1178 +}
1179 +.toplevel_page_booktics .ant-input-number-handler-wrap {
1180 + display: none;
1181 +}
1182 +.toplevel_page_booktics .ant-radio-checked .ant-radio-inner {
1183 + border-color: var(--bkt-primary-color);
1184 +}
1185 +.toplevel_page_booktics .ant-radio-inner:after {
1186 + background-color: var(--bkt-primary-color);
1187 +}
1188 +.toplevel_page_booktics
1189 + .ant-collapse
1190 + > .ant-collapse-item
1191 + > .ant-collapse-header {
1192 + align-items: center;
1193 +}
1194 +.toplevel_page_booktics .ant-btn.ant-btn-default.primary-outline {
1195 + border-color: var(--bkt-primary-color);
1196 + color: var(--bkt-primary-color);
1197 +}
1198 +.toplevel_page_booktics
1199 + .ant-btn.ant-btn-default.primary-outline
1200 + .ant-dropdown-menu-title-content
1201 + .bkt-dropdown-item {
1202 + font-weight: 500;
1203 + font-size: 14px;
1204 + color: var(--bkt-secondary-color-65);
1205 +}
1206 +.toplevel_page_booktics .bkt-submenu-action-wrapper {
1207 + display: flex;
1208 + justify-content: space-between;
1209 + gap: 10px;
1210 + flex-wrap: wrap;
1211 +}
1212 +.toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-submenu-action-select {
1213 + width: 220px;
1214 +}
1215 +.toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-header-action-wrapper {
1216 + display: flex;
1217 + gap: 15px;
1218 + column-gap: 15px;
1219 + flex-wrap: wrap;
1220 +}
1221 +@media (max-width: 991px) {
1222 + .toplevel_page_booktics
1223 + .bkt-submenu-action-wrapper
1224 + .bkt-header-action-wrapper {
1225 + flex-direction: column;
1226 + }
1227 + .toplevel_page_booktics
1228 + .bkt-submenu-action-wrapper
1229 + .bkt-header-action-wrapper
1230 + .ant-form-item {
1231 + margin: 0;
1232 + }
1233 +}
1234 +
1235 +.ant-spin.ant-spin-spinning.bkt-loader-spinner {
1236 + display: flex;
1237 + justify-content: center;
1238 + align-items: center;
1239 + flex-direction: column;
1240 +}
1241 +
1242 +#adminmenu .wp-submenu .bkt-go-pro-link a {
1243 + color: var(--bkt-state-color-02);
1244 +}
1245 +
1246 +.bkt-country-phone-code .react-tel-input .form-control {
1247 + width: 100%;
1248 + height: 42px;
1249 + border-color: var(--bkt-secondary-color-12) !important;
1250 +}
1251 +.bkt-country-phone-code .bkt-phone-input:focus {
1252 + border-color: var(--bkt-primary-color);
1253 + outline: 3.5px solid rgba(49, 97, 241, 0.25);
1254 + box-shadow: none;
1255 +}
1256 +.bkt-country-phone-code .react-tel-input .selected-flag {
1257 + border-color: var(--bkt-secondary-color-12) !important;
1258 +}
1259 +.bkt-country-phone-code .react-tel-input .selected-flag .arrow {
1260 + display: none;
1261 +}
1262 +@media screen and (max-width: 782px) {
1263 + .bkt-country-phone-code .react-tel-input .country-list {
1264 + width: 200px;
1265 + }
1266 +}
1267 +
1268 +.bkt-phone-input-country-search {
1269 + display: flex;
1270 + align-items: center;
1271 + padding: 1rem !important;
1272 +}
1273 +.bkt-phone-input-country-search-box {
1274 + margin: 0 !important;
1275 + width: 100%;
1276 + padding-block: 0.5rem !important;
1277 +}
1278 +
1279 +.bkt-phone-input {
1280 + border-color: #d9d9d9 !important;
1281 +}
1282 +.bkt-phone-input:hover,
1283 +.bkt-phone-input:focus {
1284 + border-color: var(--bkt-primary-color) !important;
1285 +}
1286 +
1287 +.bkt-phone-input-dropdown-btn {
1288 + border-color: #d9d9d9 !important;
1289 +}
1290 +.bkt-phone-input-dropdown-btn:hover,
1291 +.bkt-phone-input-dropdown-btn:focus {
1292 + border-color: var(--bkt-primary-color) !important;
1293 +}
1294 +
1295 +.bkt-category-tree .ant-tree-switcher {
1296 + padding-block: 4px;
1297 +}
1298 +
1299 +.bkt-guest-setting .ant-card-meta-description {
1300 + margin-right: 52px;
1301 +}
1302 +
1303 +.bkt-guest-field-wrapper .bkt-multipleGuestInput-container {
1304 + border: 1px solid #d9d9d9;
1305 + border-radius: 8px;
1306 + padding: 8px;
1307 + min-height: 120px;
1308 + cursor: text;
1309 + display: flex;
1310 + flex-wrap: wrap;
1311 + align-items: flex-start;
1312 + align-content: baseline;
1313 + gap: 4px;
1314 + margin: 8px 0;
1315 +}
1316 +.bkt-guest-field-wrapper .bkt-multipleGuestInput-tag {
1317 + margin: 0;
1318 + padding: 2px 4px;
1319 + background: #bcffdb;
1320 + border-radius: 4px;
1321 + color: #000000;
1322 + display: flex;
1323 + align-items: center;
1324 + cursor: pointer;
1325 + display: flex;
1326 + align-items: center;
1327 + font-weight: 600;
1328 +}
1329 +.bkt-guest-field-wrapper .bkt-multipleguestinput-input {
1330 + all: unset;
1331 + display: block;
1332 + flex: 1;
1333 + width: auto;
1334 + min-width: 20ch;
1335 + overflow-x: hidden;
1336 + resize: none;
1337 + margin: 0;
1338 + padding: 2px 4px;
1339 +}
1340 +.bkt-guest-field-wrapper .bkt-guest-input-close {
1341 + background-color: #c84545;
1342 + border-radius: 100vmax;
1343 + position: absolute;
1344 + top: 0;
1345 + right: 0;
1346 + height: 15px;
1347 + width: 15px;
1348 + display: grid;
1349 + place-items: center;
1350 + transform: translate(60%, -50%);
1351 + outline: 2px solid white;
1352 +}
1353 +
1354 +.bkt-form-left-sidebar .bkt-meeting-location-list .anticon.bkt-money-icon svg {
1355 + fill: none;
1356 +}
1357 +
1358 +.bkt-empty-view-wrapper {
1359 + max-width: 990px;
1360 + margin: 0 auto;
1361 + text-align: center;
1362 + border-radius: 10px;
1363 + padding: 100px 20px;
1364 +}
1365 +.bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-content {
1366 + display: flex;
1367 + flex-direction: column;
1368 + align-items: center;
1369 +}
1370 +.bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-icon {
1371 + margin-bottom: 20px;
1372 +}
1373 +
1374 +.bkt-meeting-list-empty {
1375 + border-radius: 10px;
1376 + padding: 60px 20px;
1377 + max-width: 50vw;
1378 + margin: auto;
1379 + margin-top: 80px;
1380 +}
1381 +@media (max-width: 992px) {
1382 + .bkt-meeting-list-empty {
1383 + max-width: 100%;
1384 + margin-top: 50px;
1385 + padding: 0;
1386 + }
1387 + .bkt-meeting-list-empty .ant-result-title {
1388 + font-size: 20px;
1389 + }
1390 +}
1391 +
1392 +.bkt-card-border-less {
1393 + box-shadow: none !important;
1394 + background-color: transparent;
1395 +}
1396 +.bkt-card-border-less .ant-card-body {
1397 + padding: 0;
1398 +}
1399 +
1400 +.bkt-meeting-menu-warper {
1401 + display: flex;
1402 + justify-content: space-between;
1403 + align-items: center;
1404 + margin-bottom: 30px;
1405 + flex-wrap: wrap;
1406 + gap: 10px;
1407 +}
1408 +
1409 +.bkt-dropdown-content {
1410 + margin-top: 15px;
1411 +}
1412 +.bkt-dropdown-content .ant-dropdown-menu {
1413 + max-width: 420px;
1414 + background-color: #fff;
1415 + border-radius: 8px;
1416 + -webkit-border-radius: 8px;
1417 + -ms-border-radius: 8px;
1418 +}
1419 +.bkt-dropdown-content .ant-dropdown-menu-item {
1420 + padding: 0;
1421 +}
1422 +.bkt-dropdown-content .ant-dropdown-menu-item:hover {
1423 + background-color: #fff;
1424 +}
1425 +.bkt-dropdown-content .bkt-meeting-create-btn {
1426 + padding: 13px 20px;
1427 +}
1428 +.bkt-dropdown-content .bkt-meeting-create-btn .ant-space-item svg {
1429 + fill: var(--bkt-primary-color);
1430 +}
1431 +.bkt-dropdown-content .bkt-meeting-create-btn h5.ant-typography {
1432 + font-size: 15px;
1433 + line-height: 18px;
1434 + color: var(--bkt-secondary-color);
1435 + display: flex;
1436 + margin: 0;
1437 +}
1438 +.bkt-dropdown-content
1439 + .bkt-meeting-create-btn
1440 + .ant-typography.ant-typography-secondary {
1441 + display: block;
1442 + margin-top: 6px;
1443 + color: var(--bkt-secondary-color-50);
1444 +}
1445 +.bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-count,
1446 +.bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-dot,
1447 +.bkt-dropdown-content
1448 + .bkt-meeting-create-btn
1449 + .ant-badge
1450 + .ant-scroll-number-custom-component {
1451 + position: absolute;
1452 + top: 50%;
1453 + right: -25px;
1454 + transform: translate(50%, -50%);
1455 + transform-origin: 100% 0;
1456 + background-color: var(--bkt-state-color-02);
1457 + text-transform: uppercase;
1458 + font-size: 11px;
1459 + letter-spacing: 0.5px;
1460 + font-weight: 500;
1461 +}
1462 +.bkt-dropdown-content .bkt-bg-opacity {
1463 + background-color: #eaeaeb;
1464 + opacity: 0.3;
1465 + cursor: not-allowed;
1466 +}
1467 +.bkt-dropdown-content .ant-ribbon {
1468 + line-height: 19px;
1469 +}
1470 +.bkt-dropdown-content .ant-ribbon-text {
1471 + color: #fff;
1472 + font-size: 12px;
1473 +}
1474 +
1475 +#booktics_dashboard .bkt-meeting-filter-area {
1476 + display: flex;
1477 + justify-content: center;
1478 + align-items: center;
1479 + gap: 15px;
1480 +}
1481 +@media (max-width: 980px) {
1482 + #booktics_dashboard .bkt-meeting-filter-area {
1483 + flex-wrap: wrap;
1484 + justify-content: start;
1485 + }
1486 +}
1487 +#booktics_dashboard .bkt-meeting-filter-area .ant-btn {
1488 + height: 36px;
1489 + padding: 6px 10px;
1490 +}
1491 +#booktics_dashboard
1492 + .bkt-meeting-filter-area
1493 + .ant-btn.ant-popover-open
1494 + .anticon
1495 + svg {
1496 + fill: var(--bkt-primary-color);
1497 +}
1498 +
1499 +.bkt-filter-popover .ant-popover-inner {
1500 + width: 260px;
1501 + padding: 0px 10px 15px 10px;
1502 + border-radius: 6px;
1503 + filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.01));
1504 + box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.01);
1505 + border: 1px solid var(--bkt-secondary-color-12);
1506 +}
1507 +.bkt-filter-popover .ant-form-item {
1508 + margin-bottom: 16px;
1509 +}
1510 +.bkt-filter-popover .ant-popover-arrow {
1511 + display: none;
1512 +}
1513 +
1514 +#booktics_dashboard .ant-btn.bkt-add-location-btn {
1515 + color: var(--bkt-primary-color);
1516 + display: flex;
1517 + align-items: center;
1518 + margin-top: -10px;
1519 + font-size: 14px;
1520 +}
1521 +#booktics_dashboard .ant-btn.bkt-add-location-btn svg {
1522 + fill: var(--bkt-primary-color);
1523 + border: 1px solid var(--bkt-primary-color);
1524 + border-radius: 100vmax;
1525 + padding: 2px;
1526 +}
1527 +#booktics_dashboard .ant-btn.bkt-add-location-btn span + span {
1528 + border-bottom: 1px solid var(--bkt-primary-color);
1529 +}
1530 +#booktics_dashboard .ant-btn.bkt-add-location-btn:hover,
1531 +#booktics_dashboard .ant-btn.bkt-add-location-btn:focus {
1532 + border-color: transparent;
1533 +}
1534 +#booktics_dashboard .ant-btn.bkt-add-location-btn:hover span + span,
1535 +#booktics_dashboard .ant-btn.bkt-add-location-btn:focus span + span {
1536 + border-bottom: 1px solid var(--bkt-primary-color);
1537 +}
1538 +#booktics_dashboard .location-input .ant-select-selection-item {
1539 + padding-right: 10px;
1540 +}
1541 +
1542 +.bkt-location-item svg {
1543 + margin-right: 8px;
1544 + width: 15px;
1545 + height: 15px;
1546 +}
1547 +
1548 +.bkt-meeting-price-input input[type="number"] {
1549 + border: none;
1550 + box-shadow: none;
1551 + outline: none;
1552 + padding: 0;
1553 +}
1554 +.bkt-meeting-price-input .ant-input-number {
1555 + width: 100%;
1556 +}
1557 +
1558 +.ticket-type-wrapper {
1559 + padding: 20px;
1560 + border: 1px solid var(--bkt-secondary-color-12);
1561 + border-radius: 8px;
1562 +}
1563 +.ticket-type-wrapper .booktics-input .ant-form-item-label > label {
1564 + text-transform: capitalize;
1565 +}
1566 +@media (max-width: 575px) {
1567 + .ticket-type-wrapper .booktics-input.ant-form-item {
1568 + margin-bottom: 5px;
1569 + }
1570 +}
1571 +.ticket-type-wrapper .bkt-ticket-repeater-delete {
1572 + text-align: right;
1573 + margin-top: 10px;
1574 +}
1575 +.ticket-type-wrapper .bkt-ticket-repeater-delete .ant-btn-icon-only {
1576 + width: auto;
1577 +}
1578 +
1579 +.meeting-integrations-fields {
1580 + position: relative;
1581 +}
1582 +.meeting-integrations-fields .hook_overwrite_opt {
1583 + position: absolute;
1584 + right: 7px;
1585 + bottom: 5px;
1586 + margin: 0;
1587 + z-index: 1;
1588 + background: #eaeaea;
1589 + padding: 0 5px;
1590 + border-radius: 4px;
1591 +}
1592 +
1593 +.bkt-meetings-container {
1594 + display: flex;
1595 + gap: 1rem;
1596 +}
1597 +.bkt-meetings-container .bkt-categories-area {
1598 + align-self: flex-start;
1599 +}
1600 +@media screen and (max-width: 768px) {
1601 + .bkt-meetings-container {
1602 + flex-direction: column;
1603 + }
1604 + .bkt-meetings-container .bkt-categories-area {
1605 + align-self: stretch;
1606 + }
1607 +}
1608 +
1609 +.bkt-meeting-update-page-btn-area {
1610 + display: flex;
1611 + justify-content: space-between;
1612 + align-items: flex-start;
1613 + flex-wrap: wrap;
1614 +}
1615 +.bkt-meeting-update-page-btn-area
1616 + .bkt-meeting-preview-btn.ant-btn.ant-btn-default:hover
1617 + .anticon
1618 + svg {
1619 + fill: var(--bkt-primary-color);
1620 +}
1621 +
1622 +@media screen and (max-width: 768px) {
1623 + .flatpickr-months .flatpickr-month .flatpickr-current-month {
1624 + padding: 0;
1625 + }
1626 +}
1627 +.category_item {
1628 + cursor: pointer;
1629 +}
1630 +.category_item .category_item--heading {
1631 + font-weight: 600;
1632 + color: #8693a5;
1633 +}
1634 +.category_item .bkt-more-action-btn {
1635 + opacity: 0;
1636 + pointer-events: none;
1637 +}
1638 +.category_item:hover .bkt-more-action-btn {
1639 + opacity: 1;
1640 + pointer-events: all;
1641 +}
1642 +.category_item:hover .category_item--heading {
1643 + color: #0c274a;
1644 +}
1645 +
1646 +.bkt-meeting-copy-btn:hover svg {
1647 + fill: none;
1648 +}
1649 +.bkt-meeting-copy-btn:hover svg path {
1650 + stroke: var(--bkt-primary-color);
1651 +}
1652 +
1653 +.bkt-btn-outline-svg-arrow-icon:hover .anticon svg {
1654 + transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1655 +}
1656 +.bkt-btn-outline-svg-arrow-icon:hover .anticon svg path {
1657 + stroke: var(--bkt-primary-color);
1658 +}
1659 +
1660 +.bkt-categories-area .bkt-categories-create-btn.ant-btn:hover .anticon svg {
1661 + fill: var(--bkt-primary-color);
1662 +}
1663 +
1664 +.bkt-meeting-type.ant-typography {
1665 + margin-bottom: 30px;
1666 +}
1667 +
1668 +.bkt-meeting-create-step {
1669 + padding-bottom: 29px;
1670 +}
1671 +.bkt-meeting-create-step p {
1672 + font-size: 13px;
1673 + font-weight: 600;
1674 + color: #000;
1675 +}
1676 +.bkt-meeting-create-step .step-bar {
1677 + position: relative;
1678 +}
1679 +.bkt-meeting-create-step .step-bar .step1,
1680 +.bkt-meeting-create-step .step-bar .step2 {
1681 + height: 4px;
1682 + width: 48%;
1683 + border-radius: 20px;
1684 + background: #000000;
1685 + position: absolute;
1686 + content: "";
1687 + opacity: 0.2;
1688 +}
1689 +.bkt-meeting-create-step .step-bar .step1 {
1690 + top: 0;
1691 + left: 0;
1692 + opacity: 1;
1693 +}
1694 +.bkt-meeting-create-step .step-bar .step2 {
1695 + top: 0;
1696 + right: 0;
1697 +}
1698 +
1699 +.bkt-single-meeting-card {
1700 + background-color: #ffffff;
1701 + padding: 30px 30px 20px;
1702 + box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1703 + border: 1px solid rgb(238, 239, 241);
1704 + border-radius: 8px;
1705 + position: relative;
1706 +}
1707 +@media screen and (max-width: 570px) {
1708 + .bkt-single-meeting-card {
1709 + padding: 20px;
1710 + }
1711 +}
1712 +.bkt-single-meeting-card.disabled-meeting-card {
1713 + background-color: #eeeff1;
1714 + border: 1px solid var(--bkt-secondary-color-12);
1715 + opacity: 0.5;
1716 +}
1717 +.bkt-single-meeting-card.disabled-meeting-card .ant-btn {
1718 + background-color: transparent;
1719 +}
1720 +.bkt-single-meeting-card .meeting-header-info-wrappers {
1721 + display: flex;
1722 + justify-content: space-between;
1723 + align-items: flex-start;
1724 + margin-bottom: 15px;
1725 + column-gap: 15px;
1726 +}
1727 +.bkt-single-meeting-card .meeting-header-info-wrappers .bkt-meeting-title {
1728 + cursor: pointer;
1729 +}
1730 +.bkt-single-meeting-card .meeting-meta-list {
1731 + display: flex;
1732 + gap: 24px;
1733 + margin-top: 0;
1734 + margin-bottom: 45px;
1735 +}
1736 +.bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item {
1737 + position: relative;
1738 + margin: 0 0 0 10px;
1739 +}
1740 +.bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item::before {
1741 + position: absolute;
1742 + content: "";
1743 + left: -10px;
1744 + top: 50%;
1745 + transform: translateY(-50%);
1746 + height: 4px;
1747 + width: 4px;
1748 + border-radius: 50%;
1749 + background-color: #d9d9d9;
1750 +}
1751 +.bkt-single-meeting-card .meeting-meta-list p {
1752 + line-height: 1;
1753 + margin: 0;
1754 + color: rgba(0, 0, 0, 0.6);
1755 +}
1756 +.bkt-single-meeting-card .meeting-card-footer {
1757 + display: flex;
1758 + justify-content: space-between;
1759 + align-items: center;
1760 +}
1761 +.bkt-single-meeting-card
1762 + .meeting-card-footer
1763 + .ant-btn:hover
1764 + .anticon:not(.bkt-eye-stroke)
1765 + svg
1766 + path {
1767 + stroke: var(--bkt-primary-color);
1768 +}
1769 +.bkt-single-meeting-card
1770 + .meeting-card-footer
1771 + .ant-btn:hover
1772 + .bkt-eye-stroke
1773 + svg {
1774 + fill: var(--bkt-primary-color);
1775 +}
1776 +.bkt-single-meeting-card
1777 + .meeting-card-footer
1778 + .ant-btn.ant-btn-dangerous:hover
1779 + .anticon
1780 + svg
1781 + path {
1782 + stroke: var(--bkt-danger-color);
1783 +}
1784 +.bkt-single-meeting-card .meeting-pagination {
1785 + margin-top: 20px;
1786 +}
1787 +.bkt-single-meeting-card .bkt-meeting-checkbox {
1788 + position: absolute;
1789 + top: 1px;
1790 + left: 4px;
1791 +}
1792 +.bkt-single-meeting-card .ant-checkbox-inner {
1793 + background-color: transparent;
1794 + border-color: var(--bkt-secondary-color-12);
1795 + border-radius: 5px;
1796 + -webkit-border-radius: 5px;
1797 + -ms-border-radius: 5px;
1798 +}
1799 +
1800 +.bkt-meeting-card-bulk-action-wrapper .ant-btn .anticon {
1801 + position: relative;
1802 + top: 2px;
1803 +}
1804 +.bkt-meeting-card-bulk-action-wrapper
1805 + .ant-btn:not(.ant-btn-dangerous):hover
1806 + svg {
1807 + fill: var(--bkt-primary-color);
1808 +}
1809 +
1810 +.toplevel_page_booktics
1811 + .bkt-single-meeting-card
1812 + .ant-checkbox
1813 + .ant-checkbox-inner {
1814 + width: 18px;
1815 + height: 18px;
1816 +}
1817 +.toplevel_page_booktics
1818 + .bkt-single-meeting-card
1819 + .ant-checkbox
1820 + .ant-checkbox-inner::after {
1821 + width: 6px;
1822 + height: 9px;
1823 + left: 22%;
1824 + top: 45%;
1825 + border-radius: 0;
1826 +}
1827 +.toplevel_page_booktics
1828 + .bkt-single-meeting-card
1829 + .ant-checkbox.ant-checkbox-checked
1830 + .ant-checkbox-inner {
1831 + border-color: var(--bkt-primary-color) !important;
1832 +}
1833 +.toplevel_page_booktics
1834 + .bkt-single-meeting-card
1835 + .ant-checkbox-input:focus
1836 + + .ant-checkbox-inner,
1837 +.toplevel_page_booktics
1838 + .bkt-single-meeting-card
1839 + .ant-checkbox-wrapper:hover
1840 + .ant-checkbox-inner,
1841 +.toplevel_page_booktics
1842 + .bkt-single-meeting-card
1843 + .ant-checkbox:hover
1844 + .ant-checkbox-inner {
1845 + border-color: var(--bkt-secondary-color-12);
1846 +}
1847 +.toplevel_page_booktics
1848 + .bkt-single-meeting-card
1849 + .ant-checkbox-wrapper:hover
1850 + .ant-checkbox-inner:after {
1851 + position: absolute;
1852 + display: table;
1853 + border: 2px solid var(--bkt-secondary-color-20);
1854 + border-top: 0;
1855 + border-left: 0;
1856 + transform: rotate(45deg) scale(1) translate(-50%, -50%);
1857 + opacity: 1;
1858 + transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
1859 + content: " ";
1860 +}
1861 +.toplevel_page_booktics .bkt-seat-plan-list-container .ant-result-title {
1862 + line-height: 1.4;
1863 +}
1864 +
1865 +.ant-checkbox-wrapper:hover .ant-checkbox:after,
1866 +.ant-checkbox:hover:after {
1867 + visibility: visible;
1868 + border-color: var(--bkt-primary-color);
1869 +}
1870 +
1871 +.bkt-share-meeting-modal .ant-modal-content,
1872 +.bkt-share-meeting-modal .ant-modal-header {
1873 + border-radius: 16px;
1874 +}
1875 +.bkt-share-meeting-modal .ant-modal-header {
1876 + padding: 24px 30px;
1877 + margin-right: 20px;
1878 + border-bottom: none;
1879 +}
1880 +.bkt-share-meeting-modal .ant-modal-body {
1881 + padding: 0px 30px 30px;
1882 +}
1883 +.bkt-share-meeting-modal .bkt-share-meeting-wrapper {
1884 + position: relative;
1885 +}
1886 +.bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-copy-button {
1887 + position: absolute;
1888 + right: 5px;
1889 + top: 50%;
1890 + transform: translateY(-50%);
1891 +}
1892 +.bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-saas-copy-button {
1893 + position: absolute;
1894 + right: 5px;
1895 + top: 72%;
1896 + transform: translateY(-50%);
1897 +}
1898 +.bkt-share-meeting-modal .bkt-share-link-input {
1899 + position: relative;
1900 + margin-bottom: 0;
1901 +}
1902 +.bkt-share-meeting-modal .bkt-share-link-input input[readonly] {
1903 + background-color: transparent;
1904 +}
1905 +.bkt-share-meeting-modal .bkt-share-link-input::after {
1906 + content: "";
1907 + position: absolute;
1908 + width: 156px;
1909 + height: 30px;
1910 + top: 6px;
1911 + right: 68px;
1912 + background-image: linear-gradient(
1913 + to right,
1914 + rgba(255, 255, 255, 0) 3%,
1915 + rgb(255, 255, 255) 75%
1916 + );
1917 +}
1918 +.bkt-share-meeting-modal .bkt-saas-share-link-input {
1919 + position: relative;
1920 + margin-bottom: 0;
1921 +}
1922 +.bkt-share-meeting-modal .bkt-saas-share-link-input input[readonly] {
1923 + background-color: transparent;
1924 +}
1925 +.bkt-share-meeting-modal .bkt-saas-share-link-input::after {
1926 + content: "";
1927 + position: absolute;
1928 + width: 156px;
1929 + height: 30px;
1930 + bottom: 6px;
1931 + right: 68px;
1932 + background-image: linear-gradient(
1933 + to right,
1934 + rgba(255, 255, 255, 0) 3%,
1935 + rgb(255, 255, 255) 75%
1936 + );
1937 +}
1938 +
1939 +.profile-img-wrapper .ant-avatar-circle {
1940 + border: 6px solid #d9d9d9;
1941 +}
1942 +
1943 +.staff-integration-list .ant-list-item-meta-title {
1944 + margin-top: 0;
1945 +}
1946 +
1947 +.bkt-action-wrap .ant-btn.ant-btn-dangerous .anticon {
1948 + margin-top: 3px;
1949 +}
1950 +.bkt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path {
1951 + stroke: var(--bkt-primary-color);
1952 +}
1953 +
1954 +.bkt-booking-modal .ant-modal-content {
1955 + border-radius: 8px;
1956 + margin-bottom: 30px;
1957 +}
1958 +.bkt-booking-modal .ant-modal-header {
1959 + border-radius: 8px 8px 0 0;
1960 + -webkit-border-radius: 8px 8px 0 0;
1961 + -ms-border-radius: 8px 8px 0 0;
1962 +}
1963 +.bkt-booking-modal .bkt-booking-modal-details {
1964 + background-color: #f4f5f6;
1965 + padding: 20px 30px;
1966 + border-radius: 8px;
1967 +}
1968 +.bkt-booking-modal
1969 + .bkt-booking-modal-details
1970 + .bkt-booking-modal-description-text {
1971 + color: rgb(69, 69, 69) !important;
1972 +}
1973 +.bkt-booking-modal .ant-list-item-meta-title {
1974 + margin: 0;
1975 + text-transform: uppercase;
1976 + font-size: 13px;
1977 + font-weight: 700;
1978 +}
1979 +.bkt-booking-modal .ant-list-split .ant-list-item {
1980 + border-bottom: none;
1981 + padding: 10px 0;
1982 +}
1983 +
1984 +.ant-select-selection-item,
1985 +.ant-select-item-option-content {
1986 + text-transform: capitalize;
1987 +}
1988 +
1989 +.bkt-admin-booking-slot .ant-select-selection-item,
1990 +.bkt-admin-booking-slot .ant-select-item-option-content {
1991 + text-transform: initial;
1992 +}
1993 +
1994 +.bkt-booking-cancel {
1995 + text-decoration: line-through;
1996 +}
1997 +
1998 +.bkt-submenu-action-select {
1999 + margin: 0;
2000 +}
2001 +.bkt-submenu-action-select .ant-input-lg,
2002 +.bkt-submenu-action-select .ant-picker,
2003 +.bkt-submenu-action-select
2004 + .ant-select:not(.ant-select-customize-input)
2005 + .ant-select-selector,
2006 +.bkt-submenu-action-select .ant-input-affix-wrapper,
2007 +.bkt-submenu-action-select .ant-input-number,
2008 +.bkt-submenu-action-select
2009 + .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
2010 + .ant-select-selector {
2011 + height: 37px;
2012 +}
2013 +.bkt-submenu-action-select .ant-input-lg .ant-select-selection-item,
2014 +.bkt-submenu-action-select .ant-picker .ant-select-selection-item,
2015 +.bkt-submenu-action-select
2016 + .ant-select:not(.ant-select-customize-input)
2017 + .ant-select-selector
2018 + .ant-select-selection-item,
2019 +.bkt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item,
2020 +.bkt-submenu-action-select .ant-input-number .ant-select-selection-item,
2021 +.bkt-submenu-action-select
2022 + .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
2023 + .ant-select-selector
2024 + .ant-select-selection-item {
2025 + line-height: 35px;
2026 +}
2027 +.bkt-submenu-action-select.booktics-input .ant-select-arrow {
2028 + right: 9px;
2029 +}
2030 +.bkt-submenu-action-select.booktics-input label {
2031 + color: #8693a5 !important;
2032 +}
2033 +
2034 +.ant-form-item-label label {
2035 + color: #8693a5 !important;
2036 +}
2037 +
2038 +.bkt-booking-list .bkt-meeting-status,
2039 +.bkt-booking-list .bkt-customer-email {
2040 + font-weight: 600;
2041 +}
2042 +
2043 +.bkt-bulk-delete .ant-space-item span {
2044 + font-weight: 600;
2045 +}
2046 +
2047 +.bkt-seatsmap-wrapper {
2048 + position: relative;
2049 + padding-bottom: 70%;
2050 + overflow: auto;
2051 + padding-left: 40px;
2052 + padding-top: 30px;
2053 + padding-right: 40px;
2054 +}
2055 +.bkt-seatsmap-wrapper .seats-item {
2056 + position: absolute;
2057 + display: inline-block;
2058 +}
2059 +.bkt-seatsmap-wrapper .seats-item.chair {
2060 + cursor: pointer;
2061 +}
2062 +.bkt-seatsmap-wrapper .seats-item.circle {
2063 + border-radius: 50%;
2064 +}
2065 +
2066 +.bkt-seat-map-controls {
2067 + display: flex;
2068 + justify-content: center;
2069 + align-items: center;
2070 + gap: 15px;
2071 + margin: 30px 0;
2072 + flex-wrap: wrap;
2073 +}
2074 +.bkt-seat-map-controls .bkt-set-map-button {
2075 + line-height: 0px;
2076 +}
2077 +.bkt-seat-map-controls .booktics-dot {
2078 + height: 25px;
2079 + width: 25px;
2080 + border-radius: 50%;
2081 + display: inline-block;
2082 +}
2083 +
2084 +.bkt-meeting-location-type {
2085 + height: 40px;
2086 + display: flex;
2087 + align-items: center;
2088 + line-height: 1;
2089 +}
2090 +
2091 +.bkt-booking-view-action .ant-radio-button-wrapper {
2092 + height: 40px;
2093 + line-height: 38px;
2094 +}
2095 +.bkt-booking-view-action .ant-radio-button-wrapper:hover,
2096 +.bkt-booking-view-action .ant-radio-button-wrapper:focus {
2097 + color: var(--bkt-primary-color);
2098 +}
2099 +.bkt-booking-view-action
2100 + .ant-radio-button-wrapper-checked:not(
2101 + .ant-radio-button-wrapper-disabled
2102 + ):hover {
2103 + color: var(--bkt-primary-color);
2104 + border-color: var(--bkt-primary-color);
2105 +}
2106 +.bkt-booking-view-action .ant-radio-button-wrapper:first-child {
2107 + border-radius: 6px 0 0 6px;
2108 +}
2109 +.bkt-booking-view-action .ant-radio-button-wrapper:last-child {
2110 + border-radius: 0 6px 6px 0;
2111 +}
2112 +.bkt-booking-view-action .bkt-booking-view-radio {
2113 + display: flex;
2114 + align-items: center;
2115 + gap: 5px;
2116 +}
2117 +.bkt-booking-view-action
2118 + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
2119 + color: var(--bkt-primary-color);
2120 +}
2121 +
2122 +.bkt-bg-white {
2123 + background-color: white !important;
2124 +}
2125 +
2126 +.bkt-schedules-container .bkt-schedules-content {
2127 + border: 1px solid var(--bkt-secondary-color-12);
2128 + padding: 30px;
2129 + border-radius: 8px;
2130 +}
2131 +.bkt-schedules-container .bkt-schedules-content .ant-checkbox-wrapper span {
2132 + text-transform: uppercase;
2133 + font-weight: 700;
2134 + font-size: 14px;
2135 +}
2136 +.bkt-schedules-container .bkt-schedules-content .ant-checkbox {
2137 + margin-right: 15px;
2138 +}
2139 +.bkt-schedules-container .bkt-schedules-content .ant-checkbox span {
2140 + text-transform: uppercase;
2141 +}
2142 +.bkt-schedules-container
2143 + .bkt-schedules-content
2144 + .ant-checkbox-checked
2145 + .ant-checkbox-inner {
2146 + background-color: #000;
2147 + border-color: #000;
2148 +}
2149 +.bkt-schedules-container .bkt-meeting-schedule {
2150 + padding: 25px 20px 20px 20px;
2151 + background-color: #ffffff;
2152 + border: 1px solid var(--bkt-secondary-color-12);
2153 + border-radius: 6px;
2154 + margin-top: -28px;
2155 +}
2156 +@media screen and (max-width: 570px) {
2157 + .bkt-schedules-container .bkt-meeting-schedule {
2158 + padding: 0;
2159 + }
2160 +}
2161 +.bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area {
2162 + margin-bottom: 20px;
2163 +}
2164 +@media screen and (max-width: 570px) {
2165 + .bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area {
2166 + margin: 20px;
2167 + }
2168 +}
2169 +.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule {
2170 + display: flex;
2171 + gap: 20px;
2172 + margin-bottom: 20px;
2173 + position: relative;
2174 +}
2175 +.bkt-schedules-container
2176 + .bkt-meeting-schedule
2177 + .bkt-single-host-schedule:last-child {
2178 + margin-bottom: 0;
2179 +}
2180 +.bkt-schedules-container
2181 + .bkt-meeting-schedule
2182 + .bkt-single-host-schedule
2183 + .ant-checkbox
2184 + + span {
2185 + padding-left: 20px;
2186 +}
2187 +.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule-time {
2188 + width: 100%;
2189 +}
2190 +.bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-delete {
2191 + margin-top: 16px;
2192 +}
2193 +.bkt-schedules-container
2194 + .bkt-meeting-schedule
2195 + .ant-select:not(.ant-select-customize-input)
2196 + .ant-select-selector {
2197 + border-radius: 4px;
2198 +}
2199 +.bkt-schedules-container .bkt-meeting-schedule .ant-checkbox-wrapper {
2200 + font-weight: 600;
2201 + color: #aeb0b3;
2202 +}
2203 +.bkt-schedules-container
2204 + .bkt-meeting-schedule
2205 + .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
2206 + color: #000;
2207 +}
2208 +.bkt-schedules-container .bkt-host-wrapper {
2209 + display: flex;
2210 + align-items: center;
2211 + gap: 8px;
2212 + min-height: 30px;
2213 +}
2214 +.bkt-schedules-container
2215 + .bkt-meeting-schedule-wrapper
2216 + .ant-collapse-content
2217 + > .ant-collapse-content-box {
2218 + padding: 30px;
2219 +}
2220 +@media screen and (max-width: 570px) {
2221 + .bkt-schedules-container
2222 + .bkt-meeting-schedule-wrapper
2223 + .ant-collapse-content
2224 + > .ant-collapse-content-box {
2225 + padding: 10px;
2226 + }
2227 +}
2228 +.bkt-schedules-container .bkt-availability-btn-area {
2229 + margin-bottom: 15px;
2230 +}
2231 +.bkt-schedules-container
2232 + .bkt-availability-btn-area
2233 + .ant-space-item:first-child
2234 + .ant-btn-primary
2235 + .anticon
2236 + svg {
2237 + fill: #ffffff;
2238 +}
2239 +.bkt-schedules-container
2240 + .bkt-availability-btn-area
2241 + .ant-space-item:first-child
2242 + .ant-btn-primary
2243 + .anticon
2244 + svg
2245 + path {
2246 + stroke: none;
2247 +}
2248 +.bkt-schedules-container
2249 + .bkt-availability-btn-area
2250 + .ant-space-item
2251 + .ant-btn-default:hover
2252 + .anticon
2253 + svg {
2254 + fill: transparent;
2255 +}
2256 +.bkt-schedules-container
2257 + .bkt-availability-btn-area
2258 + .ant-space-item
2259 + .ant-btn-default:hover
2260 + .anticon
2261 + svg
2262 + path {
2263 + stroke: var(--bkt-primary-color);
2264 +}
2265 +.bkt-schedules-container .bkt-availability-day {
2266 + font-weight: 600;
2267 + text-transform: uppercase;
2268 + font-size: 14px;
2269 +}
2270 +.bkt-schedules-container .ant-divider-horizontal {
2271 + margin: 16px 0;
2272 + border-top-color: var(--bkt-secondary-color-12);
2273 +}
2274 +.bkt-schedules-container .ant-checkbox + span {
2275 + position: relative;
2276 + top: -3px;
2277 + text-transform: uppercase;
2278 + font-weight: 600;
2279 + padding-left: 25px;
2280 +}
2281 +.bkt-schedules-container
2282 + .ant-select:not(.ant-select-customize-input)
2283 + .ant-select-selector {
2284 + border: 1px solid var(--bkt-secondary-color-12);
2285 + border-radius: 4px;
2286 +}
2287 +.bkt-schedules-container .ant-select-dropdown {
2288 + border-radius: 4px;
2289 + box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
2290 +}
2291 +.bkt-schedules-container .ant-checkbox-wrapper {
2292 + margin-top: 5px;
2293 +}
2294 +.bkt-schedules-container .bkt-add-schedule-time-slot .anticon {
2295 + margin-top: 4px;
2296 +}
2297 +.bkt-schedules-container
2298 + .ant-select-focused:not(.ant-select-disabled).ant-select:not(
2299 + .ant-select-customize-input
2300 + )
2301 + .ant-select-selector {
2302 + border-color: var(--bkt-primary-color);
2303 + box-shadow: none;
2304 +}
2305 +.bkt-schedules-container .bkt-single-host-schedule + .bkt-single-host-schedule {
2306 + margin-top: 15px;
2307 +}
2308 +
2309 +.bkt-schedule-time-slot-delete {
2310 + line-height: 1;
2311 + margin-top: 3px;
2312 +}
2313 +
2314 +.bkt-apply-custom-schedule .ant-checkbox-group {
2315 + display: inline-flex;
2316 + flex-direction: column;
2317 + margin-left: 20px;
2318 + gap: 8px;
2319 +}
2320 +
2321 +.bkt-overview-content-area .bkt-overview-heading h2 {
2322 + margin: 0;
2323 + font-size: 26px;
2324 + font-weight: 600;
2325 + line-height: 32px;
2326 +}
2327 +.bkt-overview-content-area .bkt-overview-performance .ant-card-meta-title {
2328 + font-size: 18px;
2329 + font-weight: 400;
2330 + line-height: 1.3;
2331 + color: #5f6a78;
2332 + margin-bottom: 0;
2333 +}
2334 +.bkt-overview-content-area
2335 + .bkt-overview-performance
2336 + .ant-card-meta-description {
2337 + margin: 0;
2338 + font-size: 30px;
2339 + font-weight: 700;
2340 + line-height: 34px;
2341 + color: #000;
2342 +}
2343 +.bkt-overview-content-area .bkt-overview-performance .bkt-overview-card {
2344 + border-radius: 8px;
2345 + box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
2346 +}
2347 +.bkt-overview-content-area
2348 + .bkt-overview-performance
2349 + .bkt-overview-card
2350 + .ant-card-body {
2351 + padding: 30px;
2352 +}
2353 +.bkt-overview-content-area
2354 + .bkt-overview-performance
2355 + .bkt-overview-card
2356 + .ant-card-meta {
2357 + display: block;
2358 + margin: 0;
2359 +}
2360 +.bkt-overview-content-area
2361 + .bkt-overview-performance
2362 + .bkt-overview-card
2363 + .ant-card-meta-avatar {
2364 + padding: 0;
2365 + margin-bottom: 32px;
2366 +}
2367 +.bkt-overview-content-area .bkt-overview-title {
2368 + margin: 0;
2369 + font-size: 18px;
2370 + font-weight: 600;
2371 + color: var(--bkt-secondary-color-65);
2372 +}
2373 +.bkt-overview-content-area .bkt-overview-card-data {
2374 + margin: 0;
2375 + font-size: 40px;
2376 + font-weight: 600;
2377 + line-height: 48px;
2378 + letter-spacing: -0.011em;
2379 +}
2380 +
2381 +.bkt-overview-wrapper .bkt-page-header-wrapper {
2382 + margin-bottom: 0;
2383 + border-bottom-color: transparent;
2384 + padding-bottom: 20px;
2385 +}
2386 +
2387 +.toplevel_page_booktics
2388 + .bkt-overview-heading
2389 + .ant-select-single:not(.ant-select-customize-input)
2390 + .ant-select-selector {
2391 + padding: 0 16px;
2392 + align-items: center;
2393 + height: 36px;
2394 +}
2395 +
2396 +.bkt-overview-heading {
2397 + display: flex;
2398 + justify-content: space-between;
2399 + align-items: center;
2400 + margin-bottom: 25px;
2401 + flex-wrap: wrap;
2402 + gap: 10px;
2403 +}
2404 +
2405 +.bkt-overview-reports,
2406 +.bkt-overview-upcomming-bookings {
2407 + border-radius: 8px;
2408 + box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
2409 + background-color: #ffffff;
2410 + padding: 30px;
2411 + height: 100%;
2412 +}
2413 +
2414 +.bkt-overview-upcomming-bookings .bkt-upcomming-booking-name {
2415 + min-width: 60%;
2416 + font-size: 14px;
2417 + font-weight: 600;
2418 + margin: 0;
2419 +}
2420 +.bkt-overview-upcomming-bookings .ant-list-item-meta-title {
2421 + margin-top: 0;
2422 +}
2423 +.bkt-overview-upcomming-bookings .ant-list-item {
2424 + align-items: flex-start;
2425 +}
2426 +
2427 +.bkt-overview-report-chart {
2428 + border: 1px solid #eeeeee;
2429 + border-radius: 8px;
2430 + padding: 20px;
2431 +}
2432 +
2433 +.bkt-customize-form-container h5.ant-typography {
2434 + margin: 0;
2435 + font-weight: 600;
2436 + font-size: 16px;
2437 + line-height: 17px;
2438 + letter-spacing: -0.011em;
2439 +}
2440 +.bkt-customize-form-container .bkt-customize-form-header {
2441 + margin-bottom: 30px;
2442 +}
2443 +.bkt-customize-form-container
2444 + .bkt-customize-form-header
2445 + .bkt-customize-form-desc {
2446 + font-weight: 400;
2447 + font-size: 14px;
2448 + line-height: 17px;
2449 + letter-spacing: -0.011em;
2450 + color: var(--bkt-secondary-color-50);
2451 +}
2452 +.bkt-customize-form-container .bkt-single-field {
2453 + border: 1px solid var(--bkt-secondary-color-12);
2454 + border-radius: 6px;
2455 + margin-bottom: 20px;
2456 + padding: 10px 10px 10px 16px;
2457 + display: flex;
2458 + align-items: center;
2459 + justify-content: space-between;
2460 + position: relative;
2461 + transition: 0.4s;
2462 +}
2463 +.bkt-customize-form-container .bkt-single-field::before {
2464 + content: "";
2465 + position: absolute;
2466 + display: inline-block;
2467 + background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M3 1.5C3 2.32843 2.32843 3 1.5 3C0.671573 3 0 2.32843 0 1.5C0 0.671573 0.671573 0 1.5 0C2.32843 0 3 0.671573 3 1.5Z" fill="%23B5B7BA"/><path d="M3 7.5C3 8.32843 2.32843 9 1.5 9C0.671573 9 0 8.32843 0 7.5C0 6.67157 0.671573 6 1.5 6C2.32843 6 3 6.67157 3 7.5Z" fill="%23B5B7BA"/><path d="M3 13.5C3 14.3284 2.32843 15 1.5 15C0.671573 15 0 14.3284 0 13.5C0 12.6716 0.671573 12 1.5 12C2.32843 12 3 12.6716 3 13.5Z" fill="%23B5B7BA"/><path d="M9 1.5C9 2.32843 8.32843 3 7.5 3C6.67157 3 6 2.32843 6 1.5C6 0.671573 6.67157 0 7.5 0C8.32843 0 9 0.671573 9 1.5Z" fill="%23B5B7BA"/><path d="M9 7.5C9 8.32843 8.32843 9 7.5 9C6.67157 9 6 8.32843 6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5Z" fill="%23B5B7BA"/><path d="M9 13.5C9 14.3284 8.32843 15 7.5 15C6.67157 15 6 14.3284 6 13.5C6 12.6716 6.67157 12 7.5 12C8.32843 12 9 12.6716 9 13.5Z" fill="%23B5B7BA"/></svg>');
2468 + background-repeat: no-repeat;
2469 + background-size: contain;
2470 + width: 9px;
2471 + height: 15px;
2472 + left: -20px;
2473 + top: 50%;
2474 + transform: translateY(-50%);
2475 + visibility: hidden;
2476 + opacity: 0;
2477 + display: none;
2478 +}
2479 +.bkt-customize-form-container .bkt-single-field .bkt-field-action-info {
2480 + display: flex;
2481 + gap: 10px;
2482 +}
2483 +.bkt-customize-form-container .bkt-single-field:last-child {
2484 + margin-bottom: 0;
2485 +}
2486 +.bkt-customize-form-container .bkt-single-field .bkt-field-required {
2487 + margin-left: 10px;
2488 + font-size: 10px;
2489 + background: var(--bkt-secondary-color-08);
2490 + border-radius: 3px;
2491 + font-weight: 500;
2492 + line-height: 12px;
2493 + letter-spacing: 0.03em;
2494 + padding: 1px 4px 3px;
2495 +}
2496 +.bkt-customize-form-container .bkt-customize-form-area {
2497 + padding: 16px;
2498 + border-radius: 5px;
2499 + border: 1px solid var(--bkt-secondary-color-12);
2500 +}
2501 +
2502 +.bkt-custom-form-modal .bkt-custom-form-area .bkt-placeholder-field {
2503 + background-color: #f8f8fb;
2504 + padding: 20px;
2505 + border-radius: 8px;
2506 +}
2507 +.bkt-custom-form-modal .ant-modal-body {
2508 + padding: 40px 40px 0 40px;
2509 +}
2510 +.bkt-custom-form-modal .ant-modal-footer {
2511 + border-top: none;
2512 + padding: 8px 40px 40px 40px;
2513 +}
2514 +
2515 +.bkt-settings-wrapper
2516 + .bkt-integration-settings.ant-collapse
2517 + .ant-collapse-item
2518 + > .ant-collapse-header {
2519 + align-items: center;
2520 +}
2521 +.bkt-settings-wrapper
2522 + .bkt-integration-settings.ant-collapse
2523 + .ant-collapse-item {
2524 + margin-bottom: 30px;
2525 + border: 1px solid var(--bkt-secondary-color-12);
2526 + border-radius: 8px;
2527 +}
2528 +.bkt-settings-wrapper
2529 + .bkt-integration-settings.ant-collapse
2530 + .ant-collapse-item:last-child {
2531 + margin-bottom: 0;
2532 + border-radius: 8px;
2533 +}
2534 +@media (max-width: 480px) {
2535 + .bkt-settings-wrapper
2536 + .bkt-integration-settings.ant-collapse
2537 + .ant-card-meta {
2538 + flex-direction: column;
2539 + }
2540 + .bkt-settings-wrapper
2541 + .bkt-integration-settings.ant-collapse
2542 + .bkt-apple-calendar
2543 + .ant-collapse-header {
2544 + padding-right: 12px;
2545 + }
2546 +}
2547 +.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-header {
2548 + padding: 15px !important;
2549 +}
2550 +.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-content-box {
2551 + background-color: var(--bkt-secondary-color-05);
2552 + border-radius: 0 5px 5px 0;
2553 +}
2554 +.bkt-settings-wrapper .bkt-payment-settings .ant-collapse-item {
2555 + margin-bottom: 30px;
2556 + border: 1px solid #eaeaea;
2557 + border-radius: 5px;
2558 + -webkit-border-radius: 5px;
2559 + -ms-border-radius: 5px;
2560 +}
2561 +@media screen and (max-width: 768px) {
2562 + .bkt-settings-wrapper .bkt-payment-settings .ant-card-meta {
2563 + flex-direction: column;
2564 + }
2565 +}
2566 +.bkt-settings-wrapper .bkt-local-payment-panel .ant-collapse-content-box,
2567 +.bkt-settings-wrapper .bkt-woocommerce-payment .ant-collapse-content-box {
2568 + display: none;
2569 +}
2570 +.bkt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child,
2571 +.bkt-settings-wrapper
2572 + .ant-collapse
2573 + > .ant-collapse-item:last-child
2574 + > .ant-collapse-header {
2575 + align-items: center;
2576 + border-radius: 5px;
2577 + -webkit-border-radius: 5px;
2578 + -ms-border-radius: 5px;
2579 +}
2580 +.bkt-settings-wrapper .ant-card-meta {
2581 + align-items: center;
2582 +}
2583 +.bkt-settings-wrapper .ant-card-meta svg {
2584 + padding: 0 15px;
2585 +}
2586 +.bkt-settings-wrapper .bkt-general-sitting {
2587 + border: 1px solid var(--bkt-secondary-color-12);
2588 + border-radius: 8px;
2589 + padding: 25px;
2590 +}
2591 +.bkt-settings-wrapper .bkt-general-sitting .ant-form-item {
2592 + margin-bottom: 0;
2593 +}
2594 +@media screen and (min-width: 768px) {
2595 + .bkt-settings-wrapper .bkt-general-sitting .bkt-align-right {
2596 + text-align: right;
2597 + }
2598 +}
2599 +.bkt-settings-wrapper .bkt-color-setting {
2600 + display: flex;
2601 + justify-content: start;
2602 + align-items: center;
2603 +}
2604 +@media (min-width: 768px) {
2605 + .bkt-settings-wrapper .bkt-color-setting {
2606 + justify-content: flex-end;
2607 + }
2608 +}
2609 +.bkt-settings-wrapper .bkt-color-setting .bkt-color-input-field {
2610 + flex-basis: 40%;
2611 +}
2612 +.bkt-settings-wrapper .bkt-color-setting .bkt-react-color {
2613 + display: flex;
2614 + justify-content: center;
2615 + align-items: center;
2616 + border: 1px solid var(--bkt-secondary-color-12);
2617 + padding: 8px;
2618 + border-radius: 5px;
2619 + -webkit-border-radius: 5px;
2620 + -ms-border-radius: 5px;
2621 +}
2622 +.bkt-settings-wrapper
2623 + .bkt-color-setting
2624 + .bkt-react-color
2625 + .bkt-react-color-code {
2626 + max-width: 70px;
2627 + margin-left: 10px;
2628 +}
2629 +.bkt-settings-wrapper .bkt-color-setting .bkt-react-color-picker {
2630 + position: absolute;
2631 + z-index: 2;
2632 +}
2633 +@media screen and (max-width: 768px) {
2634 + .bkt-settings-wrapper .ant-collapse-extra .bkt-primary-color {
2635 + display: none;
2636 + }
2637 +}
2638 +
2639 +.bkt-color-picker {
2640 + position: relative;
2641 +}
2642 +.bkt-color-picker .wp-picker-holder {
2643 + position: absolute;
2644 + bottom: 104%;
2645 + z-index: 99;
2646 +}
2647 +.bkt-color-picker input.button.button-small.wp-picker-clear {
2648 + display: none;
2649 +}
2650 +.bkt-color-picker.color-picker-bottom .wp-picker-holder {
2651 + top: 104%;
2652 +}
2653 +
2654 +.ant-collapse-item.ant-collapse-item-disabled {
2655 + background: rgba(234, 234, 234, 0.4196078431);
2656 + opacity: 0.7;
2657 +}
2658 +
2659 +.bkt-flatpickr-calendar {
2660 + padding-right: 10px;
2661 +}
2662 +.bkt-flatpickr-calendar .flatpickr-calendar {
2663 + width: 100%;
2664 + box-shadow: none;
2665 + background: transparent;
2666 +}
2667 +.bkt-flatpickr-calendar .flatpickr-calendar .dayContainer {
2668 + width: 100%;
2669 + min-width: 100%;
2670 + max-width: 100%;
2671 +}
2672 +.bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
2673 +.bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
2674 + width: 100%;
2675 + max-width: 100%;
2676 +}
2677 +.bkt-flatpickr-calendar .flatpickr-months {
2678 + padding-bottom: 20px;
2679 + border-bottom: 1px solid #eaeaea;
2680 + margin-bottom: 20px;
2681 +}
2682 +.bkt-flatpickr-calendar .flatpickr-day {
2683 + height: 50px;
2684 + line-height: 50px;
2685 + border-radius: 6px;
2686 + -webkit-border-radius: 6px;
2687 + -ms-border-radius: 6px;
2688 + color: #0a1018;
2689 + font-weight: 600;
2690 +}
2691 +.bkt-flatpickr-calendar .flatpickr-day.selected {
2692 + color: #fff;
2693 + border: none;
2694 + background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2695 +}
2696 +.bkt-flatpickr-calendar .flatpickr-disabled {
2697 + opacity: 0.4;
2698 +}
2699 +.bkt-flatpickr-calendar .flatpickr-day.today {
2700 + border-color: transparent;
2701 +}
2702 +.bkt-flatpickr-calendar
2703 + .flatpickr-months
2704 + .flatpickr-prev-month.flatpickr-prev-month,
2705 +.bkt-flatpickr-calendar
2706 + .flatpickr-months
2707 + .flatpickr-next-month.flatpickr-prev-month {
2708 + left: auto;
2709 + right: 40px;
2710 +}
2711 +.bkt-flatpickr-calendar
2712 + .flatpickr-months
2713 + .flatpickr-prev-month.flatpickr-disabled,
2714 +.bkt-flatpickr-calendar
2715 + .flatpickr-months
2716 + .flatpickr-next-month.flatpickr-disabled {
2717 + display: block;
2718 + cursor: no-drop;
2719 + opacity: 0.4;
2720 +}
2721 +.bkt-flatpickr-calendar .flatpickr-months .flatpickr-month,
2722 +.bkt-flatpickr-calendar .flatpickr-current-month {
2723 + text-align: left;
2724 +}
2725 +.bkt-flatpickr-calendar .flatpickr-current-month {
2726 + left: 0;
2727 +}
2728 +.bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2729 +.bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2730 + height: 34px;
2731 + width: 34px;
2732 + padding: 0;
2733 + background: #eaeaea;
2734 + line-height: 39px;
2735 + border-radius: 5px;
2736 +}
2737 +.bkt-flatpickr-calendar .flatpickr-months .cur-year,
2738 +.bkt-flatpickr-calendar .flatpickr-months .cur-month {
2739 + font-weight: 600 !important;
2740 +}
2741 +.bkt-flatpickr-calendar .flatpickr-months .cur-year:hover,
2742 +.bkt-flatpickr-calendar .flatpickr-months .cur-year:focus,
2743 +.bkt-flatpickr-calendar .flatpickr-months .cur-month:hover,
2744 +.bkt-flatpickr-calendar .flatpickr-months .cur-month:focus {
2745 + background: transparent;
2746 +}
2747 +
2748 +.flatpickr-input {
2749 + display: none;
2750 +}
2751 +
2752 +.booktics-onboard .bkt-onboard-header {
2753 + display: flex;
2754 + justify-content: space-between;
2755 + align-items: center;
2756 + margin: 60px 0;
2757 + flex-wrap: wrap;
2758 + gap: 20px;
2759 +}
2760 +.booktics-onboard .bkt-onboard-header .bkt-help-info {
2761 + font-size: 15px;
2762 + font-weight: 400;
2763 + color: #000000;
2764 +}
2765 +.booktics-onboard .bkt-onboard-header .bkt-help-info .bkt-get-help-link {
2766 + font-weight: 700;
2767 + color: #5d5dff;
2768 +}
2769 +.booktics-onboard .booktics-wizard-container {
2770 + max-width: 600px;
2771 + margin: 0 auto;
2772 +}
2773 +.booktics-onboard .onboard-wizard-container {
2774 + background-color: #fff;
2775 + border-radius: 20px;
2776 + padding: 40px;
2777 + animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running;
2778 +}
2779 +@media screen and (max-width: 570px) {
2780 + .booktics-onboard .onboard-wizard-container {
2781 + padding: 20px;
2782 + }
2783 +}
2784 +.booktics-onboard .bkt-onboard-progress-bar {
2785 + max-width: 400px;
2786 + text-align: center;
2787 + margin: 0 auto;
2788 + margin-bottom: 50px;
2789 +}
2790 +.booktics-onboard .bkt-onboard-progress-bar .ant-progress-bg {
2791 + background-color: #3161f1;
2792 +}
2793 +.booktics-onboard .bkt-onboard-progress-bar .ant-progress-inner {
2794 + background-color: #e2e2e3;
2795 +}
2796 +.booktics-onboard .bkt-skip-button {
2797 + text-align: center;
2798 + margin-top: 20px;
2799 +}
2800 +.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link {
2801 + border: none;
2802 +}
2803 +.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link span {
2804 + border-bottom: 1px solid #84878b;
2805 + line-height: 1;
2806 + color: #84878b;
2807 +}
2808 +.booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link:hover span {
2809 + border-color: #5d5dff;
2810 + color: #5d5dff;
2811 +}
2812 +.booktics-onboard p {
2813 + font-size: 14px;
2814 + color: #838790;
2815 + margin: 0;
2816 + line-height: 24px;
2817 + text-wrap: balance;
2818 +}
2819 +.booktics-onboard .bkt-onboard-welcome {
2820 + padding: 40px 80px;
2821 +}
2822 +.booktics-onboard .bkt-onboard-welcome .banner {
2823 + text-align: center;
2824 + margin-bottom: 50px;
2825 +}
2826 +.booktics-onboard .bkt-onboard-welcome .banner img {
2827 + width: 75%;
2828 +}
2829 +.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content {
2830 + text-align: center;
2831 +}
2832 +.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content h3 {
2833 + font-size: 32px;
2834 + line-height: 38px;
2835 + margin-bottom: 20px;
2836 + font-weight: 700;
2837 + margin-top: 0;
2838 +}
2839 +.booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content p {
2840 + margin-bottom: 35px;
2841 + text-wrap: inherit;
2842 +}
2843 +.booktics-onboard .bkt-onboard-wizard-header {
2844 + text-align: center;
2845 + margin-bottom: 35px;
2846 +}
2847 +.booktics-onboard .bkt-onboard-wizard-header h3 {
2848 + font-size: 24px;
2849 + font-weight: 700;
2850 + line-height: 29px;
2851 + margin-bottom: 15px;
2852 + margin-top: 0;
2853 +}
2854 +.booktics-onboard .bkt-onboard-action-btn-wrapper {
2855 + display: flex;
2856 + justify-content: space-between;
2857 + gap: 15px;
2858 + margin-top: 30px;
2859 +}
2860 +@media screen and (max-width: 570px) {
2861 + .booktics-onboard .bkt-onboard-action-btn-wrapper {
2862 + justify-content: center;
2863 + }
2864 +}
2865 +.booktics-onboard .bkt-outline-icon-btn .anticon svg path {
2866 + transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
2867 +}
2868 +.booktics-onboard .bkt-outline-icon-btn:hover .anticon svg path {
2869 + stroke: var(--bkt-primary-color);
2870 +}
2871 +.booktics-onboard .bkt-single-calendar-connect {
2872 + display: flex;
2873 + justify-content: space-between;
2874 + align-items: center;
2875 + border: 1px solid var(--bkt-secondary-color-12);
2876 + padding: 15px;
2877 + border-radius: 8px;
2878 + flex-wrap: wrap;
2879 + gap: 10px;
2880 +}
2881 +.booktics-onboard .bkt-calendar-icon {
2882 + display: flex;
2883 + gap: 15px;
2884 + align-items: center;
2885 +}
2886 +.booktics-onboard .bkt-single-calendar-connect + .bkt-single-calendar-connect {
2887 + margin-top: 15px;
2888 +}
2889 +.booktics-onboard .bkt-onboard-availability {
2890 + padding: 30px;
2891 + border: 1px solid var(--bkt-secondary-color-12);
2892 + border-radius: 10px;
2893 +}
2894 +.booktics-onboard
2895 + .bkt-onboard-availability.booktics-input
2896 + > .ant-divider:first-child {
2897 + display: none;
2898 +}
2899 +.booktics-onboard .bkt-empathizing {
2900 + color: #5d5dff;
2901 + font-weight: 600;
2902 +}
2903 +.booktics-onboard .bkt-onboard-demo-data-import {
2904 + margin: 120px 0;
2905 +}
2906 +
2907 +@keyframes AnimationFadeIn {
2908 + from {
2909 + opacity: 0;
2910 + transform: translateX(50px);
2911 + }
2912 + to {
2913 + opacity: 1;
2914 + }
2915 +}
2916 +.toplevel_page_booktics .bkt-pro-notice {
2917 + padding-right: 8px;
2918 +}
2919 +.toplevel_page_booktics .bkt-go-pro-btn {
2920 + z-index: 1000;
2921 +}
2922 +.toplevel_page_booktics .bkt-go-pro-btn.ant-btn.ant-btn-default {
2923 + color: #0a1018;
2924 + border: 1px solid #fb9e12;
2925 + background-color: #fef6e6;
2926 +}
2927 +.toplevel_page_booktics
2928 + .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-integration {
2929 + position: absolute;
2930 + right: 8px;
2931 + top: 50%;
2932 + transform: translate(-10px, -50%);
2933 +}
2934 +.toplevel_page_booktics
2935 + .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-meeting-integration {
2936 + position: absolute;
2937 + top: 50%;
2938 + right: 6px;
2939 + transform: translate(0, -2%);
2940 +}
2941 +.toplevel_page_booktics .bkt-go-pro-btn .bkt-go-pro-arrow {
2942 + margin-left: 8px;
2943 +}
2944 +
2945 +.bkt-calendar-container {
2946 + background-color: transparent;
2947 + border-radius: 8px;
2948 +}
2949 +.bkt-calendar-container .bkt-calendar .fc-timegrid-slot {
2950 + padding: 7px;
2951 +}
2952 +.bkt-calendar-container .bkt-calendar .fc-toolbar-chunk {
2953 + display: flex;
2954 + justify-content: center;
2955 + align-items: center;
2956 + gap: 10px;
2957 + flex-wrap: wrap;
2958 +}
2959 +.bkt-calendar-container
2960 + .bkt-calendar
2961 + .fc-daygrid-event-harness
2962 + .bkt-calendar
2963 + div {
2964 + text-overflow: ellipsis;
2965 + overflow: hidden;
2966 +}
2967 +.bkt-calendar-container .bkt-calendar .ant-form-item {
2968 + margin-bottom: 0;
2969 +}
2970 +.bkt-calendar-container .bkt-calendar table .fc-scrollgrid {
2971 + border: none;
2972 +}
2973 +.bkt-calendar-container .bkt-calendar table thead {
2974 + background-color: #e2ecf4;
2975 +}
2976 +.bkt-calendar-container .bkt-calendar table thead .fc-scrollgrid-sync-inner {
2977 + margin: 8px 0px;
2978 +}
2979 +.bkt-calendar-container .bkt-calendar table thead .fc-col-header-cell-cushion {
2980 + font-size: 14px;
2981 + color: #0c274a !important;
2982 +}
2983 +.bkt-calendar-container .bkt-calendar table tbody {
2984 + background: #ffffff;
2985 +}
2986 +.bkt-calendar-container .bkt-calendar table tbody .fc-daygrid-day-number {
2987 + font-size: 14px;
2988 + font-weight: 600;
2989 + color: #0c274a !important;
2990 + margin: 10px 10px 0px 10px !important;
2991 +}
2992 +.bkt-calendar-container .bkt-calendar td.fc-day.fc-day-past {
2993 + cursor: not-allowed;
2994 + opacity: 0.3;
2995 +}
2996 +.bkt-calendar-container .bkt-calendar .fc .fc-daygrid-day.fc-day-today,
2997 +.bkt-calendar-container .bkt-calendar .fc .fc-day-today.fc-scrollgrid,
2998 +.bkt-calendar-container .bkt-calendar .fc .fc-day-today.bkt-cal-header {
2999 + background: none;
3000 +}
3001 +.bkt-calendar-container
3002 + .bkt-calendar
3003 + .fc-daygrid
3004 + .fc-scrollgrid
3005 + .fc-scrollgrid-section.fc-scrollgrid-section-body
3006 + .fc-daygrid-day.fc-day-today
3007 + .fc-daygrid-day-number:before,
3008 +.bkt-calendar-container
3009 + .bkt-calendar
3010 + .fc-daygrid
3011 + .fc-scrollgrid
3012 + .fc-scrollgrid-section.fc-scrollgrid-section-body
3013 + .fc-day-today.fc-scrollgrid
3014 + .fc-daygrid-day-number:before,
3015 +.bkt-calendar-container
3016 + .bkt-calendar
3017 + .fc-daygrid
3018 + .fc-scrollgrid
3019 + .fc-scrollgrid-section.fc-scrollgrid-section-body
3020 + .fc-day-today.bkt-cal-header
3021 + .fc-daygrid-day-number:before,
3022 +.bkt-calendar-container .fc-day-today .fc-col-header-cell-cushion:before {
3023 + background-color: var(--bkt-primary-color);
3024 + content: "";
3025 + display: inline-block;
3026 + height: 12px;
3027 + width: 12px;
3028 + margin-right: 8px;
3029 + border-radius: 50%;
3030 +}
3031 +.bkt-calendar-container .bkt-calendar-drawer .ant-drawer-title {
3032 + font-size: 22px;
3033 +}
3034 +.bkt-calendar-container .bkt-calendar-drawer .ant-drawer-header {
3035 + padding: 30px 24px;
3036 + margin-top: 10px;
3037 +}
3038 +.bkt-calendar-container .fc-today-button {
3039 + background-color: #f7f7fc !important;
3040 + text-transform: capitalize !important;
3041 + padding: 10px 12px !important;
3042 + font-weight: bold;
3043 + font-size: 14px !important;
3044 + color: #0c274a !important;
3045 + border: none;
3046 +}
3047 +.bkt-calendar-container .fc-button-group > button {
3048 + text-transform: capitalize !important;
3049 +}
3050 +.bkt-calendar-container .fc-button-group > button:first-child {
3051 + border-radius: 6px 0 0 6px;
3052 +}
3053 +.bkt-calendar-container .fc-button-group > button:last-child {
3054 + border-radius: 0px 6px 6px 0px;
3055 +}
3056 +.bkt-calendar-container .fc-button-group > button:not(.fc-button-active) {
3057 + background-color: #f7f7fc;
3058 + color: #0c274a;
3059 + border: 1px solid rgba(12, 39, 74, 0.2);
3060 +}
3061 +.bkt-calendar-container .fc-button-group > button:hover {
3062 + background-color: #0c274a !important;
3063 + color: #f7f7fc;
3064 +}
3065 +.bkt-calendar-container .fc-daygrid-event-harness {
3066 + background-color: #ecf2f8;
3067 + padding: 3px;
3068 + margin: 5px;
3069 + border-radius: 4px;
3070 +}
3071 +.bkt-calendar-container .fc-daygrid-event-harness .bkt-calendar > b {
3072 + color: #0c274a;
3073 + font-weight: 600;
3074 + font-size: 13px;
3075 +}
3076 +.bkt-calendar-container .fc-daygrid-event-harness:hover {
3077 + background-color: #b9dbfe;
3078 +}
3079 +.bkt-calendar-container .fc-timegrid-event-harness {
3080 + background-color: #ecf2f8;
3081 + padding: 8px;
3082 + margin: 5px;
3083 + border-radius: 4px;
3084 +}
3085 +.bkt-calendar-container .fc-timegrid-event-harness .bkt-calendar > b {
3086 + color: #0c274a;
3087 + font-weight: 600;
3088 + font-size: 13px;
3089 +}
3090 +.bkt-calendar-container .fc-timegrid-event-harness:hover {
3091 + background-color: #b9dbfe;
3092 +}
3093 +.bkt-calendar-container .fc-timegrid-slot-label-cushion,
3094 +.bkt-calendar-container .fc-timegrid-axis-cushion {
3095 + color: #0c274a;
3096 + font-size: 14px;
3097 + font-weight: 600;
3098 +}
3099 +.bkt-calendar-container .fc-timegrid-axis-cushion {
3100 + text-transform: capitalize;
3101 +}
3102 +.bkt-calendar-container .fc-event-main {
3103 + background-color: #ecf2f8;
3104 + color: #0c274a !important;
3105 + padding: 2px !important;
3106 + border-radius: 2px;
3107 + font-weight: 600;
3108 +}
3109 +.bkt-calendar-container .fc-event-main:hover {
3110 + background-color: #b9dbfe;
3111 +}
3112 +.bkt-calendar-container .fc-daygrid-event:hover {
3113 + background-color: #b9dbfe !important;
3114 +}
3115 +.bkt-calendar-container .fc-daygrid-more-link {
3116 + color: #0c274a;
3117 + font-size: 12px;
3118 + font-weight: 600px;
3119 + margin: 5px;
3120 +}
3121 +.bkt-calendar-container .fc-daygrid-day,
3122 +.bkt-calendar-container .fc-scrollgrid,
3123 +.bkt-calendar-container .bkt-cal-header {
3124 + border: 1px solid #e2ecf4 !important;
3125 +}
3126 +.bkt-calendar-container .fc-daygrid-day-frame {
3127 + height: 120px !important;
3128 +}
3129 +.bkt-calendar-container .fc-header-toolbar {
3130 + flex-wrap: wrap !important;
3131 + gap: 20px;
3132 +}
3133 +@media (max-width: 480px) {
3134 + .bkt-calendar-container {
3135 + padding: 0px;
3136 + }
3137 +}
3138 +.bkt-calendar-container .fc-view-harness {
3139 + max-width: 100%;
3140 + overflow-x: auto;
3141 +}
3142 +.bkt-calendar-container .fc-view-harness table {
3143 + min-width: 800px;
3144 +}
3145 +.bkt-calendar-container .bkt-text-capitalize {
3146 + text-transform: capitalize;
3147 +}
3148 +.bkt-calendar-container .bkt-modal-meetings {
3149 + min-width: 400px;
3150 + display: flex;
3151 + justify-content: space-between;
3152 +}
3153 +.bkt-calendar-container .bkt-calendar-modal .ant-modal-header {
3154 + background-color: #e2ecf4;
3155 +}
3156 +.bkt-calendar-container .bkt-calendar-modal .ant-popover-arrow {
3157 + display: none;
3158 +}
3159 +.bkt-calendar-container .bkt-modal-meeting-header {
3160 + font-size: 16px;
3161 + font-weight: 600;
3162 + background-color: #0c274a;
3163 + color: #ffffff !important;
3164 + border-radius: 5px;
3165 +}
3166 +.bkt-calendar-container .bkt-pointer {
3167 + cursor: pointer;
3168 +}
3169 +.bkt-calendar-container .bkt-calendar-booking-delete {
3170 + z-index: 11000 !important;
3171 +}
3172 +.bkt-calendar-container .bkt-select-with-icon .ant-select-item-option-content {
3173 + display: flex;
3174 + align-items: center;
3175 + column-gap: 5px;
3176 +}
3177 +.bkt-calendar-container .bkt-calendar-toolbar-title {
3178 + font-size: 1.5em;
3179 + margin: 0px;
3180 + color: #0c274a;
3181 +}
3182 +.bkt-calendar-container .bkt-align-center-justify-between {
3183 + display: flex;
3184 + align-items: center;
3185 + gap: 10px;
3186 + justify-content: end;
3187 +}
3188 +@media (min-width: 576px) and (max-width: 1200px) {
3189 + .bkt-calendar-container .bkt-align-center-justify-between {
3190 + justify-content: start;
3191 + }
3192 +}
3193 +.bkt-calendar-container .booktics-input {
3194 + height: 37px;
3195 + border-radius: 8px;
3196 + border: 1px solid #e2ecf4;
3197 +}
3198 +.bkt-calendar-container .booktics-input .ant-input:placeholder-shown {
3199 + font-size: 14px;
3200 +}
3201 +.bkt-calendar-container .bkt-submenu-action-select {
3202 + min-width: 120px;
3203 + border: none !important;
3204 +}
3205 +@media (max-width: 400px) {
3206 + .bkt-calendar-container .bkt-submenu-action-select {
3207 + min-width: 90px;
3208 + }
3209 +}
3210 +.bkt-calendar-container .bkt-prev-button,
3211 +.bkt-calendar-container .bkt-next-button {
3212 + border-radius: 50% !important;
3213 + height: 32px !important;
3214 + width: 32px !important;
3215 + position: relative;
3216 +}
3217 +.bkt-calendar-container .bkt-prev-button:hover,
3218 +.bkt-calendar-container .bkt-next-button:hover {
3219 + background-color: #0c274a !important;
3220 + border-color: #e2ecf4 !important;
3221 +}
3222 +.bkt-calendar-container .bkt-today-btn {
3223 + background-color: #f7f7fc !important;
3224 + padding: 17px 12px !important;
3225 + font-size: 14px !important;
3226 + color: #0c274a !important;
3227 + font-weight: 600 !important;
3228 +}
3229 +.bkt-calendar-container .bkt-today-btn:hover {
3230 + background-color: #0c274a !important;
3231 + border-color: #e2ecf4 !important;
3232 + color: #e2ecf4 !important;
3233 +}
3234 +.bkt-calendar-container .bkt-min-width-200 {
3235 + min-width: 200px;
3236 +}
3237 +@media screen and (max-width: 768px) {
3238 + .bkt-calendar-container .bkt-sm-mb-10 {
3239 + margin-bottom: 10px;
3240 + }
3241 +}
3242 +.bkt-calendar-container .bkt-calendar-header-action {
3243 + display: flex;
3244 + justify-content: flex-end;
3245 + gap: 10px;
3246 + align-items: center;
3247 +}
3248 +@media screen and (max-width: 768px) {
3249 + .bkt-calendar-container .bkt-calendar-header-action {
3250 + justify-content: center;
3251 + flex-wrap: wrap;
3252 + }
3253 +}
3254 +.bkt-calendar-container .bkt-calendar-header-action .bkt-cal-view-action {
3255 + display: flex;
3256 + gap: 15px;
3257 +}
3258 +.bkt-calendar-container
3259 + .bkt-calendar-header-action
3260 + .bkt-cal-view-action
3261 + .bkt-today-btn {
3262 + margin-left: 10px;
3263 +}
3264 +
3265 +.bkt-calendar-drawer .ant-drawer-title {
3266 + font-size: 22px;
3267 +}
3268 +.bkt-calendar-drawer .ant-drawer-header {
3269 + padding: 30px 24px;
3270 + margin-top: 10px;
3271 +}
3272 +@media (min-width: 768px) {
3273 + .bkt-calendar-drawer .ant-drawer-content-wrapper {
3274 + width: 500px !important;
3275 + }
3276 +}
3277 +
3278 +.bkt-calendar-popover-title-container {
3279 + display: flex;
3280 + justify-content: space-between;
3281 + align-items: center;
3282 + gap: 10px;
3283 +}
3284 +.bkt-calendar-popover-title-container .bkt-popover-title-button {
3285 + border: 1px solid rgba(0, 0, 0, 0.2);
3286 + border-radius: 5px;
3287 +}
3288 +
3289 +.bkt-cal-title-btn {
3290 + padding: 4px 8px;
3291 + border: 1px solid #ced4db;
3292 + color: #0c274a !important;
3293 + font-size: 12px !important;
3294 + font-style: normal !important;
3295 + font-weight: 500 !important;
3296 + line-height: normal;
3297 + border-radius: 5px !important;
3298 +}
3299 +
3300 +.bkt-calendar-popover-title {
3301 + font-weight: 600 !important;
3302 + font-size: 16px;
3303 + color: #0c274a;
3304 + max-width: 200px !important;
3305 +}
3306 +
3307 +.ant-popover-inner {
3308 + border-radius: 6px !important;
3309 + border: 1px solid #e2ecf4;
3310 + background: #fff;
3311 + padding: 8px;
3312 +}
3313 +
3314 +.bkt-popover-content-label {
3315 + color: #0c274a;
3316 + font-size: 12px;
3317 + font-style: normal;
3318 + font-weight: 400;
3319 + line-height: normal;
3320 + padding: 5px 0px;
3321 +}
3322 +
3323 +.bkt-popover-content-value {
3324 + color: #0c274a;
3325 + font-size: 14px;
3326 + font-style: normal;
3327 + font-weight: 600;
3328 + line-height: normal;
3329 +}
3330 +
3331 +.bkt-popover-icon-and-value-container {
3332 + display: flex;
3333 + gap: 8px;
3334 + justify-content: flex-start;
3335 +}
3336 +.bkt-popover-icon-and-value-container .ant-select-selection-item {
3337 + display: flex;
3338 + align-items: center;
3339 + column-gap: 5px;
3340 +}
3341 +
3342 +.bkt-popover-menu {
3343 + padding: 10px;
3344 +}
3345 +.bkt-popover-menu .ant-dropdown-menu-title-content {
3346 + font-weight: 600 !important;
3347 + font-size: 14px;
3348 +}
3349 +
3350 +.bkt-popover-section-divider {
3351 + width: 98%;
3352 + border-color: #e2ecf4;
3353 + margin: 15px 0px;
3354 +}
3355 +
3356 +.bkt-calendar-modal .bkt-cal-modal-popover {
3357 + display: flex;
3358 + justify-content: space-between;
3359 + width: 100%;
3360 + cursor: pointer;
3361 +}
3362 +.bkt-calendar-modal .bkt-cal-modal-popover.ant-popover-open {
3363 + color: var(--bkt-primary-color);
3364 + opacity: 0.8;
3365 +}
3366 +.bkt-calendar-modal .bkt-modal-meetings .ant-popover-arrow {
3367 + display: none;
3368 +}
3369 +.bkt-calendar-modal .bkt-modal-meetings .ant-popover-inner {
3370 + margin: 12px;
3371 + min-width: 320px;
3372 +}