PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.20
Timetics – Appointment Booking Calendar & Scheduling v1.0.20
1.0.61 1.0.60 1.0.59 1.0.58 1.0.57 1.0.56 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.19 1.0.2 1.0.20 1.0.21 1.0.22 1.0.23 1.0.24 All 62 releases
timetics / assets / css / frontend.css

frontend.css in Timetics – Appointment Booking Calendar & Scheduling 1.0.20, at assets/css/frontend.css

2,078 lines 64.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 --tt-primary-color: #3161f1;
6 --tt-primary-color-70: #4c93ff;
7 --tt-primary-color-50: #78aeff;
8 --tt-primary-color-25: #a5c9ff;
9 --tt-primary-color-15: #d2e4ff;
10 --tt-primary-color-08: #e9f2ff;
11 --tt-primary-color-06: #f3f6fe;
12 --tt-secondary-color: #0c274a;
13 --tt-secondary-color-65: #556880;
14 --tt-secondary-color-50: #8693a5;
15 --tt-secondary-color-30: #b6bec9;
16 --tt-secondary-color-20: #ced4db;
17 --tt-secondary-color-12: #e2ecf4;
18 --tt-secondary-color-08: #ecf2f8;
19 --tt-secondary-color-05: #f3f7fb;
20 --tt-secondary-color-03: #f8fafc;
21 --tt-danger-color: #e42d23;
22 --tt-danger-light-color: #f7d0d3;
23 --tt-success-color: #00c14e;
24 --tt-alert-color: #ef8201;
25 --tt-disable-color: #cecfd1;
26 --tt-state-color-01: #06a78a;
27 --tt-state-color-02: #f1a208;
28 --tt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
29 --tt-primary-gradient-reverse: linear-gradient(
30 170deg,
31 #3263f8 0%,
32 #254ec8 100%
33 );
34 --tt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
35 }
36
37 .tt-margin-0 {
38 margin: 0 !important;
39 }
40
41 .tt-mb-0 {
42 margin-bottom: 0 !important;
43 }
44
45 .tt-mb-10 {
46 margin-bottom: 10px !important;
47 }
48
49 .tt-mb-15 {
50 margin-bottom: 15px !important;
51 }
52
53 .tt-mb-20 {
54 margin-bottom: 20px !important;
55 }
56
57 .tt-mb-25 {
58 margin-bottom: 25px !important;
59 }
60
61 .tt-mb-30 {
62 margin-bottom: 30px !important;
63 }
64
65 .tt-mb-35 {
66 margin-bottom: 35px !important;
67 }
68
69 .tt-mb-40 {
70 margin-bottom: 40px !important;
71 }
72
73 .tt-mb-45 {
74 margin-bottom: 45px !important;
75 }
76
77 .tt-mt-0 {
78 margin-top: 0 !important;
79 }
80
81 .tt-mt-5 {
82 margin-top: 5px !important;
83 }
84
85 .tt-mt-10 {
86 margin-top: 10px !important;
87 }
88
89 .tt-mt-30 {
90 margin-top: 30px !important;
91 }
92
93 .tt-mt-40 {
94 margin-top: 40px !important;
95 }
96
97 .tt-mr-15 {
98 margin-right: 15px !important;
99 }
100
101 .tt-mx-10 {
102 margin: 0 10px !important;
103 }
104
105 .tt-primary-color {
106 color: var(--tt-primary-color);
107 }
108
109 #wpcontent {
110 min-height: 100vh;
111 background-color: #ecf2f8;
112 }
113 @media screen and (max-width: 768px) {
114 #wpcontent {
115 padding-right: 10px;
116 }
117 }
118
119 .wrap {
120 margin: 20px 40px 0 20px;
121 }
122 @media screen and (max-width: 768px) {
123 .wrap {
124 margin: 0;
125 }
126 }
127
128 .toplevel_page_timetics .tt-page-header-wrapper {
129 border-bottom: 1px solid #d9d9d9;
130 padding-bottom: 27px;
131 margin-bottom: 30px;
132 }
133 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header {
134 padding: 0;
135 background-color: transparent;
136 }
137 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-left,
138 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-extra {
139 margin: 0;
140 }
141 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-title {
142 font-size: 22px;
143 line-height: 33px;
144 }
145 .toplevel_page_timetics .tt-page-header-wrapper .ant-btn svg {
146 fill: var(--tt-primary-color);
147 }
148 .toplevel_page_timetics .tt-page-header-wrapper .tt-header-info-dropdown.ant-btn {
149 padding: 4px 0px;
150 }
151 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path {
152 stroke: var(--tt-primary-color);
153 }
154 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child {
155 border-top-right-radius: 6px;
156 border-bottom-right-radius: 6px;
157 }
158 .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
159 .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
160 .toplevel_page_timetics .ant-dropdown-menu-item:hover,
161 .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
162 .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active,
163 .toplevel_page_timetics .ant-dropdown-menu-submenu-title:hover {
164 background-color: var(--tt-secondary-color-08);
165 }
166 .toplevel_page_timetics .ant-list-split .ant-list-item {
167 border-color: var(--tt-secondary-color-12);
168 }
169 .toplevel_page_timetics .ant-divider-horizontal {
170 border-color: var(--tt-secondary-color-12);
171 }
172 .toplevel_page_timetics .tt-spinner-center {
173 width: 100%;
174 height: 90vh;
175 display: flex;
176 align-items: center;
177 justify-content: center;
178 opacity: 0.8;
179 }
180
181 .timetics-input .ant-input-lg,
182 .timetics-input .ant-picker,
183 .timetics-input .ant-select:not(.ant-select-customize-input) .ant-select-selector,
184 .timetics-input .ant-input-affix-wrapper,
185 .timetics-input .ant-input-number,
186 .timetics-input .ant-input-number-lg,
187 .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
188 border-color: var(--tt-secondary-color-12);
189 border-radius: 6px;
190 height: 42px;
191 padding: 0 15px;
192 font-size: 14px;
193 }
194 .timetics-input .ant-input-number-lg input {
195 height: 40px;
196 line-height: 40px;
197 }
198 .timetics-input .ant-form-item-label > label {
199 font-weight: 500;
200 font-size: 13px;
201 line-height: 20px;
202 color: var(--tt-secondary-color);
203 text-transform: capitalize;
204 }
205 .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
206 line-height: 42px;
207 padding-right: 10px;
208 }
209 .timetics-input textarea.ant-input {
210 border-radius: 6px;
211 }
212 .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-item,
213 .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
214 line-height: 40px;
215 }
216 .timetics-input.tt-sm-input .ant-input-number-sm {
217 height: 34px;
218 line-height: 32px;
219 }
220 .timetics-input .ant-select-arrow {
221 right: 15px;
222 height: 15px;
223 }
224 .timetics-input .ant-select-arrow .anticon-down {
225 background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg3MDY4IDIuNjEyMDRDMC4zODk4MTYgMi4xMzExOCAwLjM4OTgxNiAxLjM1MTU0IDAuODcwNjc5IDAuODcwNjhDMS4zNTE1NCAwLjM4OTgxNyAyLjEzMTE4IDAuMzg5ODE2IDIuNjEyMDQgMC44NzA2OEw4LjI1ODY0IDYuNTE3MjhMMTMuOTA1MiAwLjg3MDY4QzE0LjM4NjEgMC4zODk4MTcgMTUuMTY1NyAwLjM4OTgxNiAxNS42NDY2IDAuODcwNjc5QzE2LjEyNzUgMS4zNTE1NCAxNi4xMjc1IDIuMTMxMTggMTUuNjQ2NiAyLjYxMjA0TDguOTY1NzUgOS4yOTI4OUM4LjU3NTIyIDkuNjgzNDIgNy45NDIwNiA5LjY4MzQyIDcuNTUxNTMgOS4yOTI4OUwwLjg3MDY4IDIuNjEyMDRaIiBmaWxsPSIjMEExMDE4Ii8+Cjwvc3ZnPgo=");
226 width: 14px;
227 height: 9px;
228 background-repeat: no-repeat;
229 background-size: 13px;
230 }
231 .timetics-input .ant-select-arrow .anticon-down svg {
232 display: none;
233 }
234
235 .ant-input-affix-wrapper input[type=text]:focus,
236 .ant-input-affix-wrapper input[type=password]:focus,
237 .ant-input-affix-wrapper input[type=color]:focus,
238 .ant-input-affix-wrapper input[type=date]:focus,
239 .ant-input-affix-wrapper input[type=datetime]:focus,
240 .ant-input-affix-wrapper input[type=datetime-local]:focus,
241 .ant-input-affix-wrapper input[type=email]:focus,
242 .ant-input-affix-wrapper input[type=month]:focus,
243 .ant-input-affix-wrapper input[type=number]:focus,
244 .ant-input-affix-wrapper input[type=search]:focus,
245 .ant-input-affix-wrapper input[type=tel]:focus,
246 .ant-input-affix-wrapper input[type=time]:focus,
247 .ant-input-affix-wrapper input[type=url]:focus,
248 .ant-input-affix-wrapper input[type=week]:focus,
249 .ant-input-affix-wrapper input[type=checkbox]:focus,
250 .ant-input-affix-wrapper input[type=radio]:focus,
251 .ant-input-affix-wrapper select:focus,
252 .ant-input-affix-wrapper textarea:focus,
253 .ant-select-selection-search input[type=text]:focus,
254 .ant-select-selection-search input[type=password]:focus,
255 .ant-select-selection-search input[type=color]:focus,
256 .ant-select-selection-search input[type=date]:focus,
257 .ant-select-selection-search input[type=datetime]:focus,
258 .ant-select-selection-search input[type=datetime-local]:focus,
259 .ant-select-selection-search input[type=email]:focus,
260 .ant-select-selection-search input[type=month]:focus,
261 .ant-select-selection-search input[type=number]:focus,
262 .ant-select-selection-search input[type=search]:focus,
263 .ant-select-selection-search input[type=tel]:focus,
264 .ant-select-selection-search input[type=time]:focus,
265 .ant-select-selection-search input[type=url]:focus,
266 .ant-select-selection-search input[type=week]:focus,
267 .ant-select-selection-search input[type=checkbox]:focus,
268 .ant-select-selection-search input[type=radio]:focus,
269 .ant-select-selection-search select:focus,
270 .ant-select-selection-search textarea:focus {
271 box-shadow: none;
272 outline: none;
273 }
274
275 .input-search-field .ant-input-affix-wrapper {
276 font-size: 16px;
277 border-radius: 6px;
278 padding: 1px 15px;
279 }
280
281 .tt-heading {
282 font-weight: 600;
283 font-size: 24px;
284 }
285
286 #time_tics_dashboard .ant-btn,
287 .tt-btn-dropdown .ant-btn,
288 .ant-modal-wrap .ant-btn,
289 .ant-popover-inner-content .ant-btn {
290 border-radius: 6px;
291 font-weight: 600;
292 }
293 #time_tics_dashboard .ant-btn.ant-btn-sm,
294 .tt-btn-dropdown .ant-btn.ant-btn-sm,
295 .ant-modal-wrap .ant-btn.ant-btn-sm,
296 .ant-popover-inner-content .ant-btn.ant-btn-sm {
297 height: 30px;
298 line-height: 30px;
299 padding: 0 11px;
300 }
301 #time_tics_dashboard .ant-btn.ant-btn-md,
302 .tt-btn-dropdown .ant-btn.ant-btn-md,
303 .ant-modal-wrap .ant-btn.ant-btn-md,
304 .ant-popover-inner-content .ant-btn.ant-btn-md {
305 height: 34px;
306 line-height: 34px;
307 }
308 #time_tics_dashboard .ant-btn.ant-btn-lg,
309 .tt-btn-dropdown .ant-btn.ant-btn-lg,
310 .ant-modal-wrap .ant-btn.ant-btn-lg,
311 .ant-popover-inner-content .ant-btn.ant-btn-lg {
312 height: 38px;
313 line-height: 1.5;
314 }
315 #time_tics_dashboard .ant-btn svg,
316 .tt-btn-dropdown .ant-btn svg,
317 .ant-modal-wrap .ant-btn svg,
318 .ant-popover-inner-content .ant-btn svg {
319 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
320 }
321 #time_tics_dashboard .tt-more-action-btn,
322 .tt-btn-dropdown .tt-more-action-btn,
323 .ant-modal-wrap .tt-more-action-btn,
324 .ant-popover-inner-content .tt-more-action-btn {
325 padding: 5px 6px;
326 }
327 #time_tics_dashboard .tt-more-action-btn:hover svg,
328 .tt-btn-dropdown .tt-more-action-btn:hover svg,
329 .ant-modal-wrap .tt-more-action-btn:hover svg,
330 .ant-popover-inner-content .tt-more-action-btn:hover svg {
331 fill: var(--tt-primary-color);
332 }
333
334 .tt-action-dropdown .ant-dropdown-menu {
335 min-width: 208px;
336 padding: 4px;
337 border-radius: 6px;
338 -webkit-border-radius: 6px;
339 -ms-border-radius: 6px;
340 border: 1px solid var(--tt-secondary-color-12);
341 }
342 .tt-action-dropdown .ant-dropdown-menu-item {
343 padding: 6px 10px;
344 border-radius: 4px;
345 }
346 .tt-action-dropdown .ant-dropdown-menu-item a {
347 text-decoration: none;
348 font-weight: 500;
349 font-size: 14px;
350 color: var(--tt-secondary-color-65);
351 }
352 .tt-action-dropdown .ant-dropdown-menu-item:hover a {
353 color: var(--tt-secondary-color);
354 }
355 .tt-action-dropdown.tt-action-area .ant-dropdown-menu {
356 min-width: 210px;
357 padding: 4px;
358 }
359 .tt-action-dropdown.tt-action-area .ant-dropdown-menu svg {
360 margin-right: 5px;
361 position: relative;
362 bottom: -3px;
363 }
364 .tt-action-dropdown.tt-action-area .ant-dropdown-menu-item {
365 padding: 7px 12px;
366 }
367
368 .tt-text-right {
369 text-align: right;
370 }
371
372 .tt-notification-content .ant-collapse-content > .ant-collapse-content-box {
373 padding: 25px;
374 }
375
376 .tt-container-wrapper {
377 margin: 60px auto 0;
378 }
379 .tt-container-wrapper .tt-appoint-type {
380 font-size: 21px;
381 line-height: 25px;
382 margin: 0 0 40px 0;
383 font-weight: 600;
384 }
385 .tt-container-wrapper .tt-form-container {
386 padding: 30px;
387 background-color: #ffffff;
388 border: 1px solid var(--tt-secondary-color-12);
389 border-radius: 8px;
390 }
391 @media screen and (max-width: 768px) {
392 .tt-container-wrapper .tt-form-container {
393 padding: 20px;
394 }
395 }
396 .tt-container-wrapper .tt-form-container .ant-collapse {
397 border-radius: 8px;
398 }
399 .tt-container-wrapper .tt-form-container .ant-collapse-header-text {
400 font-size: 14px;
401 font-weight: 600;
402 }
403 .tt-container-wrapper .tt-form-container .tt-link-btn {
404 padding: 0;
405 }
406 .tt-container-wrapper .tt-form-container .timetics-input.tt-notice-time-input {
407 margin-top: 32px;
408 }
409 @media screen and (max-width: 570px) {
410 .tt-container-wrapper .tt-form-container .timetics-input.tt-notice-time-input {
411 margin-top: -15px;
412 }
413 }
414 .tt-container-wrapper .tt-tab-container {
415 padding-left: 0;
416 }
417
418 .tt-container-wrapper:has(.tt-custom-tab) {
419 max-width: 900px;
420 }
421
422 .tt-container-wrapper:not(:has(.tt-custom-tab)) {
423 max-width: 750px;
424 }
425
426 .ql-editor {
427 min-height: 130px;
428 }
429
430 .tt-tooltip-card .ant-tooltip-arrow {
431 min-width: 18px;
432 min-height: 18px;
433 }
434 .tt-tooltip-card .ant-tooltip-inner {
435 min-height: 20px;
436 padding: 4px 8px;
437 font-size: 12px;
438 }
439
440 @media screen and (max-width: 782px) {
441 input[type=text],
442 input[type=number] {
443 min-height: 30px;
444 }
445 }
446 @media (max-width: 590px) {
447 .ant-picker-panel-container .ant-picker-panels {
448 flex-direction: column;
449 }
450 }
451 .tt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input {
452 background-color: transparent;
453 }
454
455 .ant-notification {
456 margin-top: 16px !important;
457 }
458
459 .toplevel_page_timetics .ant-switch {
460 height: 24px;
461 background-color: var(--tt-secondary-color-20);
462 box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12);
463 border-radius: 28px;
464 }
465 .toplevel_page_timetics .ant-switch .ant-switch-handle {
466 top: 4px;
467 left: 4px;
468 width: 16px;
469 height: 16px;
470 }
471 .toplevel_page_timetics .ant-switch .ant-switch-handle::before {
472 box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
473 background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%);
474 }
475 .toplevel_page_timetics .ant-switch.ant-switch-checked {
476 background: var(--tt-primary-gradient);
477 }
478 .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle {
479 left: calc(100% - 20px);
480 }
481 .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle::before {
482 background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.7) 87.98%);
483 box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
484 }
485 .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner {
486 width: 20px;
487 height: 20px;
488 border-radius: 4px;
489 z-index: 1;
490 }
491 .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner::after {
492 width: 6.714286px;
493 height: 11.142857px;
494 left: 23%;
495 top: 45%;
496 border-radius: 0;
497 }
498 .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
499 background: var(--tt-primary-gradient);
500 border-color: var(--tt-primary-color);
501 }
502 .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked:after {
503 border-radius: 4px;
504 }
505 .toplevel_page_timetics .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {
506 width: 12px;
507 height: 12px;
508 left: 50%;
509 top: 50%;
510 border-radius: 2px;
511 background: var(--tt-primary-gradient);
512 }
513 .toplevel_page_timetics .ant-checkbox + span {
514 position: relative;
515 top: -3px;
516 }
517 .toplevel_page_timetics .ant-checkbox.ant-checkbox-disabled .ant-checkbox-input {
518 width: 20px;
519 height: 20px;
520 top: 4px;
521 }
522 .toplevel_page_timetics .ant-checkbox-input:focus + .ant-checkbox-inner,
523 .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox-inner,
524 .toplevel_page_timetics .ant-checkbox:hover .ant-checkbox-inner {
525 border-color: var(--tt-primary-color);
526 }
527 .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox:after,
528 .toplevel_page_timetics .ant-checkbox:hover:after {
529 visibility: visible;
530 border-color: var(--tt-primary-color);
531 }
532 .toplevel_page_timetics .meeting-pagination {
533 text-align: right;
534 }
535 @media (max-width: 991px) {
536 .toplevel_page_timetics .meeting-pagination {
537 text-align: center;
538 }
539 }
540 .toplevel_page_timetics .ant-pagination .ant-pagination-item {
541 width: 30px;
542 min-width: 30px;
543 line-height: 25px;
544 height: 30px;
545 background-color: transparent;
546 border-color: transparent;
547 border-radius: 4px;
548 }
549 .toplevel_page_timetics .ant-pagination .ant-pagination-item a {
550 font-weight: 600;
551 line-height: 28px;
552 }
553 .toplevel_page_timetics .ant-pagination .ant-pagination-item:hover {
554 border-color: var(--tt-primary-color);
555 }
556 .toplevel_page_timetics .ant-pagination .ant-pagination-item-active {
557 border: 1px solid var(--tt-primary-color);
558 border-radius: 4px;
559 }
560 .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link,
561 .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link {
562 background-color: transparent;
563 border: 1px solid transparent;
564 }
565 .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link:hover,
566 .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link:hover {
567 border-color: transparent;
568 }
569 .toplevel_page_timetics .ant-pagination-disabled .ant-pagination-item-link,
570 .toplevel_page_timetics .ant-pagination-disabled:hover .ant-pagination-item-link {
571 color: rgba(0, 0, 0, 0.25);
572 border-color: transparent;
573 background-color: transparent;
574 cursor: not-allowed;
575 }
576 .toplevel_page_timetics .tt-meeting-create-btn .ant-btn-primary svg {
577 fill: #fff !important;
578 }
579 .toplevel_page_timetics .ant-tabs-tab-btn {
580 color: var(--tt-secondary-color-50);
581 }
582 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav,
583 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav,
584 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav,
585 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav {
586 margin: 0 0 30px;
587 }
588 .toplevel_page_timetics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
589 padding: 0 0 10px;
590 font-size: 15px;
591 font-weight: 600;
592 }
593 .toplevel_page_timetics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
594 .toplevel_page_timetics .ant-tabs-tab:hover {
595 color: var(--tt-primary-color);
596 text-shadow: none;
597 }
598 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav:before,
599 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav:before,
600 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav:before,
601 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav:before {
602 border-bottom: 1px solid #d9d9d9;
603 }
604 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
605 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
606 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
607 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
608 height: 3px;
609 }
610 .toplevel_page_timetics .ant-tabs-ink-bar {
611 background: var(--tt-primary-gradient);
612 border-radius: 10px 10px 0 0;
613 }
614 .toplevel_page_timetics .tt-settings-wrapper .ant-typography.ant-typography-secondary {
615 color: var(--tt-secondary-color-65);
616 }
617 .toplevel_page_timetics .tt-settings-wrapper .ant-btn.ant-btn-default {
618 text-decoration: none;
619 line-height: 1;
620 padding: 0 15px;
621 color: var(--tt-primary-color);
622 border-color: var(--tt-primary-color);
623 }
624 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav {
625 border-right: 1px solid #e1e4e9;
626 }
627 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-ink-bar {
628 background: none;
629 }
630 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab {
631 padding: 10px 24px !important;
632 margin: 0 !important;
633 transition: 0.3s ease-in;
634 }
635 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab path {
636 stroke: #8693a5;
637 }
638 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active {
639 background-color: #e9f2ff;
640 }
641 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active path {
642 stroke: #3161f1;
643 }
644 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-nav-operations {
645 display: none !important;
646 }
647 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-content-holder .ant-tabs-tabpane {
648 padding-left: 40px !important;
649 }
650 .toplevel_page_timetics .tt-custom-tab > .ant-tabs-content-holder .ant-card-meta-avatar svg {
651 background: none;
652 border-radius: 0;
653 }
654 .toplevel_page_timetics .tt-custom-tab .tt-tab-heading {
655 font-size: 16px;
656 font-weight: 600;
657 border-bottom: 1px solid #e1e4e9;
658 padding-bottom: 20px;
659 margin-bottom: 30px;
660 }
661 .toplevel_page_timetics .ant-table {
662 background-color: transparent;
663 }
664 .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:last-child {
665 border-top-right-radius: 6px;
666 }
667 .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:first-child {
668 border-top-left-radius: 6px;
669 }
670 .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:last-child {
671 border-bottom-right-radius: 6px;
672 }
673 .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:first-child {
674 border-bottom-left-radius: 6px;
675 }
676 .toplevel_page_timetics .ant-table .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before {
677 display: none;
678 }
679 .toplevel_page_timetics .ant-table .ant-table-sticky-holder,
680 .toplevel_page_timetics .ant-table .ant-table-sticky-scroll {
681 background: transparent;
682 }
683 .toplevel_page_timetics .ant-table .ant-table-thead > tr > th {
684 background: #e9eaef;
685 border-bottom-color: transparent;
686 box-shadow: none;
687 }
688 .toplevel_page_timetics .ant-table table tr td.ant-table-selection-column,
689 .toplevel_page_timetics .ant-table table tr th.ant-table-selection-column {
690 padding-right: 20px;
691 padding-left: 20px;
692 }
693 .toplevel_page_timetics .ant-table .ant-table-tbody > tr > td {
694 background-color: #fff;
695 }
696 .toplevel_page_timetics .ant-table .ant-table-tbody tr:nth-child(2n-1) td {
697 background-color: var(--tt-secondary-color-05);
698 }
699 .toplevel_page_timetics .ant-spin {
700 color: var(--tt-primary-color);
701 }
702 .toplevel_page_timetics .ant-spin .ant-spin-dot-item {
703 background-color: var(--tt-primary-color);
704 }
705 .toplevel_page_timetics .ant-spin-blur {
706 opacity: 0;
707 }
708 .toplevel_page_timetics .ant-alert-info {
709 border: transparent;
710 border-radius: 8px;
711 }
712 .toplevel_page_timetics .ant-spin-blur {
713 opacity: 0;
714 }
715 .toplevel_page_timetics .ant-collapse {
716 background-color: #fff;
717 border-color: var(--tt-secondary-color-12);
718 }
719 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child {
720 border-radius: 0 0 8px 8px;
721 }
722 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header,
723 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-content {
724 border-radius: 0 0 8px 8px;
725 border-color: var(--tt-secondary-color-12);
726 }
727 .toplevel_page_timetics .ant-collapse.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
728 padding-top: 25px;
729 padding-bottom: 25px;
730 }
731 .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
732 position: relative;
733 background-color: transparent;
734 border-top-right-radius: 7px;
735 border-top-left-radius: 7px;
736 }
737 .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item:not(.ant-collapse-item-active) > .ant-collapse-header {
738 border-radius: 8px;
739 }
740 .toplevel_page_timetics .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
741 background-color: var(--tt-secondary-color-05);
742 padding: 25px;
743 border-radius: 0 0 8px 8px;
744 }
745 .toplevel_page_timetics .ant-collapse .ant-collapse-item-active .ant-collapse-expand-icon .anticon svg {
746 transform: rotate(-180deg);
747 }
748 .toplevel_page_timetics .ant-collapse > .ant-collapse-item {
749 border-bottom-color: var(--tt-secondary-color-12);
750 }
751 .toplevel_page_timetics .ant-collapse-item.ant-collapse-item-disabled {
752 opacity: 1;
753 }
754 .toplevel_page_timetics .ant-tooltip .ant-tooltip-inner {
755 background: var(--tt-secondary-gradient);
756 border-radius: 4px;
757 font-weight: 600;
758 font-size: 12px;
759 }
760 .toplevel_page_timetics .ant-tooltip .ant-tooltip-arrow-content {
761 --antd-arrow-background-color: var(--tt-secondary-color);
762 }
763 .toplevel_page_timetics .ant-select-single:not(.ant-select-customize-input, .tt-location-type-select) .ant-select-selector {
764 line-height: 40px;
765 padding: 0 40px 0 20px;
766 border-radius: 6px;
767 }
768 .toplevel_page_timetics .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item,
769 .toplevel_page_timetics .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
770 padding: 0;
771 line-height: 40px;
772 transition: all 0.3s;
773 font-weight: 500;
774 color: var(--tt-secondary-color-65);
775 }
776 .toplevel_page_timetics .ant-select-dropdown {
777 border: transparent;
778 border-radius: 4px;
779 box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
780 padding: 0;
781 }
782 .toplevel_page_timetics .ant-select-dropdown {
783 border: 1px solid var(--tt-secondary-color-12);
784 border-radius: 6px;
785 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
786 padding: 4px;
787 }
788 .toplevel_page_timetics .ant-select-dropdown .ant-select-item {
789 color: var(--tt-secondary-color-65);
790 font-weight: 500;
791 padding: 6.5px 12px;
792 }
793 .toplevel_page_timetics .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
794 border-radius: 4px;
795 background-color: var(--tt-secondary-color-05);
796 color: var(--tt-secondary-color);
797 }
798 .toplevel_page_timetics .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
799 border-color: var(--tt-primary-color);
800 }
801 .toplevel_page_timetics .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
802 background-color: var(--tt-secondary-color-08);
803 color: var(--tt-secondary-color);
804 border-radius: 4px;
805 }
806 .toplevel_page_timetics .flatpickr-day.selected,
807 .toplevel_page_timetics .flatpickr-day.startRange,
808 .toplevel_page_timetics .flatpickr-day.endRange,
809 .toplevel_page_timetics .flatpickr-day.selected.inRange,
810 .toplevel_page_timetics .flatpickr-day.startRange.inRange,
811 .toplevel_page_timetics .flatpickr-day.endRange.inRange,
812 .toplevel_page_timetics .flatpickr-day.selected:focus,
813 .toplevel_page_timetics .flatpickr-day.startRange:focus,
814 .toplevel_page_timetics .flatpickr-day.endRange:focus,
815 .toplevel_page_timetics .flatpickr-day.selected:hover,
816 .toplevel_page_timetics .flatpickr-day.startRange:hover,
817 .toplevel_page_timetics .flatpickr-day.endRange:hover,
818 .toplevel_page_timetics .flatpickr-day.selected.prevMonthDay,
819 .toplevel_page_timetics .flatpickr-day.startRange.prevMonthDay,
820 .toplevel_page_timetics .flatpickr-day.endRange.prevMonthDay,
821 .toplevel_page_timetics .flatpickr-day.selected.nextMonthDay,
822 .toplevel_page_timetics .flatpickr-day.startRange.nextMonthDay,
823 .toplevel_page_timetics .flatpickr-day.endRange.nextMonthDay {
824 background: var(--tt-primary-color);
825 border-color: var(--tt-primary-color);
826 }
827 .toplevel_page_timetics .ant-modal-content,
828 .toplevel_page_timetics .ant-modal-header {
829 border-radius: 6px;
830 }
831 .toplevel_page_timetics .ant-btn {
832 color: var(--tt-secondary-color);
833 }
834 .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn) {
835 padding: 4px 10px;
836 }
837 .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn):hover, .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn):focus {
838 color: var(--tt-primary-color);
839 border-color: var(--tt-primary-color);
840 }
841 .toplevel_page_timetics .ant-btn.ant-btn-primary {
842 background-image: var(--tt-primary-gradient);
843 color: #fff;
844 border: none;
845 }
846 .toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus {
847 background-image: var(--tt-primary-gradient-reverse);
848 color: #fff;
849 }
850 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg {
851 width: 15px;
852 height: 15px;
853 }
854 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg path {
855 stroke: #fff;
856 }
857 .toplevel_page_timetics .ant-btn.ant-btn-primary.ant-btn-background-ghost:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary.ant-btn-background-ghost:focus {
858 color: #fff;
859 }
860 .toplevel_page_timetics .ant-btn.ant-btn-lg {
861 padding: 10px 18px 10px 18px;
862 font-size: 14px;
863 font-weight: 600;
864 border-radius: 6px;
865 }
866 .toplevel_page_timetics .ant-btn.ant-btn-default {
867 display: inline-flex;
868 align-items: center;
869 justify-content: center;
870 }
871 .toplevel_page_timetics .ant-btn.ant-btn-default .anticon {
872 margin-top: 3px;
873 }
874 .toplevel_page_timetics .ant-btn.ant-btn-default svg {
875 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
876 }
877 .toplevel_page_timetics .ant-btn.ant-btn-default:not(:disabled):hover .anticon:not(.tt-no-fill-icon) svg {
878 fill: var(--tt-primary-color);
879 }
880 .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn {
881 height: 36px;
882 padding: 6px 10px;
883 }
884 .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn:not(.tt-default-btn[disabled]) .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn:hover .anticon svg, .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn:active .anticon svg, .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn:focus .anticon svg, .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn.ant-dropdown-open .anticon svg {
885 fill: var(--tt-primary-color);
886 }
887 .toplevel_page_timetics .ant-btn.ant-btn-dangerous {
888 color: var(--tt-danger-color);
889 border-color: var(--tt-danger-light-color);
890 }
891 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .anticon {
892 margin-top: 0;
893 }
894 .toplevel_page_timetics .ant-btn.ant-btn-dangerous svg {
895 fill: none;
896 }
897 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg {
898 fill: var(--tt-danger-color);
899 }
900 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus {
901 color: var(--tt-danger-color);
902 border-color: var(--tt-danger-color);
903 }
904 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
905 stroke: var(--tt-danger-color) !important;
906 }
907 .toplevel_page_timetics .ant-btn.tt-link-btn {
908 padding: 0;
909 color: var(--tt-primary-color);
910 line-height: 1;
911 white-space: normal;
912 text-align: left;
913 line-height: 1.5;
914 margin: 0 !important;
915 border-width: 0;
916 }
917 .toplevel_page_timetics .ant-btn.tt-link-btn.tt-link-dark-btn {
918 font-size: 12px;
919 color: var(--tt-secondary-color);
920 }
921 .toplevel_page_timetics .ant-btn.tt-link-btn span {
922 border-bottom: 1px solid;
923 }
924 .toplevel_page_timetics .ant-btn.tt-link-btn:hover, .toplevel_page_timetics .ant-btn.tt-link-btn:focus {
925 color: var(--tt-secondary-color);
926 }
927 .toplevel_page_timetics .ant-btn[disabled],
928 .toplevel_page_timetics .ant-btn[disabled]:active,
929 .toplevel_page_timetics .ant-btn[disabled]:focus,
930 .toplevel_page_timetics .ant-btn[disabled]:hover {
931 color: #ffffff;
932 border-color: transparent;
933 background: #ced4db;
934 }
935 .toplevel_page_timetics .ant-btn[disabled].ant-btn-link,
936 .toplevel_page_timetics .ant-btn[disabled]:active.ant-btn-link,
937 .toplevel_page_timetics .ant-btn[disabled]:focus.ant-btn-link,
938 .toplevel_page_timetics .ant-btn[disabled]:hover.ant-btn-link {
939 background-color: transparent;
940 color: #ced4db !important;
941 }
942 .toplevel_page_timetics .ant-btn[disabled] .anticon svg {
943 fill: #ffffff;
944 }
945 .toplevel_page_timetics .ant-btn[disabled]:hover .anticon svg {
946 fill: #ffffff;
947 }
948 .toplevel_page_timetics .ant-input,
949 .toplevel_page_timetics .ant-input-password,
950 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
951 color: var(--tt-secondary-color);
952 border-color: var(--tt-secondary-color-12);
953 }
954 .toplevel_page_timetics .ant-input:hover,
955 .toplevel_page_timetics .ant-input-password:hover,
956 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
957 border-color: var(--tt-primary-color);
958 }
959 .toplevel_page_timetics .ant-input:focus,
960 .toplevel_page_timetics .ant-input-password:focus,
961 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
962 border-color: var(--tt-primary-color);
963 outline: 4px solid rgba(49, 97, 241, 0.25);
964 box-shadow: none;
965 }
966 .toplevel_page_timetics .ant-input[disabled],
967 .toplevel_page_timetics .ant-input-password[disabled],
968 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
969 color: rgba(0, 0, 0, 0.25);
970 }
971 .toplevel_page_timetics .ant-input::placeholder,
972 .toplevel_page_timetics .ant-input-password::placeholder,
973 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)::placeholder {
974 color: var(--tt-secondary-color-30);
975 }
976 .toplevel_page_timetics .ant-form-item-explain-error {
977 padding: 5px 0;
978 }
979 .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
980 position: absolute;
981 right: -13px;
982 top: 0;
983 }
984 .toplevel_page_timetics .ant-input-number-handler-wrap {
985 display: none;
986 }
987 .toplevel_page_timetics .ant-radio-checked .ant-radio-inner {
988 border-color: var(--tt-primary-color);
989 }
990 .toplevel_page_timetics .ant-radio-inner:after {
991 background-color: var(--tt-primary-color);
992 }
993 .toplevel_page_timetics .ant-collapse > .ant-collapse-item > .ant-collapse-header {
994 align-items: center;
995 }
996 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline {
997 border-color: var(--tt-primary-color);
998 color: var(--tt-primary-color);
999 }
1000 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .tt-dropdown-item {
1001 font-weight: 500;
1002 font-size: 14px;
1003 color: var(--tt-secondary-color-65);
1004 }
1005 .toplevel_page_timetics .tt-submenu-action-wrapper {
1006 display: flex;
1007 justify-content: space-between;
1008 gap: 10px;
1009 flex-wrap: wrap;
1010 }
1011 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-submenu-action-select {
1012 width: 220px;
1013 }
1014 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
1015 display: flex;
1016 gap: 15px;
1017 column-gap: 15px;
1018 flex-wrap: wrap;
1019 }
1020 @media (max-width: 991px) {
1021 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
1022 flex-direction: column;
1023 }
1024 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper .ant-form-item {
1025 margin: 0;
1026 }
1027 }
1028
1029 .ant-spin.ant-spin-spinning.tt-loader-spinner {
1030 display: flex;
1031 justify-content: center;
1032 align-items: center;
1033 flex-direction: column;
1034 }
1035
1036 #adminmenu .wp-submenu .tt-go-pro-link a {
1037 color: var(--tt-state-color-02);
1038 }
1039
1040 .tt-country-phone-code .react-tel-input .form-control {
1041 width: 100%;
1042 height: 42px;
1043 border-color: var(--tt-secondary-color-12) !important;
1044 }
1045 .tt-country-phone-code .tt-phone-input:focus {
1046 border-color: var(--tt-primary-color);
1047 outline: 3.5px solid rgba(49, 97, 241, 0.25);
1048 box-shadow: none;
1049 }
1050 .tt-country-phone-code .react-tel-input .selected-flag {
1051 border-color: var(--tt-secondary-color-12) !important;
1052 }
1053 .tt-country-phone-code .react-tel-input .selected-flag .arrow {
1054 display: none;
1055 }
1056 @media screen and (max-width: 782px) {
1057 .tt-country-phone-code .react-tel-input .country-list {
1058 width: 200px;
1059 }
1060 }
1061
1062 .tt-phone-input-country-search {
1063 display: flex;
1064 align-items: center;
1065 padding: 1rem !important;
1066 }
1067 .tt-phone-input-country-search-box {
1068 margin: 0 !important;
1069 width: 100%;
1070 padding-block: 0.5rem !important;
1071 }
1072
1073 .tt-phone-input {
1074 border-color: #d9d9d9 !important;
1075 }
1076 .tt-phone-input:hover, .tt-phone-input:focus {
1077 border-color: var(--tt-primary-color) !important;
1078 }
1079
1080 .tt-phone-input-dropdown-btn {
1081 border-color: #d9d9d9 !important;
1082 }
1083 .tt-phone-input-dropdown-btn:hover, .tt-phone-input-dropdown-btn:focus {
1084 border-color: var(--tt-primary-color) !important;
1085 }
1086
1087 .tt-category-tree .ant-tree-switcher {
1088 padding-block: 4px;
1089 }
1090
1091 .tt-guest-setting .ant-card-meta-description {
1092 margin-right: 52px;
1093 }
1094
1095 .tt-guest-field-wrapper .tt-multipleGuestInput-container {
1096 border: 1px solid #d9d9d9;
1097 border-radius: 8px;
1098 padding: 8px;
1099 min-height: 120px;
1100 cursor: text;
1101 display: flex;
1102 flex-wrap: wrap;
1103 align-items: flex-start;
1104 align-content: baseline;
1105 gap: 4px;
1106 margin: 8px 0;
1107 }
1108 .tt-guest-field-wrapper .tt-multipleGuestInput-tag {
1109 margin: 0;
1110 padding: 2px 4px;
1111 background: #bcffdb;
1112 border-radius: 4px;
1113 color: #000000;
1114 display: flex;
1115 align-items: center;
1116 cursor: pointer;
1117 display: flex;
1118 align-items: center;
1119 font-weight: 600;
1120 }
1121 .tt-guest-field-wrapper .tt-multipleguestinput-input {
1122 all: unset;
1123 display: block;
1124 flex: 1;
1125 width: auto;
1126 min-width: 20ch;
1127 overflow-x: hidden;
1128 resize: none;
1129 margin: 0;
1130 padding: 2px 4px;
1131 }
1132 .tt-guest-field-wrapper .tt-guest-input-close {
1133 background-color: #c84545;
1134 border-radius: 100vmax;
1135 position: absolute;
1136 top: 0;
1137 right: 0;
1138 height: 15px;
1139 width: 15px;
1140 display: grid;
1141 place-items: center;
1142 transform: translate(60%, -50%);
1143 outline: 2px solid white;
1144 }
1145
1146 .tt-error-page-wrapper {
1147 margin: 0 auto;
1148 max-width: 600px;
1149 background: var(--tt-secondary-color-03);
1150 border-radius: 10px;
1151 }
1152 .tt-error-page-wrapper .tt-error-icon {
1153 margin: 40px 0 30px;
1154 }
1155 .tt-error-page-wrapper .tt-error-content {
1156 margin-top: 100px;
1157 text-align: center;
1158 padding: 20px 20px 60px;
1159 }
1160
1161 .tt-form-left-sidebar .tt-meeting-location-list .anticon.tt-money-icon svg, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon.tt-money-icon svg {
1162 fill: none;
1163 }
1164
1165 .tt-empty-view-wrapper {
1166 max-width: 990px;
1167 margin: 0 auto;
1168 text-align: center;
1169 border-radius: 10px;
1170 padding: 100px 20px;
1171 }
1172 .tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-content {
1173 display: flex;
1174 flex-direction: column;
1175 align-items: center;
1176 }
1177 .tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-icon {
1178 margin-bottom: 20px;
1179 }
1180
1181 .tt-meeting-list-empty {
1182 border-radius: 10px;
1183 padding: 60px 20px;
1184 max-width: 50vw;
1185 margin: auto;
1186 margin-top: 80px;
1187 }
1188 @media (max-width: 992px) {
1189 .tt-meeting-list-empty {
1190 max-width: 100%;
1191 margin-top: 50px;
1192 padding: 0;
1193 }
1194 .tt-meeting-list-empty .ant-result-title {
1195 font-size: 20px;
1196 }
1197 }
1198
1199 .timetics-stripe {
1200 /* spinner/processing state, errors */
1201 }
1202 .timetics-stripe #payment-message {
1203 color: rgb(105, 115, 134);
1204 font-size: 16px;
1205 line-height: 20px;
1206 padding-top: 12px;
1207 text-align: center;
1208 }
1209 .timetics-stripe #payment-element {
1210 margin-bottom: 24px;
1211 }
1212 .timetics-stripe .spinner,
1213 .timetics-stripe .spinner:before,
1214 .timetics-stripe .spinner:after {
1215 border-radius: 50%;
1216 }
1217 .timetics-stripe .spinner {
1218 color: #ffffff;
1219 font-size: 22px;
1220 text-indent: -99999px;
1221 margin: 0px auto;
1222 position: relative;
1223 width: 20px;
1224 height: 20px;
1225 box-shadow: inset 0 0 0 2px;
1226 -webkit-transform: translateZ(0);
1227 -ms-transform: translateZ(0);
1228 transform: translateZ(0);
1229 }
1230 .timetics-stripe .spinner:before,
1231 .timetics-stripe .spinner:after {
1232 position: absolute;
1233 content: "";
1234 }
1235 .timetics-stripe .spinner:before {
1236 width: 10.4px;
1237 height: 20.4px;
1238 background: #5469d4;
1239 border-radius: 20.4px 0 0 20.4px;
1240 top: -0.2px;
1241 left: -0.2px;
1242 -webkit-transform-origin: 10.4px 10.2px;
1243 transform-origin: 10.4px 10.2px;
1244 -webkit-animation: loading 2s infinite ease 1.5s;
1245 animation: loading 2s infinite ease 1.5s;
1246 }
1247 .timetics-stripe .spinner:after {
1248 width: 10.4px;
1249 height: 10.2px;
1250 background: #5469d4;
1251 border-radius: 0 10.2px 10.2px 0;
1252 top: -0.1px;
1253 left: 10.2px;
1254 -webkit-transform-origin: 0px 10.2px;
1255 transform-origin: 0px 10.2px;
1256 -webkit-animation: loading 2s infinite ease;
1257 animation: loading 2s infinite ease;
1258 }
1259 .timetics-stripe div#link-authentication-element {
1260 margin-bottom: 12px;
1261 }
1262 @keyframes loading {
1263 0% {
1264 -webkit-transform: rotate(0deg);
1265 transform: rotate(0deg);
1266 }
1267 100% {
1268 -webkit-transform: rotate(360deg);
1269 transform: rotate(360deg);
1270 }
1271 }
1272
1273 .timetics-meeting-list-wrapper .timetics-meeting-filter {
1274 margin-bottom: 30px;
1275 }
1276 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select-wrapper {
1277 display: flex;
1278 justify-content: flex-start;
1279 gap: 20px;
1280 }
1281 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select {
1282 cursor: pointer;
1283 padding: 0rem 1.8rem !important;
1284 background-color: #fff;
1285 border-color: var(--tt-secondary-color-08) !important;
1286 font-weight: 500;
1287 color: #0c274a;
1288 }
1289 .timetics-meeting-list-wrapper .tt-meeting-list-item {
1290 background: #ffffff;
1291 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
1292 border-radius: 8px;
1293 -webkit-border-radius: 8px;
1294 -ms-border-radius: 8px;
1295 padding: 25px;
1296 display: flex;
1297 flex-direction: column;
1298 justify-content: space-between;
1299 }
1300 .timetics-meeting-list-wrapper .tt-meeting-list-item p {
1301 font-size: 14px;
1302 color: #606469;
1303 margin: 0 0 20px;
1304 }
1305 .timetics-meeting-list-wrapper .tt-title {
1306 font-weight: 600;
1307 font-size: 20px;
1308 line-height: 30px;
1309 margin: 0 0 15px;
1310 }
1311 .timetics-meeting-list-wrapper .tt-author {
1312 list-style: none;
1313 padding: 0;
1314 display: flex;
1315 flex-wrap: wrap;
1316 gap: 20px;
1317 row-gap: 8px;
1318 margin-top: 0;
1319 margin-bottom: 10px;
1320 }
1321 .timetics-meeting-list-wrapper .tt-author li {
1322 display: flex;
1323 align-items: center;
1324 gap: 8px;
1325 }
1326 .timetics-meeting-list-wrapper .tt-author li img {
1327 width: 35px;
1328 height: 35px;
1329 object-fit: cover;
1330 border-radius: 50%;
1331 -webkit-border-radius: 50%;
1332 -ms-border-radius: 50%;
1333 }
1334 .timetics-meeting-list-wrapper .tt-author li span {
1335 font-weight: 600;
1336 font-size: 16px;
1337 color: #606469;
1338 }
1339 .timetics-meeting-list-wrapper .meeting-info-list {
1340 list-style: none;
1341 padding: 0;
1342 }
1343 .timetics-meeting-list-wrapper .meeting-info-list li {
1344 font-weight: 500;
1345 font-size: 14px;
1346 display: flex;
1347 align-items: center;
1348 gap: 10px;
1349 margin-bottom: 10px;
1350 }
1351
1352 .tt-booking-list-modal .ant-modal-content {
1353 min-height: 600px;
1354 }
1355 .tt-booking-list-modal .ant-modal-close-x {
1356 display: flex;
1357 justify-content: center;
1358 align-items: center;
1359 }
1360
1361 .tt-meeting-list-wrapper {
1362 display: grid;
1363 grid-auto-columns: 1fr;
1364 grid-auto-rows: 1fr;
1365 gap: 30px;
1366 }
1367 @media (min-width: 768px) {
1368 .tt-meeting-list-wrapper {
1369 grid-template-columns: repeat(2, 1fr);
1370 }
1371 }
1372 @media (min-width: 992px) {
1373 .tt-meeting-list-wrapper {
1374 grid-template-columns: repeat(3, 1fr);
1375 }
1376 }
1377
1378 .timetics-category-meeting {
1379 background-color: #f2f4f8;
1380 min-height: 100%;
1381 }
1382 .timetics-category-meeting .tt-meeting-card {
1383 border-radius: 10px;
1384 border: 1px solid #e2ecf4;
1385 }
1386 .timetics-category-meeting .tt-meeting-card .tt-section-heading {
1387 font-weight: 600;
1388 font-size: 25px;
1389 line-height: 27px;
1390 text-align: center;
1391 }
1392 .timetics-category-meeting .tt-meeting-card .tt-single-meeting, .timetics-category-meeting .tt-meeting-card .tt-staff-box {
1393 border-radius: 10px;
1394 border: 1px solid #e2ecf4;
1395 padding: 20px;
1396 margin-bottom: 20px;
1397 cursor: pointer;
1398 }
1399 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-flex, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-flex {
1400 display: flex;
1401 justify-content: space-between;
1402 align-items: center;
1403 }
1404 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-heading, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-heading, .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title {
1405 text-transform: capitalize;
1406 color: var(--tt-secondary-color);
1407 font-size: 16px;
1408 }
1409 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title {
1410 font-weight: 600;
1411 }
1412 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-sub-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-sub-title {
1413 text-transform: capitalize;
1414 color: var(--tt-secondary-color-50);
1415 font-size: 12px;
1416 }
1417 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price {
1418 font-weight: 700;
1419 padding-right: 20px;
1420 }
1421 .timetics-category-meeting .tt-meeting-card .tt-single-meeting:hover, .timetics-category-meeting .tt-meeting-card .tt-staff-box:hover {
1422 border: 1px solid #3161f1;
1423 box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15);
1424 transition: 0.3s ease-in;
1425 }
1426 .timetics-category-meeting .tt-frontend-transition {
1427 transition: 0.3s all ease;
1428 }
1429 .timetics-category-meeting .tt-form-category-sidebar {
1430 border: 1px solid #e2ecf4 !important;
1431 border-top-right-radius: 0 !important;
1432 border-bottom-right-radius: 0 !important;
1433 }
1434 @media (max-width: 768px) {
1435 .timetics-category-meeting .tt-form-category-sidebar {
1436 border-radius: 10px !important;
1437 }
1438 }
1439 .timetics-category-meeting .tt-category-booking-wrap {
1440 border: 1px solid #e2ecf4 !important;
1441 border-top-left-radius: 0 !important;
1442 border-bottom-left-radius: 0 !important;
1443 }
1444 @media (max-width: 768px) {
1445 .timetics-category-meeting .tt-category-booking-wrap {
1446 border-radius: 10px !important;
1447 }
1448 }
1449 .timetics-category-meeting .tt-go-back-icon {
1450 margin-right: 2%;
1451 cursor: pointer;
1452 background-color: transparent;
1453 }
1454 .timetics-category-meeting .tt-go-back-icon:hover {
1455 background-color: #efefef;
1456 }
1457
1458 .tt-staff-box {
1459 text-align: center;
1460 animation: antSlideLeftIn 0.5s ease-out;
1461 }
1462 .tt-staff-box .tt-staff-check-box {
1463 position: absolute;
1464 float: right;
1465 top: -8;
1466 left: -5;
1467 }
1468
1469 .tt-vertical-border {
1470 border-left: 1px solid #e2ecf4;
1471 }
1472 @media (max-width: 768px) {
1473 .tt-vertical-border {
1474 border-left: none;
1475 border-top: 1px solid #e2ecf4;
1476 padding-top: 16px;
1477 }
1478 }
1479
1480 .timetics-single-page-wrapper {
1481 padding: 100px 0;
1482 }
1483 .timetics-single-page-wrapper .timetics-container {
1484 max-width: 1200px;
1485 margin: auto;
1486 padding: 0 15px;
1487 }
1488
1489 .ant-btn {
1490 border-radius: 5px;
1491 -webkit-border-radius: 5px;
1492 -ms-border-radius: 5px;
1493 }
1494
1495 .tt-section-title {
1496 font-weight: 600;
1497 font-size: 25px;
1498 line-height: 27px;
1499 }
1500
1501 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1502 .tt-booking-body-wrap,
1503 .timetics-category-meeting .tt-category-booking-wrap {
1504 border: 1px solid #eaeaea;
1505 background: #fff;
1506 padding: 20px !important;
1507 overflow: hidden;
1508 border-radius: 10px;
1509 -webkit-border-radius: 10px;
1510 -ms-border-radius: 10px;
1511 }
1512 @media (min-width: 768px) {
1513 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1514 .tt-booking-body-wrap,
1515 .timetics-category-meeting .tt-category-booking-wrap {
1516 height: 100%;
1517 padding: 25px 30px !important;
1518 }
1519 }
1520 .tt-form-left-sidebar .submit-btn, .tt-form-left-sidebar .submit-btn-disabled, .tt-form-left-sidebar .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .tt-form-left-sidebar .submit-btn-disabled,
1521 .tt-form-left-sidebar .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1522 .timetics-category-meeting .tt-category-booking-wrap .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1523 .timetics-category-meeting .tt-form-category-sidebar .tt-booking-body-wrap .submit-btn-disabled,
1524 .tt-booking-body-wrap .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1525 .timetics-category-meeting .tt-form-category-sidebar .tt-category-booking-wrap .submit-btn-disabled,
1526 .timetics-category-meeting .tt-category-booking-wrap .tt-form-category-sidebar .submit-btn-disabled,
1527 .tt-booking-body-wrap .submit-btn,
1528 .tt-booking-body-wrap .submit-btn-disabled,
1529 .tt-booking-body-wrap .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1530 .timetics-category-meeting .tt-category-booking-wrap .tt-booking-body-wrap .submit-btn-disabled,
1531 .timetics-category-meeting .tt-category-booking-wrap .submit-btn,
1532 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1533 color: #fff;
1534 font-size: 15px;
1535 font-weight: 700;
1536 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1537 border: none;
1538 }
1539 .tt-form-left-sidebar .submit-btn:hover, .tt-form-left-sidebar .submit-btn-disabled:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:hover, .tt-form-left-sidebar .submit-btn:focus, .tt-form-left-sidebar .submit-btn-disabled:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:focus,
1540 .tt-booking-body-wrap .submit-btn:hover,
1541 .tt-booking-body-wrap .submit-btn-disabled:hover,
1542 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:hover,
1543 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1544 .tt-booking-body-wrap .submit-btn:focus,
1545 .tt-booking-body-wrap .submit-btn-disabled:focus,
1546 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:focus,
1547 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1548 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1549 }
1550 .tt-form-left-sidebar .submit-btn .anticon svg, .tt-form-left-sidebar .submit-btn-disabled .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .anticon svg,
1551 .tt-booking-body-wrap .submit-btn .anticon svg,
1552 .tt-booking-body-wrap .submit-btn-disabled .anticon svg,
1553 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon svg,
1554 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon svg {
1555 width: 15px;
1556 height: 15px;
1557 }
1558 .tt-form-left-sidebar .submit-btn .anticon path, .tt-form-left-sidebar .submit-btn-disabled .anticon path, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .anticon path, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .anticon path,
1559 .tt-booking-body-wrap .submit-btn .anticon path,
1560 .tt-booking-body-wrap .submit-btn-disabled .anticon path,
1561 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon path,
1562 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon path {
1563 stroke: #fff;
1564 }
1565 .tt-form-left-sidebar .submit-btn .ant-btn-loading-icon svg, .tt-form-left-sidebar .submit-btn-disabled .ant-btn-loading-icon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .ant-btn-loading-icon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .ant-btn-loading-icon svg,
1566 .tt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg,
1567 .tt-booking-body-wrap .submit-btn-disabled .ant-btn-loading-icon svg,
1568 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .ant-btn-loading-icon svg,
1569 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .ant-btn-loading-icon svg {
1570 fill: #ffffff;
1571 }
1572 .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1573 .tt-booking-body-wrap .submit-btn-disabled,
1574 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1575 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1576 }
1577 .tt-form-left-sidebar .submit-btn-disabled:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:hover, .tt-form-left-sidebar .submit-btn-disabled:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:focus,
1578 .tt-booking-body-wrap .submit-btn-disabled:hover,
1579 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1580 .tt-booking-body-wrap .submit-btn-disabled:focus,
1581 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1582 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1583 }
1584 .tt-form-left-sidebar .ant-form-item-explain-error, .timetics-category-meeting .tt-form-category-sidebar .ant-form-item-explain-error,
1585 .tt-booking-body-wrap .ant-form-item-explain-error,
1586 .timetics-category-meeting .tt-category-booking-wrap .ant-form-item-explain-error {
1587 display: block;
1588 padding: 5px 0;
1589 }
1590 .tt-form-left-sidebar .ant-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn .anticon svg,
1591 .tt-booking-body-wrap .ant-btn .anticon svg,
1592 .timetics-category-meeting .tt-category-booking-wrap .ant-btn .anticon svg {
1593 width: 15px;
1594 height: 15px;
1595 }
1596 .tt-form-left-sidebar .ant-btn.backbtn, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn,
1597 .tt-booking-body-wrap .ant-btn.backbtn,
1598 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn {
1599 border-color: transparent;
1600 background: transparent;
1601 box-shadow: none;
1602 color: #0a1018;
1603 font-weight: 700;
1604 }
1605 .tt-form-left-sidebar .ant-btn.backbtn span, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn span,
1606 .tt-booking-body-wrap .ant-btn.backbtn span,
1607 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn span {
1608 border-bottom: 1px solid #0a1018;
1609 }
1610 .tt-form-left-sidebar .ant-btn.backbtn .anticon, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon,
1611 .tt-booking-body-wrap .ant-btn.backbtn .anticon,
1612 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon {
1613 border: none;
1614 }
1615 .tt-form-left-sidebar .ant-btn.backbtn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon svg,
1616 .tt-booking-body-wrap .ant-btn.backbtn .anticon svg,
1617 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon svg {
1618 fill: none;
1619 width: 15px;
1620 height: 15px;
1621 }
1622 .tt-form-left-sidebar .ant-btn.backbtn:hover, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn:hover, .tt-form-left-sidebar .ant-btn.backbtn:focus, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn:focus,
1623 .tt-booking-body-wrap .ant-btn.backbtn:hover,
1624 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:hover,
1625 .tt-booking-body-wrap .ant-btn.backbtn:focus,
1626 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:focus {
1627 background-color: transparent;
1628 border-color: transparent;
1629 color: #0a1018;
1630 }
1631
1632 .tt-form-left-sidebar .tt-host-item, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item {
1633 display: flex;
1634 }
1635 .tt-form-left-sidebar .tt-host-item .ant-typography, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item .ant-typography {
1636 font-size: 16px;
1637 font-weight: 600;
1638 color: #000000;
1639 text-transform: capitalize;
1640 }
1641 .tt-form-left-sidebar .tt-meeting-name, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-name {
1642 font-size: 24px;
1643 line-height: 29px;
1644 margin: 0 0 10px;
1645 color: #000000;
1646 }
1647 .tt-form-left-sidebar .tt-meeting-description, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-description {
1648 font-size: 14px;
1649 line-height: 22px;
1650 display: block;
1651 }
1652 .tt-form-left-sidebar .tt-meeting-location-list .anticon, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon {
1653 display: block;
1654 }
1655 .tt-form-left-sidebar .tt-booking-side-info, .timetics-category-meeting .tt-form-category-sidebar .tt-booking-side-info {
1656 display: flex;
1657 gap: 8px;
1658 margin-bottom: 10px;
1659 flex-wrap: wrap;
1660 }
1661 .tt-form-left-sidebar .tt-seat-selected-number, .timetics-category-meeting .tt-form-category-sidebar .tt-seat-selected-number {
1662 display: flex;
1663 flex-wrap: wrap;
1664 gap: 10px;
1665 }
1666 .tt-form-left-sidebar .tt-select-host-wrapper, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper {
1667 margin-bottom: 25px;
1668 }
1669 .tt-form-left-sidebar .tt-select-host-wrapper .tt-host-label-text, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .tt-host-label-text {
1670 font-size: 14px;
1671 font-weight: 500;
1672 color: var(--tt-secondary-color-50);
1673 margin-bottom: 5px;
1674 display: inline-block;
1675 }
1676 .tt-form-left-sidebar .tt-select-host-wrapper .tt-select-host-content .tt-host-name, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .tt-select-host-content .tt-host-name {
1677 font-weight: 600;
1678 font-size: 16px;
1679 color: var(--tt-secondary-color);
1680 }
1681 .tt-form-left-sidebar .tt-select-host-wrapper .ant-select:not(.ant-select-customize-input) .ant-select-selector, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1682 height: 50px;
1683 align-items: center;
1684 }
1685 .tt-form-left-sidebar .ant-select:not(.ant-select-customize-input) .ant-select-selector, .timetics-category-meeting .tt-form-category-sidebar .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1686 border-radius: 6px;
1687 }
1688
1689 .ant-result-icon .anticon.anticon-check-circle svg {
1690 fill: var(--tt-success-color) !important;
1691 }
1692
1693 .ant-select-item.ant-select-item-option.tt-host-option-item {
1694 min-height: 40px;
1695 align-items: center;
1696 }
1697
1698 .tt-flatpickr-calendar {
1699 padding-right: 10px;
1700 }
1701 .tt-flatpickr-calendar .flatpickr-rContainer {
1702 width: 100%;
1703 }
1704 .tt-flatpickr-calendar .flatpickr-calendar {
1705 width: 100%;
1706 box-shadow: none;
1707 background: transparent;
1708 }
1709 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
1710 width: 100%;
1711 min-width: 100%;
1712 max-width: 100%;
1713 }
1714 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
1715 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
1716 width: 100%;
1717 max-width: 100%;
1718 }
1719 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled,
1720 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
1721 color: var(--tt-secondary-color);
1722 opacity: 0.4;
1723 }
1724 .tt-flatpickr-calendar .flatpickr-months {
1725 padding-bottom: 20px;
1726 border-bottom: 1px solid #eaeaea;
1727 margin-bottom: 20px;
1728 display: flex;
1729 align-items: center;
1730 }
1731 .tt-flatpickr-calendar .flatpickr-day {
1732 height: 50px;
1733 line-height: 50px;
1734 border-radius: 6px;
1735 -webkit-border-radius: 6px;
1736 -ms-border-radius: 6px;
1737 color: #0a1018;
1738 font-weight: 600;
1739 }
1740 .tt-flatpickr-calendar .flatpickr-day.selected {
1741 color: #fff;
1742 border: none;
1743 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1744 }
1745 .tt-flatpickr-calendar .flatpickr-disabled {
1746 opacity: 0.4;
1747 }
1748 .tt-flatpickr-calendar .flatpickr-day.today {
1749 border-color: transparent;
1750 }
1751 .tt-flatpickr-calendar .flatpickr-day.today::before {
1752 content: "";
1753 position: absolute;
1754 bottom: 5px;
1755 left: 50%;
1756 transform: translateX(-50%);
1757 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1758 width: 5px;
1759 height: 5px;
1760 border-radius: 100vmax;
1761 }
1762 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
1763 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
1764 left: auto;
1765 right: 40px;
1766 }
1767 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
1768 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
1769 display: flex;
1770 justify-content: center;
1771 align-items: center;
1772 cursor: no-drop;
1773 }
1774 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1775 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1776 display: flex;
1777 justify-content: center;
1778 align-items: center;
1779 top: 8px;
1780 }
1781 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
1782 .tt-flatpickr-calendar .flatpickr-current-month {
1783 text-align: left;
1784 }
1785 .tt-flatpickr-calendar .flatpickr-current-month {
1786 display: flex;
1787 align-items: center;
1788 left: 0;
1789 padding-top: 0;
1790 }
1791 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1792 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1793 height: 20px;
1794 width: 20px;
1795 padding: 0;
1796 line-height: 20px;
1797 border-radius: 100vmax;
1798 background-color: #0c274a;
1799 }
1800 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
1801 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
1802 stroke: #ffffff;
1803 stroke-width: 2px;
1804 fill: transparent;
1805 width: 10px;
1806 height: 10px;
1807 }
1808 .tt-flatpickr-calendar .flatpickr-months .cur-year,
1809 .tt-flatpickr-calendar .flatpickr-months .cur-month {
1810 font-weight: 600 !important;
1811 }
1812 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
1813 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
1814 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
1815 background: transparent;
1816 }
1817
1818 .flatpickr-input {
1819 display: none;
1820 }
1821
1822 .tt-booking-slot-wrapper {
1823 overflow: auto;
1824 transition: all ease 200ms;
1825 -ms-overflow-style: none;
1826 /* IE and Edge */
1827 scrollbar-width: none;
1828 }
1829 .tt-booking-slot-wrapper::-webkit-scrollbar {
1830 width: 0; /* Width of the scrollbar */
1831 }
1832
1833 .tt-scroll-bar {
1834 /* Thumb (the draggable part) */
1835 /* Corner (between the vertical and horizontal scrollbar) */
1836 /* For Firefox */
1837 /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */
1838 /* Both track and thumb */
1839 scrollbar-width: thin;
1840 scrollbar-color: var(--tt-secondary-color-50);
1841 /* Track */
1842 /* Thumb */
1843 }
1844 .tt-scroll-bar::-webkit-scrollbar {
1845 width: 8px;
1846 height: 8px;
1847 }
1848 .tt-scroll-bar::-webkit-scrollbar-thumb {
1849 background: var(--tt-secondary-color-50);
1850 border-radius: 8px;
1851 }
1852 .tt-scroll-bar::-webkit-scrollbar-corner {
1853 background: var(--tt-secondary-color-50);
1854 }
1855 .tt-scroll-bar::-ms-scrollbar {
1856 width: 8px;
1857 height: 8px;
1858 }
1859 .tt-scroll-bar::-ms-scrollbar-thumb {
1860 background: var(--tt-secondary-color-20);
1861 }
1862
1863 .tt-slot-list::-webkit-scrollbar {
1864 background-color: #fff;
1865 width: 0px;
1866 }
1867 .tt-slot-list .ant-list-items {
1868 margin: 0;
1869 padding: 0;
1870 }
1871 .tt-slot-list .ant-list-item .ant-btn-block {
1872 height: 40px;
1873 color: #000;
1874 border-color: var(--tt-secondary-color-12);
1875 box-shadow: none;
1876 font-weight: 600;
1877 }
1878 .tt-slot-list .ant-list-item .ant-btn-block:hover {
1879 color: #3161f1;
1880 border-color: #3161f1;
1881 }
1882
1883 .tt-meeting-booking-result-wrapper {
1884 border: 1px solid #eaeaea;
1885 border-radius: 8px;
1886 background: #fff;
1887 overflow: auto;
1888 }
1889 .tt-meeting-booking-result-wrapper .ant-result {
1890 padding: 30px 50px;
1891 }
1892 @media (max-width: 570px) {
1893 .tt-meeting-booking-result-wrapper .ant-result {
1894 padding: 20px;
1895 }
1896 }
1897 .tt-meeting-booking-result-wrapper .ant-result-title {
1898 font-weight: 600;
1899 }
1900 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info {
1901 display: flex;
1902 }
1903 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-WQ {
1904 flex-basis: 40%;
1905 }
1906 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-details {
1907 flex-basis: 60%;
1908 text-align: left;
1909 }
1910 .tt-meeting-booking-result-wrapper .tt-meeting-booking-change-info {
1911 margin: 20px 0;
1912 }
1913 .tt-meeting-booking-result-wrapper .tt-bookings-upadate-text {
1914 color: var(--tt-secondary-color-65);
1915 text-decoration: underline;
1916 cursor: pointer;
1917 }
1918
1919 .tt-booking-body-wrap .tt-arrow-right.anticon svg, .timetics-category-meeting .tt-category-booking-wrap .tt-arrow-right.anticon svg {
1920 fill: none;
1921 }
1922 .tt-booking-body-wrap .tt-selected-date, .timetics-category-meeting .tt-category-booking-wrap .tt-selected-date {
1923 font-size: 16px;
1924 text-align: center;
1925 font-weight: 500;
1926 margin-bottom: 15px;
1927 }
1928 .tt-booking-body-wrap .anticon.tt-arrow-right path, .timetics-category-meeting .tt-category-booking-wrap .anticon.tt-arrow-right path {
1929 stroke: white;
1930 }
1931
1932 .flatpickr-day.prevMonthDay,
1933 .flatpickr-day.nextMonthDay {
1934 height: 0;
1935 width: 0;
1936 visibility: hidden;
1937 }
1938
1939 .tt-slot-list-wrap {
1940 text-align: center;
1941 font-weight: 700;
1942 padding: 5px 10px;
1943 min-height: 100%;
1944 }
1945 @media (max-width: 570px) {
1946 .tt-slot-list-wrap {
1947 padding-left: 0;
1948 }
1949 }
1950 .tt-slot-list-wrap .ant-list-item {
1951 padding: 6px 0;
1952 }
1953 .tt-slot-list-wrap .ant-spin-nested-loading {
1954 height: 100%;
1955 }
1956
1957 .tt-meeting-location-type {
1958 height: 40px;
1959 display: flex;
1960 align-items: center;
1961 line-height: 1;
1962 }
1963
1964 .tt-payment-radio-btn .ant-radio-button-wrapper {
1965 border: 1px solid #eaeaea;
1966 }
1967 .tt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before {
1968 display: none;
1969 }
1970 .tt-payment-radio-btn .tt-payment-radio-btn-icon {
1971 line-height: 1;
1972 display: flex;
1973 align-items: center;
1974 height: 100%;
1975 }
1976 .tt-payment-radio-btn .tt-payment-btn {
1977 border-radius: 6px;
1978 margin-right: 20px;
1979 margin-bottom: 10px;
1980 }
1981 @media (max-width: 380px) {
1982 .tt-payment-radio-btn .tt-payment-btn {
1983 margin-bottom: 20px;
1984 }
1985 }
1986 .tt-payment-radio-btn .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.tt-payment-btn {
1987 border-color: var(--tt-primary-color);
1988 }
1989 .tt-payment-radio-btn .ant-radio-button-wrapper:first-child:last-child {
1990 border-radius: 6px;
1991 }
1992
1993 .tt-seat-booking-button {
1994 margin-top: 25px;
1995 }
1996
1997 .tt-google-Cal-message {
1998 text-align: left;
1999 font-size: 14px;
2000 background-color: var(--tt-primary-color-08);
2001 padding: 5px 10px;
2002 border-radius: 5px;
2003 margin-bottom: 15px;
2004 }
2005
2006 .tt-ticket-price-variation-wrapper {
2007 border-bottom: 1px solid #f0f0f0;
2008 margin-top: 10px;
2009 }
2010 .tt-ticket-price-variation-wrapper .tt-ticket-price-variation p {
2011 margin: 8px 0;
2012 }
2013
2014 .timetics-user-account-wrapper .user-dashboard-container {
2015 max-width: 670px;
2016 margin: 0 auto;
2017 }
2018 .timetics-user-account-wrapper .tt-user-header {
2019 display: flex;
2020 justify-content: space-between;
2021 align-items: flex-start;
2022 border-bottom: 1px solid #d9d9d9;
2023 padding-bottom: 20px;
2024 margin-bottom: 30px;
2025 }
2026 .timetics-user-account-wrapper .tt-user-header h3.ant-typography {
2027 margin: 0;
2028 }
2029 .timetics-user-account-wrapper .tt-user-info-area {
2030 display: flex;
2031 gap: 15px;
2032 }
2033 .timetics-user-account-wrapper .ant-btn svg {
2034 fill: var(--tt-secondary-color);
2035 }
2036 .timetics-user-account-wrapper table {
2037 margin: 0;
2038 }
2039 .timetics-user-account-wrapper table,
2040 .timetics-user-account-wrapper td,
2041 .timetics-user-account-wrapper th {
2042 border: none;
2043 }
2044 .timetics-user-account-wrapper p {
2045 margin: 0 !important;
2046 }
2047 .timetics-user-account-wrapper .tt-user-back-button {
2048 display: inline-block;
2049 cursor: pointer;
2050 margin-bottom: 30px;
2051 }
2052 .timetics-user-account-wrapper .tt-user-back-button .anticon svg {
2053 fill: none;
2054 margin-right: 7px;
2055 color: #606469;
2056 }
2057 .timetics-user-account-wrapper .btn-text {
2058 display: inline-block;
2059 color: #606469;
2060 cursor: pointer;
2061 font-weight: 600;
2062 font-size: 13px;
2063 border-bottom: 1px solid #606469;
2064 }
2065 .timetics-user-account-wrapper .tt-user-profile-edit .tt-user-info-update-btn {
2066 display: flex;
2067 align-items: center;
2068 justify-content: space-between;
2069 gap: 10px;
2070 flex-wrap: wrap;
2071 }
2072 .timetics-user-account-wrapper .tt-booking-cancel {
2073 text-decoration: line-through;
2074 }
2075 .timetics-user-account-wrapper .tt-user-bookings-area .ant-select-single .ant-select-selector {
2076 align-items: center;
2077 }
2078