PluginProbe
Booktics – Appointment Booking Calendar for Service Businesses / 1.0.19
Booktics – Appointment Booking Calendar for Service Businesses v1.0.19
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 1.0.4 1.0.5 1.0.6 1.0.7 All 27 releases
booktics / assets / css / frontend.css

frontend.css in Booktics – Appointment Booking Calendar for Service Businesses 1.0.19, at assets/css/frontend.css

2,548 lines 69.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/frontend.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-error-page-wrapper {
1355 margin: 0 auto;
1356 max-width: 600px;
1357 background: var(--bkt-secondary-color-03);
1358 border-radius: 10px;
1359 }
1360 .bkt-error-page-wrapper .bkt-error-icon {
1361 margin: 40px 0 30px;
1362 }
1363 .bkt-error-page-wrapper .bkt-error-content {
1364 margin-top: 100px;
1365 text-align: center;
1366 padding: 20px 20px 60px;
1367 }
1368
1369 .bkt-form-left-sidebar .bkt-meeting-location-list .anticon.bkt-money-icon svg,
1370 .booktics-category-meeting
1371 .bkt-form-category-sidebar
1372 .bkt-meeting-location-list
1373 .anticon.bkt-money-icon
1374 svg {
1375 fill: none;
1376 }
1377
1378 .bkt-empty-view-wrapper {
1379 max-width: 990px;
1380 margin: 0 auto;
1381 text-align: center;
1382 border-radius: 10px;
1383 padding: 100px 20px;
1384 }
1385 .bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-content {
1386 display: flex;
1387 flex-direction: column;
1388 align-items: center;
1389 }
1390 .bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-icon {
1391 margin-bottom: 20px;
1392 }
1393
1394 .bkt-meeting-list-empty {
1395 border-radius: 10px;
1396 padding: 60px 20px;
1397 max-width: 50vw;
1398 margin: auto;
1399 margin-top: 80px;
1400 }
1401 @media (max-width: 992px) {
1402 .bkt-meeting-list-empty {
1403 max-width: 100%;
1404 margin-top: 50px;
1405 padding: 0;
1406 }
1407 .bkt-meeting-list-empty .ant-result-title {
1408 font-size: 20px;
1409 }
1410 }
1411
1412 .bkt-card-border-less {
1413 box-shadow: none !important;
1414 background-color: transparent;
1415 }
1416 .bkt-card-border-less .ant-card-body {
1417 padding: 0;
1418 }
1419
1420 .booktics-stripe {
1421 /* spinner/processing state, errors */
1422 }
1423 .booktics-stripe #payment-message {
1424 color: rgb(105, 115, 134);
1425 font-size: 16px;
1426 line-height: 20px;
1427 padding-top: 12px;
1428 text-align: center;
1429 }
1430 .booktics-stripe #payment-element {
1431 margin-bottom: 24px;
1432 }
1433 .booktics-stripe .spinner,
1434 .booktics-stripe .spinner:before,
1435 .booktics-stripe .spinner:after {
1436 border-radius: 50%;
1437 }
1438 .booktics-stripe .spinner {
1439 color: #ffffff;
1440 font-size: 22px;
1441 text-indent: -99999px;
1442 margin: 0px auto;
1443 position: relative;
1444 width: 20px;
1445 height: 20px;
1446 box-shadow: inset 0 0 0 2px;
1447 -webkit-transform: translateZ(0);
1448 -ms-transform: translateZ(0);
1449 transform: translateZ(0);
1450 }
1451 .booktics-stripe .spinner:before,
1452 .booktics-stripe .spinner:after {
1453 position: absolute;
1454 content: "";
1455 }
1456 .booktics-stripe .spinner:before {
1457 width: 10.4px;
1458 height: 20.4px;
1459 background: #5469d4;
1460 border-radius: 20.4px 0 0 20.4px;
1461 top: -0.2px;
1462 left: -0.2px;
1463 -webkit-transform-origin: 10.4px 10.2px;
1464 transform-origin: 10.4px 10.2px;
1465 -webkit-animation: loading 2s infinite ease 1.5s;
1466 animation: loading 2s infinite ease 1.5s;
1467 }
1468 .booktics-stripe .spinner:after {
1469 width: 10.4px;
1470 height: 10.2px;
1471 background: #5469d4;
1472 border-radius: 0 10.2px 10.2px 0;
1473 top: -0.1px;
1474 left: 10.2px;
1475 -webkit-transform-origin: 0px 10.2px;
1476 transform-origin: 0px 10.2px;
1477 -webkit-animation: loading 2s infinite ease;
1478 animation: loading 2s infinite ease;
1479 }
1480 .booktics-stripe div#link-authentication-element {
1481 margin-bottom: 12px;
1482 }
1483 @keyframes loading {
1484 0% {
1485 -webkit-transform: rotate(0deg);
1486 transform: rotate(0deg);
1487 }
1488 100% {
1489 -webkit-transform: rotate(360deg);
1490 transform: rotate(360deg);
1491 }
1492 }
1493
1494 .booktics-meeting-list-wrapper .booktics-meeting-filter {
1495 margin-bottom: 30px;
1496 }
1497 .booktics-meeting-list-wrapper
1498 .booktics-meeting-filter
1499 .booktics-select-wrapper {
1500 display: flex;
1501 justify-content: flex-start;
1502 gap: 20px;
1503 }
1504 .booktics-meeting-list-wrapper .booktics-meeting-filter .booktics-select {
1505 cursor: pointer;
1506 padding: 0rem 1.8rem !important;
1507 background-color: #fff;
1508 border-color: var(--bkt-secondary-color-08) !important;
1509 font-weight: 500;
1510 color: #0c274a;
1511 }
1512 .booktics-meeting-list-wrapper .bkt-meeting-list-item {
1513 background: #ffffff;
1514 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
1515 border-radius: 8px;
1516 -webkit-border-radius: 8px;
1517 -ms-border-radius: 8px;
1518 padding: 25px;
1519 display: flex;
1520 flex-direction: column;
1521 justify-content: space-between;
1522 }
1523 .booktics-meeting-list-wrapper .bkt-meeting-list-item p {
1524 font-size: 14px;
1525 color: #606469;
1526 margin: 0 0 20px;
1527 }
1528 .booktics-meeting-list-wrapper .bkt-title {
1529 font-weight: 600;
1530 font-size: 20px;
1531 line-height: 30px;
1532 margin: 0 0 15px;
1533 }
1534 .booktics-meeting-list-wrapper .bkt-author {
1535 list-style: none;
1536 padding: 0;
1537 display: flex;
1538 flex-wrap: wrap;
1539 gap: 20px;
1540 row-gap: 8px;
1541 margin-top: 0;
1542 margin-bottom: 10px;
1543 }
1544 .booktics-meeting-list-wrapper .bkt-author li {
1545 display: flex;
1546 align-items: center;
1547 gap: 8px;
1548 }
1549 .booktics-meeting-list-wrapper .bkt-author li img {
1550 width: 35px;
1551 height: 35px;
1552 object-fit: cover;
1553 border-radius: 50%;
1554 -webkit-border-radius: 50%;
1555 -ms-border-radius: 50%;
1556 }
1557 .booktics-meeting-list-wrapper .bkt-author li span {
1558 font-weight: 600;
1559 font-size: 16px;
1560 color: #606469;
1561 }
1562 .booktics-meeting-list-wrapper .meeting-info-list {
1563 list-style: none;
1564 padding: 0;
1565 }
1566 .booktics-meeting-list-wrapper .meeting-info-list li {
1567 font-weight: 500;
1568 font-size: 14px;
1569 display: flex;
1570 align-items: center;
1571 gap: 10px;
1572 margin-bottom: 10px;
1573 }
1574
1575 .bkt-booking-list-modal .ant-modal-content {
1576 min-height: 600px;
1577 }
1578 .bkt-booking-list-modal .ant-modal-close-x {
1579 display: flex;
1580 justify-content: center;
1581 align-items: center;
1582 }
1583
1584 .bkt-meeting-list-wrapper {
1585 display: grid;
1586 grid-auto-columns: 1fr;
1587 grid-auto-rows: 1fr;
1588 gap: 30px;
1589 }
1590 @media (min-width: 768px) {
1591 .bkt-meeting-list-wrapper {
1592 grid-template-columns: repeat(2, 1fr);
1593 }
1594 }
1595 @media (min-width: 992px) {
1596 .bkt-meeting-list-wrapper {
1597 grid-template-columns: repeat(3, 1fr);
1598 }
1599 }
1600
1601 .booktics-category-meeting {
1602 background-color: #f2f4f8;
1603 min-height: 100%;
1604 }
1605 .booktics-category-meeting .bkt-meeting-card {
1606 border-radius: 10px;
1607 border: 1px solid #e2ecf4;
1608 }
1609 .booktics-category-meeting .bkt-meeting-card .bkt-section-heading {
1610 font-weight: 600;
1611 font-size: 25px;
1612 line-height: 27px;
1613 text-align: center;
1614 }
1615 .booktics-category-meeting .bkt-meeting-card .bkt-single-meeting,
1616 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box {
1617 border-radius: 10px;
1618 border: 1px solid #e2ecf4;
1619 padding: 20px;
1620 margin-bottom: 20px;
1621 cursor: pointer;
1622 }
1623 .booktics-category-meeting
1624 .bkt-meeting-card
1625 .bkt-single-meeting
1626 .bkt-meeting-flex,
1627 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box .bkt-meeting-flex {
1628 display: flex;
1629 justify-content: space-between;
1630 align-items: center;
1631 }
1632 .booktics-category-meeting
1633 .bkt-meeting-card
1634 .bkt-single-meeting
1635 .bkt-meeting-heading,
1636 .booktics-category-meeting
1637 .bkt-meeting-card
1638 .bkt-staff-box
1639 .bkt-meeting-heading,
1640 .booktics-category-meeting
1641 .bkt-meeting-card
1642 .bkt-single-meeting
1643 .bkt-meeting-price,
1644 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box .bkt-meeting-price,
1645 .booktics-category-meeting
1646 .bkt-meeting-card
1647 .bkt-single-meeting
1648 .bkt-meeting-title,
1649 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box .bkt-meeting-title {
1650 text-transform: capitalize;
1651 color: var(--bkt-secondary-color);
1652 font-size: 16px;
1653 }
1654 .booktics-category-meeting
1655 .bkt-meeting-card
1656 .bkt-single-meeting
1657 .bkt-meeting-title,
1658 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box .bkt-meeting-title {
1659 font-weight: 600;
1660 }
1661 .booktics-category-meeting
1662 .bkt-meeting-card
1663 .bkt-single-meeting
1664 .bkt-meeting-sub-title,
1665 .booktics-category-meeting
1666 .bkt-meeting-card
1667 .bkt-staff-box
1668 .bkt-meeting-sub-title {
1669 text-transform: capitalize;
1670 color: var(--bkt-secondary-color-50);
1671 font-size: 12px;
1672 }
1673 .booktics-category-meeting
1674 .bkt-meeting-card
1675 .bkt-single-meeting
1676 .bkt-meeting-price,
1677 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box .bkt-meeting-price {
1678 font-weight: 700;
1679 padding-right: 20px;
1680 }
1681 .booktics-category-meeting .bkt-meeting-card .bkt-single-meeting:hover,
1682 .booktics-category-meeting .bkt-meeting-card .bkt-staff-box:hover {
1683 border: 1px solid #3161f1;
1684 box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15);
1685 transition: 0.3s ease-in;
1686 }
1687 .booktics-category-meeting .bkt-frontend-transition {
1688 transition: 0.3s all ease;
1689 }
1690 .booktics-category-meeting .bkt-form-category-sidebar {
1691 border: 1px solid #e2ecf4 !important;
1692 border-top-right-radius: 0 !important;
1693 border-bottom-right-radius: 0 !important;
1694 }
1695 @media (max-width: 768px) {
1696 .booktics-category-meeting .bkt-form-category-sidebar {
1697 border-radius: 10px !important;
1698 }
1699 }
1700 .booktics-category-meeting .bkt-category-booking-wrap {
1701 border: 1px solid #e2ecf4 !important;
1702 border-top-left-radius: 0 !important;
1703 border-bottom-left-radius: 0 !important;
1704 }
1705 @media (max-width: 768px) {
1706 .booktics-category-meeting .bkt-category-booking-wrap {
1707 border-radius: 10px !important;
1708 }
1709 }
1710 .booktics-category-meeting .bkt-go-back-icon {
1711 margin-right: 2%;
1712 cursor: pointer;
1713 background-color: transparent;
1714 }
1715 .booktics-category-meeting .bkt-go-back-icon:hover {
1716 background-color: #efefef;
1717 }
1718
1719 .bkt-staff-box {
1720 text-align: center;
1721 animation: antSlideLeftIn 0.5s ease-out;
1722 }
1723 .bkt-staff-box .bkt-staff-check-box {
1724 position: absolute;
1725 float: right;
1726 top: -8;
1727 left: -5;
1728 }
1729
1730 .bkt-vertical-border {
1731 border-left: 1px solid #e2ecf4;
1732 }
1733 @media (max-width: 768px) {
1734 .bkt-vertical-border {
1735 border-left: none;
1736 border-top: 1px solid #e2ecf4;
1737 padding-top: 16px;
1738 }
1739 }
1740
1741 .booktics-single-page-wrapper {
1742 padding: 100px 0;
1743 }
1744 .booktics-single-page-wrapper .booktics-container {
1745 max-width: 1200px;
1746 margin: auto;
1747 padding: 0 15px;
1748 }
1749
1750 .ant-btn {
1751 border-radius: 5px;
1752 -webkit-border-radius: 5px;
1753 -ms-border-radius: 5px;
1754 }
1755
1756 .bkt-section-title {
1757 font-weight: 600;
1758 font-size: 25px;
1759 line-height: 27px;
1760 }
1761
1762 .bkt-form-left-sidebar,
1763 .booktics-category-meeting .bkt-form-category-sidebar,
1764 .bkt-booking-body-wrap,
1765 .booktics-category-meeting .bkt-category-booking-wrap {
1766 border: 1px solid #eaeaea;
1767 background: #fff;
1768 padding: 20px !important;
1769 overflow: hidden;
1770 border-radius: 10px;
1771 -webkit-border-radius: 10px;
1772 -ms-border-radius: 10px;
1773 }
1774 @media (min-width: 768px) {
1775 .bkt-form-left-sidebar,
1776 .booktics-category-meeting .bkt-form-category-sidebar,
1777 .bkt-booking-body-wrap,
1778 .booktics-category-meeting .bkt-category-booking-wrap {
1779 height: 100%;
1780 padding: 25px 30px !important;
1781 box-sizing: border-box;
1782 }
1783 }
1784 .bkt-form-left-sidebar .submit-btn,
1785 .bkt-form-left-sidebar .submit-btn-disabled,
1786 .bkt-form-left-sidebar
1787 .booktics-category-meeting
1788 .bkt-form-category-sidebar
1789 .submit-btn-disabled,
1790 .booktics-category-meeting
1791 .bkt-form-category-sidebar
1792 .bkt-form-left-sidebar
1793 .submit-btn-disabled,
1794 .bkt-form-left-sidebar
1795 .booktics-category-meeting
1796 .bkt-category-booking-wrap
1797 .submit-btn-disabled,
1798 .booktics-category-meeting
1799 .bkt-category-booking-wrap
1800 .bkt-form-left-sidebar
1801 .submit-btn-disabled,
1802 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn,
1803 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn-disabled,
1804 .booktics-category-meeting
1805 .bkt-form-category-sidebar
1806 .bkt-booking-body-wrap
1807 .submit-btn-disabled,
1808 .bkt-booking-body-wrap
1809 .booktics-category-meeting
1810 .bkt-form-category-sidebar
1811 .submit-btn-disabled,
1812 .booktics-category-meeting
1813 .bkt-form-category-sidebar
1814 .bkt-category-booking-wrap
1815 .submit-btn-disabled,
1816 .booktics-category-meeting
1817 .bkt-category-booking-wrap
1818 .bkt-form-category-sidebar
1819 .submit-btn-disabled,
1820 .bkt-booking-body-wrap .submit-btn,
1821 .bkt-booking-body-wrap .submit-btn-disabled,
1822 .bkt-booking-body-wrap
1823 .booktics-category-meeting
1824 .bkt-category-booking-wrap
1825 .submit-btn-disabled,
1826 .booktics-category-meeting
1827 .bkt-category-booking-wrap
1828 .bkt-booking-body-wrap
1829 .submit-btn-disabled,
1830 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn,
1831 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn-disabled {
1832 color: #fff;
1833 font-size: 15px;
1834 font-weight: 700;
1835 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1836 border: none;
1837 }
1838 .bkt-form-left-sidebar .submit-btn:hover,
1839 .bkt-form-left-sidebar .submit-btn-disabled:hover,
1840 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn:hover,
1841 .booktics-category-meeting
1842 .bkt-form-category-sidebar
1843 .submit-btn-disabled:hover,
1844 .bkt-form-left-sidebar .submit-btn:focus,
1845 .bkt-form-left-sidebar .submit-btn-disabled:focus,
1846 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn:focus,
1847 .booktics-category-meeting
1848 .bkt-form-category-sidebar
1849 .submit-btn-disabled:focus,
1850 .bkt-booking-body-wrap .submit-btn:hover,
1851 .bkt-booking-body-wrap .submit-btn-disabled:hover,
1852 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn:hover,
1853 .booktics-category-meeting
1854 .bkt-category-booking-wrap
1855 .submit-btn-disabled:hover,
1856 .bkt-booking-body-wrap .submit-btn:focus,
1857 .bkt-booking-body-wrap .submit-btn-disabled:focus,
1858 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn:focus,
1859 .booktics-category-meeting
1860 .bkt-category-booking-wrap
1861 .submit-btn-disabled:focus {
1862 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1863 }
1864 .bkt-form-left-sidebar .submit-btn .anticon svg,
1865 .bkt-form-left-sidebar .submit-btn-disabled .anticon svg,
1866 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn .anticon svg,
1867 .booktics-category-meeting
1868 .bkt-form-category-sidebar
1869 .submit-btn-disabled
1870 .anticon
1871 svg,
1872 .bkt-booking-body-wrap .submit-btn .anticon svg,
1873 .bkt-booking-body-wrap .submit-btn-disabled .anticon svg,
1874 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn .anticon svg,
1875 .booktics-category-meeting
1876 .bkt-category-booking-wrap
1877 .submit-btn-disabled
1878 .anticon
1879 svg {
1880 width: 15px;
1881 height: 15px;
1882 }
1883 .bkt-form-left-sidebar .submit-btn .anticon path,
1884 .bkt-form-left-sidebar .submit-btn-disabled .anticon path,
1885 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn .anticon path,
1886 .booktics-category-meeting
1887 .bkt-form-category-sidebar
1888 .submit-btn-disabled
1889 .anticon
1890 path,
1891 .bkt-booking-body-wrap .submit-btn .anticon path,
1892 .bkt-booking-body-wrap .submit-btn-disabled .anticon path,
1893 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn .anticon path,
1894 .booktics-category-meeting
1895 .bkt-category-booking-wrap
1896 .submit-btn-disabled
1897 .anticon
1898 path {
1899 stroke: #fff;
1900 }
1901 .bkt-form-left-sidebar .submit-btn .ant-btn-loading-icon svg,
1902 .bkt-form-left-sidebar .submit-btn-disabled .ant-btn-loading-icon svg,
1903 .booktics-category-meeting
1904 .bkt-form-category-sidebar
1905 .submit-btn
1906 .ant-btn-loading-icon
1907 svg,
1908 .booktics-category-meeting
1909 .bkt-form-category-sidebar
1910 .submit-btn-disabled
1911 .ant-btn-loading-icon
1912 svg,
1913 .bkt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg,
1914 .bkt-booking-body-wrap .submit-btn-disabled .ant-btn-loading-icon svg,
1915 .booktics-category-meeting
1916 .bkt-category-booking-wrap
1917 .submit-btn
1918 .ant-btn-loading-icon
1919 svg,
1920 .booktics-category-meeting
1921 .bkt-category-booking-wrap
1922 .submit-btn-disabled
1923 .ant-btn-loading-icon
1924 svg {
1925 fill: #ffffff;
1926 }
1927 .bkt-form-left-sidebar .submit-btn-disabled,
1928 .booktics-category-meeting .bkt-form-category-sidebar .submit-btn-disabled,
1929 .bkt-booking-body-wrap .submit-btn-disabled,
1930 .booktics-category-meeting .bkt-category-booking-wrap .submit-btn-disabled {
1931 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1932 }
1933 .bkt-form-left-sidebar .submit-btn-disabled:hover,
1934 .booktics-category-meeting
1935 .bkt-form-category-sidebar
1936 .submit-btn-disabled:hover,
1937 .bkt-form-left-sidebar .submit-btn-disabled:focus,
1938 .booktics-category-meeting
1939 .bkt-form-category-sidebar
1940 .submit-btn-disabled:focus,
1941 .bkt-booking-body-wrap .submit-btn-disabled:hover,
1942 .booktics-category-meeting
1943 .bkt-category-booking-wrap
1944 .submit-btn-disabled:hover,
1945 .bkt-booking-body-wrap .submit-btn-disabled:focus,
1946 .booktics-category-meeting
1947 .bkt-category-booking-wrap
1948 .submit-btn-disabled:focus {
1949 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1950 }
1951 .bkt-form-left-sidebar .ant-form-item-explain-error,
1952 .booktics-category-meeting
1953 .bkt-form-category-sidebar
1954 .ant-form-item-explain-error,
1955 .bkt-booking-body-wrap .ant-form-item-explain-error,
1956 .booktics-category-meeting
1957 .bkt-category-booking-wrap
1958 .ant-form-item-explain-error {
1959 display: block;
1960 padding: 5px 0;
1961 }
1962 .bkt-form-left-sidebar .ant-btn .anticon svg,
1963 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn .anticon svg,
1964 .bkt-booking-body-wrap .ant-btn .anticon svg,
1965 .booktics-category-meeting .bkt-category-booking-wrap .ant-btn .anticon svg {
1966 width: 15px;
1967 height: 15px;
1968 }
1969 .bkt-form-left-sidebar .ant-btn.backbtn,
1970 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn.backbtn,
1971 .bkt-booking-body-wrap .ant-btn.backbtn,
1972 .booktics-category-meeting .bkt-category-booking-wrap .ant-btn.backbtn {
1973 border-color: transparent;
1974 background: transparent;
1975 box-shadow: none;
1976 color: #0a1018;
1977 font-weight: 700;
1978 }
1979 .bkt-form-left-sidebar .ant-btn.backbtn span,
1980 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn.backbtn span,
1981 .bkt-booking-body-wrap .ant-btn.backbtn span,
1982 .booktics-category-meeting .bkt-category-booking-wrap .ant-btn.backbtn span {
1983 border-bottom: 1px solid #0a1018;
1984 }
1985 .bkt-form-left-sidebar .ant-btn.backbtn .anticon,
1986 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn.backbtn .anticon,
1987 .bkt-booking-body-wrap .ant-btn.backbtn .anticon,
1988 .booktics-category-meeting
1989 .bkt-category-booking-wrap
1990 .ant-btn.backbtn
1991 .anticon {
1992 border: none;
1993 }
1994 .bkt-form-left-sidebar .ant-btn.backbtn .anticon svg,
1995 .booktics-category-meeting
1996 .bkt-form-category-sidebar
1997 .ant-btn.backbtn
1998 .anticon
1999 svg,
2000 .bkt-booking-body-wrap .ant-btn.backbtn .anticon svg,
2001 .booktics-category-meeting
2002 .bkt-category-booking-wrap
2003 .ant-btn.backbtn
2004 .anticon
2005 svg {
2006 fill: none;
2007 width: 15px;
2008 height: 15px;
2009 }
2010 .bkt-form-left-sidebar .ant-btn.backbtn:hover,
2011 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn.backbtn:hover,
2012 .bkt-form-left-sidebar .ant-btn.backbtn:focus,
2013 .booktics-category-meeting .bkt-form-category-sidebar .ant-btn.backbtn:focus,
2014 .bkt-booking-body-wrap .ant-btn.backbtn:hover,
2015 .booktics-category-meeting .bkt-category-booking-wrap .ant-btn.backbtn:hover,
2016 .bkt-booking-body-wrap .ant-btn.backbtn:focus,
2017 .booktics-category-meeting .bkt-category-booking-wrap .ant-btn.backbtn:focus {
2018 background-color: transparent;
2019 border-color: transparent;
2020 color: #0a1018;
2021 }
2022
2023 .bkt-form-left-sidebar .bkt-host-item,
2024 .booktics-category-meeting .bkt-form-category-sidebar .bkt-host-item {
2025 display: flex;
2026 }
2027 .bkt-form-left-sidebar .bkt-host-item .ant-typography,
2028 .booktics-category-meeting
2029 .bkt-form-category-sidebar
2030 .bkt-host-item
2031 .ant-typography {
2032 font-size: 16px;
2033 font-weight: 600;
2034 color: #000000;
2035 text-transform: capitalize;
2036 }
2037 .bkt-form-left-sidebar .bkt-meeting-name,
2038 .booktics-category-meeting .bkt-form-category-sidebar .bkt-meeting-name {
2039 font-size: 24px;
2040 line-height: 29px;
2041 margin: 0 0 10px;
2042 color: #000000;
2043 }
2044 .bkt-form-left-sidebar .bkt-meeting-description,
2045 .booktics-category-meeting .bkt-form-category-sidebar .bkt-meeting-description {
2046 font-size: 14px;
2047 line-height: 22px;
2048 display: block;
2049 }
2050 .bkt-form-left-sidebar .bkt-meeting-location-list .anticon,
2051 .booktics-category-meeting
2052 .bkt-form-category-sidebar
2053 .bkt-meeting-location-list
2054 .anticon {
2055 display: block;
2056 }
2057 .bkt-form-left-sidebar .bkt-booking-side-info,
2058 .booktics-category-meeting .bkt-form-category-sidebar .bkt-booking-side-info {
2059 display: flex;
2060 gap: 8px;
2061 margin-bottom: 10px;
2062 flex-wrap: wrap;
2063 }
2064 .bkt-form-left-sidebar .bkt-seat-selected-number,
2065 .booktics-category-meeting
2066 .bkt-form-category-sidebar
2067 .bkt-seat-selected-number {
2068 display: flex;
2069 flex-wrap: wrap;
2070 gap: 10px;
2071 }
2072 .bkt-form-left-sidebar .bkt-select-host-wrapper,
2073 .booktics-category-meeting .bkt-form-category-sidebar .bkt-select-host-wrapper {
2074 margin-bottom: 25px;
2075 }
2076 .bkt-form-left-sidebar .bkt-select-host-wrapper .bkt-host-label-text,
2077 .booktics-category-meeting
2078 .bkt-form-category-sidebar
2079 .bkt-select-host-wrapper
2080 .bkt-host-label-text {
2081 font-size: 14px;
2082 font-weight: 500;
2083 color: var(--bkt-secondary-color-50);
2084 margin-bottom: 5px;
2085 display: inline-block;
2086 }
2087 .bkt-form-left-sidebar
2088 .bkt-select-host-wrapper
2089 .bkt-select-host-content
2090 .bkt-host-name,
2091 .booktics-category-meeting
2092 .bkt-form-category-sidebar
2093 .bkt-select-host-wrapper
2094 .bkt-select-host-content
2095 .bkt-host-name {
2096 font-weight: 600;
2097 font-size: 16px;
2098 color: var(--bkt-secondary-color);
2099 }
2100 .bkt-form-left-sidebar
2101 .bkt-select-host-wrapper
2102 .ant-select:not(.ant-select-customize-input)
2103 .ant-select-selector,
2104 .booktics-category-meeting
2105 .bkt-form-category-sidebar
2106 .bkt-select-host-wrapper
2107 .ant-select:not(.ant-select-customize-input)
2108 .ant-select-selector {
2109 height: 50px;
2110 align-items: center;
2111 }
2112 .bkt-form-left-sidebar
2113 .ant-select:not(.ant-select-customize-input)
2114 .ant-select-selector,
2115 .booktics-category-meeting
2116 .bkt-form-category-sidebar
2117 .ant-select:not(.ant-select-customize-input)
2118 .ant-select-selector {
2119 border-radius: 6px;
2120 }
2121
2122 .ant-result-icon .anticon.anticon-check-circle svg {
2123 fill: var(--bkt-success-color) !important;
2124 }
2125
2126 .ant-select-item.ant-select-item-option.bkt-host-option-item {
2127 min-height: 40px;
2128 align-items: center;
2129 }
2130
2131 .bkt-flatpickr-calendar {
2132 padding-right: 10px;
2133 }
2134 .bkt-flatpickr-calendar .flatpickr-rContainer {
2135 width: 100%;
2136 }
2137 .bkt-flatpickr-calendar .flatpickr-calendar {
2138 width: 100%;
2139 box-shadow: none;
2140 background: transparent;
2141 }
2142 .bkt-flatpickr-calendar .flatpickr-calendar .dayContainer {
2143 width: 100%;
2144 min-width: 100%;
2145 max-width: 100%;
2146 }
2147 .bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
2148 .bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
2149 width: 100%;
2150 max-width: 100%;
2151 }
2152 .bkt-flatpickr-calendar .flatpickr-day.flatpickr-disabled,
2153 .bkt-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
2154 color: var(--bkt-secondary-color);
2155 opacity: 0.4;
2156 }
2157 .bkt-flatpickr-calendar .flatpickr-months {
2158 padding-bottom: 20px;
2159 border-bottom: 1px solid #eaeaea;
2160 margin-bottom: 20px;
2161 display: flex;
2162 align-items: center;
2163 }
2164 .bkt-flatpickr-calendar .flatpickr-day {
2165 height: 50px;
2166 line-height: 50px;
2167 border-radius: 6px;
2168 -webkit-border-radius: 6px;
2169 -ms-border-radius: 6px;
2170 color: #0a1018;
2171 font-weight: 600;
2172 }
2173 .bkt-flatpickr-calendar .flatpickr-day.selected {
2174 color: #fff;
2175 border: none;
2176 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2177 }
2178 .bkt-flatpickr-calendar .flatpickr-disabled {
2179 opacity: 0.4;
2180 }
2181 .bkt-flatpickr-calendar .flatpickr-day.today {
2182 border-color: transparent;
2183 }
2184 .bkt-flatpickr-calendar .flatpickr-day.today::before {
2185 content: "";
2186 position: absolute;
2187 bottom: 5px;
2188 left: 50%;
2189 transform: translateX(-50%);
2190 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2191 width: 5px;
2192 height: 5px;
2193 border-radius: 100vmax;
2194 }
2195 .bkt-flatpickr-calendar
2196 .flatpickr-months
2197 .flatpickr-prev-month.flatpickr-prev-month,
2198 .bkt-flatpickr-calendar
2199 .flatpickr-months
2200 .flatpickr-next-month.flatpickr-prev-month {
2201 left: auto;
2202 right: 40px;
2203 }
2204 .bkt-flatpickr-calendar
2205 .flatpickr-months
2206 .flatpickr-prev-month.flatpickr-disabled,
2207 .bkt-flatpickr-calendar
2208 .flatpickr-months
2209 .flatpickr-next-month.flatpickr-disabled {
2210 display: flex;
2211 justify-content: center;
2212 align-items: center;
2213 cursor: no-drop;
2214 }
2215 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2216 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2217 display: flex;
2218 justify-content: center;
2219 align-items: center;
2220 top: 8px;
2221 }
2222 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-month,
2223 .bkt-flatpickr-calendar .flatpickr-current-month {
2224 text-align: left;
2225 }
2226 .bkt-flatpickr-calendar .flatpickr-current-month {
2227 display: flex;
2228 align-items: center;
2229 left: 0;
2230 padding-top: 0;
2231 }
2232 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2233 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2234 height: 20px;
2235 width: 20px;
2236 padding: 0;
2237 line-height: 20px;
2238 border-radius: 100vmax;
2239 background-color: #0c274a;
2240 }
2241 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
2242 .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
2243 stroke: #ffffff;
2244 stroke-width: 2px;
2245 fill: transparent;
2246 width: 10px;
2247 height: 10px;
2248 }
2249 .bkt-flatpickr-calendar .flatpickr-months .cur-year,
2250 .bkt-flatpickr-calendar .flatpickr-months .cur-month {
2251 font-weight: 600 !important;
2252 }
2253 .bkt-flatpickr-calendar .flatpickr-months .cur-year:hover,
2254 .bkt-flatpickr-calendar .flatpickr-months .cur-year:focus,
2255 .bkt-flatpickr-calendar .flatpickr-months .cur-month:hover,
2256 .bkt-flatpickr-calendar .flatpickr-months .cur-month:focus {
2257 background: transparent;
2258 }
2259
2260 .booktics-single-booking-wrapper .flatpickr-input {
2261 display: none;
2262 }
2263
2264 .bkt-booking-slot-wrapper {
2265 overflow: auto;
2266 transition: all ease 200ms;
2267 -ms-overflow-style: none;
2268 /* IE and Edge */
2269 scrollbar-width: none;
2270 }
2271 .bkt-booking-slot-wrapper::-webkit-scrollbar {
2272 width: 0; /* Width of the scrollbar */
2273 }
2274
2275 .bkt-scroll-bar {
2276 /* Thumb (the draggable part) */
2277 /* Corner (between the vertical and horizontal scrollbar) */
2278 /* For Firefox */
2279 /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */
2280 /* Both track and thumb */
2281 scrollbar-width: thin;
2282 scrollbar-color: var(--bkt-secondary-color-50);
2283 /* Track */
2284 /* Thumb */
2285 }
2286 .bkt-scroll-bar::-webkit-scrollbar {
2287 width: 8px;
2288 height: 8px;
2289 }
2290 .bkt-scroll-bar::-webkit-scrollbar-thumb {
2291 background: var(--bkt-secondary-color-50);
2292 border-radius: 8px;
2293 }
2294 .bkt-scroll-bar::-webkit-scrollbar-corner {
2295 background: var(--bkt-secondary-color-50);
2296 }
2297 .bkt-scroll-bar::-ms-scrollbar {
2298 width: 8px;
2299 height: 8px;
2300 }
2301 .bkt-scroll-bar::-ms-scrollbar-thumb {
2302 background: var(--bkt-secondary-color-20);
2303 }
2304
2305 .bkt-slot-list::-webkit-scrollbar {
2306 background-color: #fff;
2307 width: 0px;
2308 }
2309 .bkt-slot-list .ant-list-items {
2310 margin: 0;
2311 padding: 0;
2312 }
2313 .bkt-slot-list .ant-list-item .ant-btn-block {
2314 height: 40px;
2315 color: #000;
2316 border-color: var(--bkt-secondary-color-12);
2317 box-shadow: none;
2318 font-weight: 600;
2319 }
2320 .bkt-slot-list .ant-list-item .ant-btn-block:hover {
2321 color: #3161f1;
2322 border-color: #3161f1;
2323 }
2324
2325 .bkt-meeting-booking-result-wrapper {
2326 border: 1px solid #eaeaea;
2327 border-radius: 8px;
2328 background: #fff;
2329 overflow: auto;
2330 }
2331 .bkt-meeting-booking-result-wrapper .ant-result {
2332 padding: 30px 50px;
2333 }
2334 @media (max-width: 570px) {
2335 .bkt-meeting-booking-result-wrapper .ant-result {
2336 padding: 20px;
2337 }
2338 }
2339 .bkt-meeting-booking-result-wrapper .ant-result-title {
2340 font-weight: 600;
2341 }
2342 .bkt-meeting-booking-result-wrapper .bkt-single-meeting-booking-info {
2343 display: flex;
2344 }
2345 .bkt-meeting-booking-result-wrapper
2346 .bkt-single-meeting-booking-info
2347 .bkt-meeting-booking-WQ {
2348 flex-basis: 40%;
2349 }
2350 .bkt-meeting-booking-result-wrapper
2351 .bkt-single-meeting-booking-info
2352 .bkt-meeting-booking-details {
2353 flex-basis: 60%;
2354 text-align: left;
2355 }
2356 .bkt-meeting-booking-result-wrapper .bkt-meeting-booking-change-info {
2357 margin: 20px 0;
2358 }
2359 .bkt-meeting-booking-result-wrapper .bkt-bookings-upadate-text {
2360 color: var(--bkt-secondary-color-65);
2361 text-decoration: underline;
2362 cursor: pointer;
2363 }
2364
2365 .bkt-booking-body-wrap .bkt-arrow-right.anticon svg,
2366 .booktics-category-meeting
2367 .bkt-category-booking-wrap
2368 .bkt-arrow-right.anticon
2369 svg {
2370 fill: none;
2371 }
2372 .bkt-booking-body-wrap .bkt-selected-date,
2373 .booktics-category-meeting .bkt-category-booking-wrap .bkt-selected-date {
2374 font-size: 16px;
2375 text-align: center;
2376 font-weight: 500;
2377 margin-bottom: 15px;
2378 }
2379 .bkt-booking-body-wrap .anticon.bkt-arrow-right path,
2380 .booktics-category-meeting
2381 .bkt-category-booking-wrap
2382 .anticon.bkt-arrow-right
2383 path {
2384 stroke: white;
2385 }
2386
2387 .flatpickr-day.prevMonthDay,
2388 .flatpickr-day.nextMonthDay {
2389 height: 0;
2390 width: 0;
2391 visibility: hidden;
2392 }
2393
2394 .bkt-slot-list-wrap {
2395 text-align: center;
2396 font-weight: 700;
2397 padding: 5px 10px;
2398 min-height: 100%;
2399 }
2400 @media (max-width: 570px) {
2401 .bkt-slot-list-wrap {
2402 padding-left: 0;
2403 }
2404 }
2405 .bkt-slot-list-wrap .ant-list-item {
2406 padding: 6px 0;
2407 }
2408 .bkt-slot-list-wrap .ant-spin-nested-loading {
2409 height: 100%;
2410 }
2411
2412 .bkt-meeting-location-type {
2413 height: 40px;
2414 display: flex;
2415 align-items: center;
2416 line-height: 1;
2417 }
2418
2419 .bkt-payment-radio-btn .ant-radio-button-wrapper {
2420 border: 1px solid #eaeaea;
2421 }
2422 .bkt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before {
2423 display: none;
2424 }
2425 .bkt-payment-radio-btn .bkt-payment-radio-btn-icon {
2426 line-height: 1;
2427 display: flex;
2428 align-items: center;
2429 height: 100%;
2430 }
2431 .bkt-payment-radio-btn .bkt-payment-btn {
2432 border-radius: 6px;
2433 margin-right: 20px;
2434 margin-bottom: 10px;
2435 }
2436 @media (max-width: 380px) {
2437 .bkt-payment-radio-btn .bkt-payment-btn {
2438 margin-bottom: 20px;
2439 }
2440 }
2441 .bkt-payment-radio-btn
2442 .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.bkt-payment-btn {
2443 border-color: var(--bkt-primary-color);
2444 }
2445 .bkt-payment-radio-btn .ant-radio-button-wrapper:first-child:last-child {
2446 border-radius: 6px;
2447 }
2448
2449 .bkt-seat-booking-button {
2450 margin-top: 25px;
2451 }
2452
2453 .bkt-google-Cal-message {
2454 text-align: left;
2455 font-size: 14px;
2456 background-color: var(--bkt-primary-color-08);
2457 padding: 5px 10px;
2458 border-radius: 5px;
2459 margin-bottom: 15px;
2460 }
2461
2462 .bkt-ticket-price-variation-wrapper {
2463 border-bottom: 1px solid #f0f0f0;
2464 margin-top: 10px;
2465 }
2466 .bkt-ticket-price-variation-wrapper .bkt-ticket-price-variation p {
2467 margin: 8px 0;
2468 }
2469
2470 .bkt-booking-body-wrap .booktics-input .ant-form-item-extra,
2471 .booktics-category-meeting
2472 .bkt-category-booking-wrap
2473 .booktics-input
2474 .ant-form-item-extra {
2475 margin-top: 5px;
2476 font-style: italic;
2477 }
2478
2479 .booktics-user-account-wrapper .user-dashboard-container {
2480 max-width: 670px;
2481 margin: 0 auto;
2482 }
2483 .booktics-user-account-wrapper .bkt-user-header {
2484 display: flex;
2485 justify-content: space-between;
2486 align-items: flex-start;
2487 border-bottom: 1px solid #d9d9d9;
2488 padding-bottom: 20px;
2489 margin-bottom: 30px;
2490 }
2491 .booktics-user-account-wrapper .bkt-user-header h3.ant-typography {
2492 margin: 0;
2493 }
2494 .booktics-user-account-wrapper .bkt-user-info-area {
2495 display: flex;
2496 gap: 15px;
2497 }
2498 .booktics-user-account-wrapper .ant-btn svg {
2499 fill: var(--bkt-secondary-color);
2500 }
2501 .booktics-user-account-wrapper table {
2502 margin: 0;
2503 }
2504 .booktics-user-account-wrapper table,
2505 .booktics-user-account-wrapper td,
2506 .booktics-user-account-wrapper th {
2507 border: none;
2508 }
2509 .booktics-user-account-wrapper p {
2510 margin: 0 !important;
2511 }
2512 .booktics-user-account-wrapper .bkt-user-back-button {
2513 display: inline-block;
2514 cursor: pointer;
2515 margin-bottom: 30px;
2516 }
2517 .booktics-user-account-wrapper .bkt-user-back-button .anticon svg {
2518 fill: none;
2519 margin-right: 7px;
2520 color: #606469;
2521 }
2522 .booktics-user-account-wrapper .btn-text {
2523 display: inline-block;
2524 color: #606469;
2525 cursor: pointer;
2526 font-weight: 600;
2527 font-size: 13px;
2528 border-bottom: 1px solid #606469;
2529 }
2530 .booktics-user-account-wrapper
2531 .bkt-user-profile-edit
2532 .bkt-user-info-update-btn {
2533 display: flex;
2534 align-items: center;
2535 justify-content: space-between;
2536 gap: 10px;
2537 flex-wrap: wrap;
2538 }
2539 .booktics-user-account-wrapper .bkt-booking-cancel {
2540 text-decoration: line-through;
2541 }
2542 .booktics-user-account-wrapper
2543 .bkt-user-bookings-area
2544 .ant-select-single
2545 .ant-select-selector {
2546 align-items: center;
2547 }
2548