PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.19
Timetics – Appointment Booking Calendar & Scheduling v1.0.19
1.0.64 1.0.62 1.0.63 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 All 65 releases
timetics / assets / css / frontend.css

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

2,075 lines 64.5 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,
764 .tt-location-type-select) .ant-select-selector {
765 line-height: 40px;
766 padding: 0 40px 0 20px;
767 border-radius: 6px;
768 }
769 .toplevel_page_timetics .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item,
770 .toplevel_page_timetics .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
771 padding: 0;
772 line-height: 40px;
773 transition: all 0.3s;
774 font-weight: 500;
775 color: var(--tt-secondary-color-65);
776 }
777 .toplevel_page_timetics .ant-select-dropdown {
778 border: transparent;
779 border-radius: 4px;
780 box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
781 padding: 0;
782 }
783 .toplevel_page_timetics .ant-select-dropdown {
784 border: 1px solid var(--tt-secondary-color-12);
785 border-radius: 6px;
786 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
787 padding: 4px;
788 }
789 .toplevel_page_timetics .ant-select-dropdown .ant-select-item {
790 color: var(--tt-secondary-color-65);
791 font-weight: 500;
792 padding: 6.5px 12px;
793 }
794 .toplevel_page_timetics .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
795 border-radius: 4px;
796 background-color: var(--tt-secondary-color-05);
797 color: var(--tt-secondary-color);
798 }
799 .toplevel_page_timetics .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
800 border-color: var(--tt-primary-color);
801 }
802 .toplevel_page_timetics .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
803 background-color: var(--tt-secondary-color-08);
804 color: var(--tt-secondary-color);
805 border-radius: 4px;
806 }
807 .toplevel_page_timetics .flatpickr-day.selected,
808 .toplevel_page_timetics .flatpickr-day.startRange,
809 .toplevel_page_timetics .flatpickr-day.endRange,
810 .toplevel_page_timetics .flatpickr-day.selected.inRange,
811 .toplevel_page_timetics .flatpickr-day.startRange.inRange,
812 .toplevel_page_timetics .flatpickr-day.endRange.inRange,
813 .toplevel_page_timetics .flatpickr-day.selected:focus,
814 .toplevel_page_timetics .flatpickr-day.startRange:focus,
815 .toplevel_page_timetics .flatpickr-day.endRange:focus,
816 .toplevel_page_timetics .flatpickr-day.selected:hover,
817 .toplevel_page_timetics .flatpickr-day.startRange:hover,
818 .toplevel_page_timetics .flatpickr-day.endRange:hover,
819 .toplevel_page_timetics .flatpickr-day.selected.prevMonthDay,
820 .toplevel_page_timetics .flatpickr-day.startRange.prevMonthDay,
821 .toplevel_page_timetics .flatpickr-day.endRange.prevMonthDay,
822 .toplevel_page_timetics .flatpickr-day.selected.nextMonthDay,
823 .toplevel_page_timetics .flatpickr-day.startRange.nextMonthDay,
824 .toplevel_page_timetics .flatpickr-day.endRange.nextMonthDay {
825 background: var(--tt-primary-color);
826 border-color: var(--tt-primary-color);
827 }
828 .toplevel_page_timetics .ant-modal-content,
829 .toplevel_page_timetics .ant-modal-header {
830 border-radius: 6px;
831 }
832 .toplevel_page_timetics .ant-btn {
833 color: var(--tt-secondary-color);
834 }
835 .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn) {
836 padding: 4px 10px;
837 }
838 .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 {
839 color: var(--tt-primary-color);
840 border-color: var(--tt-primary-color);
841 }
842 .toplevel_page_timetics .ant-btn.ant-btn-primary {
843 background-image: var(--tt-primary-gradient);
844 color: #fff;
845 border: none;
846 }
847 .toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus {
848 background-image: var(--tt-primary-gradient-reverse);
849 color: #fff;
850 }
851 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg {
852 width: 15px;
853 height: 15px;
854 }
855 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg path {
856 stroke: #fff;
857 }
858 .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 {
859 color: #fff;
860 }
861 .toplevel_page_timetics .ant-btn.ant-btn-lg {
862 padding: 10px 18px 10px 18px;
863 font-size: 14px;
864 font-weight: 600;
865 border-radius: 6px;
866 }
867 .toplevel_page_timetics .ant-btn.ant-btn-default {
868 display: inline-flex;
869 align-items: center;
870 justify-content: center;
871 }
872 .toplevel_page_timetics .ant-btn.ant-btn-default .anticon {
873 margin-top: 3px;
874 }
875 .toplevel_page_timetics .ant-btn.ant-btn-default svg {
876 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
877 }
878 .toplevel_page_timetics .ant-btn.ant-btn-default:not(:disabled):hover .anticon:not(.tt-no-fill-icon) svg {
879 fill: var(--tt-primary-color);
880 }
881 .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn {
882 height: 36px;
883 padding: 6px 10px;
884 }
885 .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 {
886 fill: var(--tt-primary-color);
887 }
888 .toplevel_page_timetics .ant-btn.ant-btn-dangerous {
889 color: var(--tt-danger-color);
890 border-color: var(--tt-danger-light-color);
891 }
892 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .anticon {
893 margin-top: 0;
894 }
895 .toplevel_page_timetics .ant-btn.ant-btn-dangerous svg {
896 fill: none;
897 }
898 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg {
899 fill: var(--tt-danger-color);
900 }
901 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus {
902 color: var(--tt-danger-color);
903 border-color: var(--tt-danger-color);
904 }
905 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
906 stroke: var(--tt-danger-color) !important;
907 }
908 .toplevel_page_timetics .ant-btn.tt-link-btn {
909 padding: 0;
910 color: var(--tt-primary-color);
911 line-height: 1;
912 white-space: normal;
913 text-align: left;
914 line-height: 1.5;
915 margin: 0 !important;
916 border-width: 0;
917 }
918 .toplevel_page_timetics .ant-btn.tt-link-btn span {
919 text-decoration: underline;
920 }
921 .toplevel_page_timetics .ant-btn.tt-link-btn:hover, .toplevel_page_timetics .ant-btn.tt-link-btn:focus {
922 color: var(--tt-secondary-color);
923 }
924 .toplevel_page_timetics .ant-btn[disabled],
925 .toplevel_page_timetics .ant-btn[disabled]:active,
926 .toplevel_page_timetics .ant-btn[disabled]:focus,
927 .toplevel_page_timetics .ant-btn[disabled]:hover {
928 color: #ffffff;
929 border-color: transparent;
930 background: #ced4db;
931 }
932 .toplevel_page_timetics .ant-btn[disabled].ant-btn-link,
933 .toplevel_page_timetics .ant-btn[disabled]:active.ant-btn-link,
934 .toplevel_page_timetics .ant-btn[disabled]:focus.ant-btn-link,
935 .toplevel_page_timetics .ant-btn[disabled]:hover.ant-btn-link {
936 background-color: transparent;
937 color: #ced4db !important;
938 }
939 .toplevel_page_timetics .ant-btn[disabled] .anticon svg {
940 fill: #ffffff;
941 }
942 .toplevel_page_timetics .ant-btn[disabled]:hover .anticon svg {
943 fill: #ffffff;
944 }
945 .toplevel_page_timetics .ant-input,
946 .toplevel_page_timetics .ant-input-password,
947 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
948 color: var(--tt-secondary-color);
949 border-color: var(--tt-secondary-color-12);
950 }
951 .toplevel_page_timetics .ant-input:hover,
952 .toplevel_page_timetics .ant-input-password:hover,
953 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
954 border-color: var(--tt-primary-color);
955 }
956 .toplevel_page_timetics .ant-input:focus,
957 .toplevel_page_timetics .ant-input-password:focus,
958 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
959 border-color: var(--tt-primary-color);
960 outline: 4px solid rgba(49, 97, 241, 0.25);
961 box-shadow: none;
962 }
963 .toplevel_page_timetics .ant-input[disabled],
964 .toplevel_page_timetics .ant-input-password[disabled],
965 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
966 color: rgba(0, 0, 0, 0.25);
967 }
968 .toplevel_page_timetics .ant-input::placeholder,
969 .toplevel_page_timetics .ant-input-password::placeholder,
970 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)::placeholder {
971 color: var(--tt-secondary-color-30);
972 }
973 .toplevel_page_timetics .ant-form-item-explain-error {
974 padding: 5px 0;
975 }
976 .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
977 position: absolute;
978 right: -13px;
979 top: 0;
980 }
981 .toplevel_page_timetics .ant-input-number-handler-wrap {
982 display: none;
983 }
984 .toplevel_page_timetics .ant-radio-checked .ant-radio-inner {
985 border-color: var(--tt-primary-color);
986 }
987 .toplevel_page_timetics .ant-radio-inner:after {
988 background-color: var(--tt-primary-color);
989 }
990 .toplevel_page_timetics .ant-collapse > .ant-collapse-item > .ant-collapse-header {
991 align-items: center;
992 }
993 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline {
994 border-color: var(--tt-primary-color);
995 color: var(--tt-primary-color);
996 }
997 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .tt-dropdown-item {
998 font-weight: 500;
999 font-size: 14px;
1000 color: var(--tt-secondary-color-65);
1001 }
1002 .toplevel_page_timetics .tt-submenu-action-wrapper {
1003 display: flex;
1004 justify-content: space-between;
1005 gap: 10px;
1006 flex-wrap: wrap;
1007 }
1008 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-submenu-action-select {
1009 width: 220px;
1010 }
1011 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
1012 display: flex;
1013 gap: 15px;
1014 column-gap: 15px;
1015 flex-wrap: wrap;
1016 }
1017 @media (max-width: 991px) {
1018 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
1019 flex-direction: column;
1020 }
1021 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper .ant-form-item {
1022 margin: 0;
1023 }
1024 }
1025
1026 .ant-spin.ant-spin-spinning.tt-loader-spinner {
1027 display: flex;
1028 justify-content: center;
1029 align-items: center;
1030 flex-direction: column;
1031 }
1032
1033 #adminmenu .wp-submenu .tt-go-pro-link a {
1034 color: var(--tt-state-color-02);
1035 }
1036
1037 .tt-country-phone-code .react-tel-input .form-control {
1038 width: 100%;
1039 height: 42px;
1040 border-color: var(--tt-secondary-color-12) !important;
1041 }
1042 .tt-country-phone-code .tt-phone-input:focus {
1043 border-color: var(--tt-primary-color);
1044 outline: 3.5px solid rgba(49, 97, 241, 0.25);
1045 box-shadow: none;
1046 }
1047 .tt-country-phone-code .react-tel-input .selected-flag {
1048 border-color: var(--tt-secondary-color-12) !important;
1049 }
1050 .tt-country-phone-code .react-tel-input .selected-flag .arrow {
1051 display: none;
1052 }
1053 @media screen and (max-width: 782px) {
1054 .tt-country-phone-code .react-tel-input .country-list {
1055 width: 200px;
1056 }
1057 }
1058
1059 .tt-phone-input-country-search {
1060 display: flex;
1061 align-items: center;
1062 padding: 1rem !important;
1063 }
1064 .tt-phone-input-country-search-box {
1065 margin: 0 !important;
1066 width: 100%;
1067 padding-block: 0.5rem !important;
1068 }
1069
1070 .tt-phone-input {
1071 border-color: #d9d9d9 !important;
1072 }
1073 .tt-phone-input:hover, .tt-phone-input:focus {
1074 border-color: var(--tt-primary-color) !important;
1075 }
1076
1077 .tt-phone-input-dropdown-btn {
1078 border-color: #d9d9d9 !important;
1079 }
1080 .tt-phone-input-dropdown-btn:hover, .tt-phone-input-dropdown-btn:focus {
1081 border-color: var(--tt-primary-color) !important;
1082 }
1083
1084 .tt-category-tree .ant-tree-switcher {
1085 padding-block: 4px;
1086 }
1087
1088 .tt-guest-setting .ant-card-meta-description {
1089 margin-right: 52px;
1090 }
1091
1092 .tt-guest-field-wrapper .tt-multipleGuestInput-container {
1093 border: 1px solid #d9d9d9;
1094 border-radius: 8px;
1095 padding: 8px;
1096 min-height: 120px;
1097 cursor: text;
1098 display: flex;
1099 flex-wrap: wrap;
1100 align-items: flex-start;
1101 align-content: baseline;
1102 gap: 4px;
1103 margin: 8px 0;
1104 }
1105 .tt-guest-field-wrapper .tt-multipleGuestInput-tag {
1106 margin: 0;
1107 padding: 2px 4px;
1108 background: #bcffdb;
1109 border-radius: 4px;
1110 color: #000000;
1111 display: flex;
1112 align-items: center;
1113 cursor: pointer;
1114 display: flex;
1115 align-items: center;
1116 font-weight: 600;
1117 }
1118 .tt-guest-field-wrapper .tt-multipleguestinput-input {
1119 all: unset;
1120 display: block;
1121 flex: 1;
1122 width: auto;
1123 min-width: 20ch;
1124 overflow-x: hidden;
1125 resize: none;
1126 margin: 0;
1127 padding: 2px 4px;
1128 }
1129 .tt-guest-field-wrapper .tt-guest-input-close {
1130 background-color: #c84545;
1131 border-radius: 100vmax;
1132 position: absolute;
1133 top: 0;
1134 right: 0;
1135 height: 15px;
1136 width: 15px;
1137 display: grid;
1138 place-items: center;
1139 transform: translate(60%, -50%);
1140 outline: 2px solid white;
1141 }
1142
1143 .tt-error-page-wrapper {
1144 margin: 0 auto;
1145 max-width: 600px;
1146 background: var(--tt-secondary-color-03);
1147 border-radius: 10px;
1148 }
1149 .tt-error-page-wrapper .tt-error-icon {
1150 margin: 40px 0 30px;
1151 }
1152 .tt-error-page-wrapper .tt-error-content {
1153 margin-top: 100px;
1154 text-align: center;
1155 padding: 20px 20px 60px;
1156 }
1157
1158 .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 {
1159 fill: none;
1160 }
1161
1162 .tt-empty-view-wrapper {
1163 max-width: 990px;
1164 margin: 0 auto;
1165 text-align: center;
1166 border-radius: 10px;
1167 padding: 100px 20px;
1168 }
1169 .tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-content {
1170 display: flex;
1171 flex-direction: column;
1172 align-items: center;
1173 }
1174 .tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-icon {
1175 margin-bottom: 20px;
1176 }
1177
1178 .tt-meeting-list-empty {
1179 border-radius: 10px;
1180 padding: 60px 20px;
1181 max-width: 50vw;
1182 margin: auto;
1183 margin-top: 80px;
1184 }
1185 @media (max-width: 992px) {
1186 .tt-meeting-list-empty {
1187 max-width: 100%;
1188 margin-top: 50px;
1189 padding: 0;
1190 }
1191 .tt-meeting-list-empty .ant-result-title {
1192 font-size: 20px;
1193 }
1194 }
1195
1196 .timetics-stripe {
1197 /* spinner/processing state, errors */
1198 }
1199 .timetics-stripe #payment-message {
1200 color: rgb(105, 115, 134);
1201 font-size: 16px;
1202 line-height: 20px;
1203 padding-top: 12px;
1204 text-align: center;
1205 }
1206 .timetics-stripe #payment-element {
1207 margin-bottom: 24px;
1208 }
1209 .timetics-stripe .spinner,
1210 .timetics-stripe .spinner:before,
1211 .timetics-stripe .spinner:after {
1212 border-radius: 50%;
1213 }
1214 .timetics-stripe .spinner {
1215 color: #ffffff;
1216 font-size: 22px;
1217 text-indent: -99999px;
1218 margin: 0px auto;
1219 position: relative;
1220 width: 20px;
1221 height: 20px;
1222 box-shadow: inset 0 0 0 2px;
1223 -webkit-transform: translateZ(0);
1224 -ms-transform: translateZ(0);
1225 transform: translateZ(0);
1226 }
1227 .timetics-stripe .spinner:before,
1228 .timetics-stripe .spinner:after {
1229 position: absolute;
1230 content: "";
1231 }
1232 .timetics-stripe .spinner:before {
1233 width: 10.4px;
1234 height: 20.4px;
1235 background: #5469d4;
1236 border-radius: 20.4px 0 0 20.4px;
1237 top: -0.2px;
1238 left: -0.2px;
1239 -webkit-transform-origin: 10.4px 10.2px;
1240 transform-origin: 10.4px 10.2px;
1241 -webkit-animation: loading 2s infinite ease 1.5s;
1242 animation: loading 2s infinite ease 1.5s;
1243 }
1244 .timetics-stripe .spinner:after {
1245 width: 10.4px;
1246 height: 10.2px;
1247 background: #5469d4;
1248 border-radius: 0 10.2px 10.2px 0;
1249 top: -0.1px;
1250 left: 10.2px;
1251 -webkit-transform-origin: 0px 10.2px;
1252 transform-origin: 0px 10.2px;
1253 -webkit-animation: loading 2s infinite ease;
1254 animation: loading 2s infinite ease;
1255 }
1256 .timetics-stripe div#link-authentication-element {
1257 margin-bottom: 12px;
1258 }
1259 @keyframes loading {
1260 0% {
1261 -webkit-transform: rotate(0deg);
1262 transform: rotate(0deg);
1263 }
1264 100% {
1265 -webkit-transform: rotate(360deg);
1266 transform: rotate(360deg);
1267 }
1268 }
1269
1270 .timetics-meeting-list-wrapper .timetics-meeting-filter {
1271 margin-bottom: 30px;
1272 }
1273 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select-wrapper {
1274 display: flex;
1275 justify-content: flex-start;
1276 gap: 20px;
1277 }
1278 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select {
1279 cursor: pointer;
1280 padding: 0rem 1.8rem !important;
1281 background-color: #fff;
1282 border-color: var(--tt-secondary-color-08) !important;
1283 font-weight: 500;
1284 color: #0c274a;
1285 }
1286 .timetics-meeting-list-wrapper .tt-meeting-list-item {
1287 background: #ffffff;
1288 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
1289 border-radius: 8px;
1290 -webkit-border-radius: 8px;
1291 -ms-border-radius: 8px;
1292 padding: 25px;
1293 display: flex;
1294 flex-direction: column;
1295 justify-content: space-between;
1296 }
1297 .timetics-meeting-list-wrapper .tt-meeting-list-item p {
1298 font-size: 14px;
1299 color: #606469;
1300 margin: 0 0 20px;
1301 }
1302 .timetics-meeting-list-wrapper .tt-title {
1303 font-weight: 600;
1304 font-size: 20px;
1305 line-height: 30px;
1306 margin: 0 0 15px;
1307 }
1308 .timetics-meeting-list-wrapper .tt-author {
1309 list-style: none;
1310 padding: 0;
1311 display: flex;
1312 flex-wrap: wrap;
1313 gap: 20px;
1314 row-gap: 8px;
1315 margin-top: 0;
1316 margin-bottom: 10px;
1317 }
1318 .timetics-meeting-list-wrapper .tt-author li {
1319 display: flex;
1320 align-items: center;
1321 gap: 8px;
1322 }
1323 .timetics-meeting-list-wrapper .tt-author li img {
1324 width: 35px;
1325 height: 35px;
1326 object-fit: cover;
1327 border-radius: 50%;
1328 -webkit-border-radius: 50%;
1329 -ms-border-radius: 50%;
1330 }
1331 .timetics-meeting-list-wrapper .tt-author li span {
1332 font-weight: 600;
1333 font-size: 16px;
1334 color: #606469;
1335 }
1336 .timetics-meeting-list-wrapper .meeting-info-list {
1337 list-style: none;
1338 padding: 0;
1339 }
1340 .timetics-meeting-list-wrapper .meeting-info-list li {
1341 font-weight: 500;
1342 font-size: 14px;
1343 display: flex;
1344 align-items: center;
1345 gap: 10px;
1346 margin-bottom: 10px;
1347 }
1348
1349 .tt-booking-list-modal .ant-modal-content {
1350 min-height: 600px;
1351 }
1352 .tt-booking-list-modal .ant-modal-close-x {
1353 display: flex;
1354 justify-content: center;
1355 align-items: center;
1356 }
1357
1358 .tt-meeting-list-wrapper {
1359 display: grid;
1360 grid-auto-columns: 1fr;
1361 grid-auto-rows: 1fr;
1362 gap: 30px;
1363 }
1364 @media (min-width: 768px) {
1365 .tt-meeting-list-wrapper {
1366 grid-template-columns: repeat(2, 1fr);
1367 }
1368 }
1369 @media (min-width: 992px) {
1370 .tt-meeting-list-wrapper {
1371 grid-template-columns: repeat(3, 1fr);
1372 }
1373 }
1374
1375 .timetics-category-meeting {
1376 background-color: #f2f4f8;
1377 min-height: 100%;
1378 }
1379 .timetics-category-meeting .tt-meeting-card {
1380 border-radius: 10px;
1381 border: 1px solid #e2ecf4;
1382 }
1383 .timetics-category-meeting .tt-meeting-card .tt-section-heading {
1384 font-weight: 600;
1385 font-size: 25px;
1386 line-height: 27px;
1387 text-align: center;
1388 }
1389 .timetics-category-meeting .tt-meeting-card .tt-single-meeting, .timetics-category-meeting .tt-meeting-card .tt-staff-box {
1390 border-radius: 10px;
1391 border: 1px solid #e2ecf4;
1392 padding: 20px;
1393 margin-bottom: 20px;
1394 cursor: pointer;
1395 }
1396 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-flex, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-flex {
1397 display: flex;
1398 justify-content: space-between;
1399 align-items: center;
1400 }
1401 .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 {
1402 text-transform: capitalize;
1403 color: var(--tt-secondary-color);
1404 font-size: 16px;
1405 }
1406 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title {
1407 font-weight: 600;
1408 }
1409 .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 {
1410 text-transform: capitalize;
1411 color: var(--tt-secondary-color-50);
1412 font-size: 12px;
1413 }
1414 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price {
1415 font-weight: 700;
1416 padding-right: 20px;
1417 }
1418 .timetics-category-meeting .tt-meeting-card .tt-single-meeting:hover, .timetics-category-meeting .tt-meeting-card .tt-staff-box:hover {
1419 border: 1px solid #3161f1;
1420 box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15);
1421 transition: 0.3s ease-in;
1422 }
1423 .timetics-category-meeting .tt-frontend-transition {
1424 transition: 0.3s all ease;
1425 }
1426 .timetics-category-meeting .tt-form-category-sidebar {
1427 border: 1px solid #e2ecf4 !important;
1428 border-top-right-radius: 0 !important;
1429 border-bottom-right-radius: 0 !important;
1430 }
1431 @media (max-width: 768px) {
1432 .timetics-category-meeting .tt-form-category-sidebar {
1433 border-radius: 10px !important;
1434 }
1435 }
1436 .timetics-category-meeting .tt-category-booking-wrap {
1437 border: 1px solid #e2ecf4 !important;
1438 border-top-left-radius: 0 !important;
1439 border-bottom-left-radius: 0 !important;
1440 }
1441 @media (max-width: 768px) {
1442 .timetics-category-meeting .tt-category-booking-wrap {
1443 border-radius: 10px !important;
1444 }
1445 }
1446 .timetics-category-meeting .tt-go-back-icon {
1447 margin-right: 2%;
1448 cursor: pointer;
1449 background-color: transparent;
1450 }
1451 .timetics-category-meeting .tt-go-back-icon:hover {
1452 background-color: #efefef;
1453 }
1454
1455 .tt-staff-box {
1456 text-align: center;
1457 animation: antSlideLeftIn 0.5s ease-out;
1458 }
1459 .tt-staff-box .tt-staff-check-box {
1460 position: absolute;
1461 float: right;
1462 top: -8;
1463 left: -5;
1464 }
1465
1466 .tt-vertical-border {
1467 border-left: 1px solid #e2ecf4;
1468 }
1469 @media (max-width: 768px) {
1470 .tt-vertical-border {
1471 border-left: none;
1472 border-top: 1px solid #e2ecf4;
1473 padding-top: 16px;
1474 }
1475 }
1476
1477 .timetics-single-page-wrapper {
1478 padding: 100px 0;
1479 }
1480 .timetics-single-page-wrapper .timetics-container {
1481 max-width: 1200px;
1482 margin: auto;
1483 padding: 0 15px;
1484 }
1485
1486 .ant-btn {
1487 border-radius: 5px;
1488 -webkit-border-radius: 5px;
1489 -ms-border-radius: 5px;
1490 }
1491
1492 .tt-section-title {
1493 font-weight: 600;
1494 font-size: 25px;
1495 line-height: 27px;
1496 }
1497
1498 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1499 .tt-booking-body-wrap,
1500 .timetics-category-meeting .tt-category-booking-wrap {
1501 border: 1px solid #eaeaea;
1502 background: #fff;
1503 padding: 20px !important;
1504 overflow: hidden;
1505 border-radius: 10px;
1506 -webkit-border-radius: 10px;
1507 -ms-border-radius: 10px;
1508 }
1509 @media (min-width: 768px) {
1510 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1511 .tt-booking-body-wrap,
1512 .timetics-category-meeting .tt-category-booking-wrap {
1513 height: 100%;
1514 padding: 25px 30px !important;
1515 }
1516 }
1517 .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,
1518 .tt-form-left-sidebar .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1519 .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,
1520 .timetics-category-meeting .tt-form-category-sidebar .tt-booking-body-wrap .submit-btn-disabled,
1521 .tt-booking-body-wrap .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1522 .timetics-category-meeting .tt-form-category-sidebar .tt-category-booking-wrap .submit-btn-disabled,
1523 .timetics-category-meeting .tt-category-booking-wrap .tt-form-category-sidebar .submit-btn-disabled,
1524 .tt-booking-body-wrap .submit-btn,
1525 .tt-booking-body-wrap .submit-btn-disabled,
1526 .tt-booking-body-wrap .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1527 .timetics-category-meeting .tt-category-booking-wrap .tt-booking-body-wrap .submit-btn-disabled,
1528 .timetics-category-meeting .tt-category-booking-wrap .submit-btn,
1529 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1530 color: #fff;
1531 font-size: 15px;
1532 font-weight: 700;
1533 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1534 border: none;
1535 }
1536 .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,
1537 .tt-booking-body-wrap .submit-btn:hover,
1538 .tt-booking-body-wrap .submit-btn-disabled:hover,
1539 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:hover,
1540 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1541 .tt-booking-body-wrap .submit-btn:focus,
1542 .tt-booking-body-wrap .submit-btn-disabled:focus,
1543 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:focus,
1544 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1545 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1546 }
1547 .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,
1548 .tt-booking-body-wrap .submit-btn .anticon svg,
1549 .tt-booking-body-wrap .submit-btn-disabled .anticon svg,
1550 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon svg,
1551 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon svg {
1552 width: 15px;
1553 height: 15px;
1554 }
1555 .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,
1556 .tt-booking-body-wrap .submit-btn .anticon path,
1557 .tt-booking-body-wrap .submit-btn-disabled .anticon path,
1558 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon path,
1559 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon path {
1560 stroke: #fff;
1561 }
1562 .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,
1563 .tt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg,
1564 .tt-booking-body-wrap .submit-btn-disabled .ant-btn-loading-icon svg,
1565 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .ant-btn-loading-icon svg,
1566 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .ant-btn-loading-icon svg {
1567 fill: #ffffff;
1568 }
1569 .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1570 .tt-booking-body-wrap .submit-btn-disabled,
1571 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1572 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1573 }
1574 .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,
1575 .tt-booking-body-wrap .submit-btn-disabled:hover,
1576 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1577 .tt-booking-body-wrap .submit-btn-disabled:focus,
1578 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1579 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1580 }
1581 .tt-form-left-sidebar .ant-form-item-explain-error, .timetics-category-meeting .tt-form-category-sidebar .ant-form-item-explain-error,
1582 .tt-booking-body-wrap .ant-form-item-explain-error,
1583 .timetics-category-meeting .tt-category-booking-wrap .ant-form-item-explain-error {
1584 display: block;
1585 padding: 5px 0;
1586 }
1587 .tt-form-left-sidebar .ant-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn .anticon svg,
1588 .tt-booking-body-wrap .ant-btn .anticon svg,
1589 .timetics-category-meeting .tt-category-booking-wrap .ant-btn .anticon svg {
1590 width: 15px;
1591 height: 15px;
1592 }
1593 .tt-form-left-sidebar .ant-btn.backbtn, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn,
1594 .tt-booking-body-wrap .ant-btn.backbtn,
1595 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn {
1596 border-color: transparent;
1597 background: transparent;
1598 box-shadow: none;
1599 color: #0a1018;
1600 font-weight: 700;
1601 }
1602 .tt-form-left-sidebar .ant-btn.backbtn span, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn span,
1603 .tt-booking-body-wrap .ant-btn.backbtn span,
1604 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn span {
1605 border-bottom: 1px solid #0a1018;
1606 }
1607 .tt-form-left-sidebar .ant-btn.backbtn .anticon, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon,
1608 .tt-booking-body-wrap .ant-btn.backbtn .anticon,
1609 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon {
1610 border: none;
1611 }
1612 .tt-form-left-sidebar .ant-btn.backbtn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon svg,
1613 .tt-booking-body-wrap .ant-btn.backbtn .anticon svg,
1614 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon svg {
1615 fill: none;
1616 width: 15px;
1617 height: 15px;
1618 }
1619 .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,
1620 .tt-booking-body-wrap .ant-btn.backbtn:hover,
1621 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:hover,
1622 .tt-booking-body-wrap .ant-btn.backbtn:focus,
1623 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:focus {
1624 background-color: transparent;
1625 border-color: transparent;
1626 color: #0a1018;
1627 }
1628
1629 .tt-form-left-sidebar .tt-host-item, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item {
1630 display: flex;
1631 }
1632 .tt-form-left-sidebar .tt-host-item .ant-typography, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item .ant-typography {
1633 font-size: 16px;
1634 font-weight: 600;
1635 color: #000000;
1636 text-transform: capitalize;
1637 }
1638 .tt-form-left-sidebar .tt-meeting-name, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-name {
1639 font-size: 24px;
1640 line-height: 29px;
1641 margin: 0 0 10px;
1642 color: #000000;
1643 }
1644 .tt-form-left-sidebar .tt-meeting-description, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-description {
1645 font-size: 14px;
1646 line-height: 22px;
1647 display: block;
1648 }
1649 .tt-form-left-sidebar .tt-meeting-location-list .anticon, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon {
1650 display: block;
1651 }
1652 .tt-form-left-sidebar .tt-booking-side-info, .timetics-category-meeting .tt-form-category-sidebar .tt-booking-side-info {
1653 display: flex;
1654 gap: 8px;
1655 margin-bottom: 10px;
1656 flex-wrap: wrap;
1657 }
1658 .tt-form-left-sidebar .tt-seat-selected-number, .timetics-category-meeting .tt-form-category-sidebar .tt-seat-selected-number {
1659 display: flex;
1660 flex-wrap: wrap;
1661 gap: 10px;
1662 }
1663 .tt-form-left-sidebar .tt-select-host-wrapper, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper {
1664 margin-bottom: 25px;
1665 }
1666 .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 {
1667 font-size: 14px;
1668 font-weight: 500;
1669 color: var(--tt-secondary-color-50);
1670 margin-bottom: 5px;
1671 display: inline-block;
1672 }
1673 .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 {
1674 font-weight: 600;
1675 font-size: 16px;
1676 color: var(--tt-secondary-color);
1677 }
1678 .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 {
1679 height: 50px;
1680 align-items: center;
1681 }
1682 .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 {
1683 border-radius: 6px;
1684 }
1685
1686 .ant-result-icon .anticon.anticon-check-circle svg {
1687 fill: var(--tt-success-color) !important;
1688 }
1689
1690 .ant-select-item.ant-select-item-option.tt-host-option-item {
1691 min-height: 40px;
1692 align-items: center;
1693 }
1694
1695 .tt-flatpickr-calendar {
1696 padding-right: 10px;
1697 }
1698 .tt-flatpickr-calendar .flatpickr-rContainer {
1699 width: 100%;
1700 }
1701 .tt-flatpickr-calendar .flatpickr-calendar {
1702 width: 100%;
1703 box-shadow: none;
1704 background: transparent;
1705 }
1706 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
1707 width: 100%;
1708 min-width: 100%;
1709 max-width: 100%;
1710 }
1711 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
1712 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
1713 width: 100%;
1714 max-width: 100%;
1715 }
1716 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled,
1717 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
1718 color: var(--tt-secondary-color);
1719 opacity: 0.4;
1720 }
1721 .tt-flatpickr-calendar .flatpickr-months {
1722 padding-bottom: 20px;
1723 border-bottom: 1px solid #eaeaea;
1724 margin-bottom: 20px;
1725 display: flex;
1726 align-items: center;
1727 }
1728 .tt-flatpickr-calendar .flatpickr-day {
1729 height: 50px;
1730 line-height: 50px;
1731 border-radius: 6px;
1732 -webkit-border-radius: 6px;
1733 -ms-border-radius: 6px;
1734 color: #0a1018;
1735 font-weight: 600;
1736 }
1737 .tt-flatpickr-calendar .flatpickr-day.selected {
1738 color: #fff;
1739 border: none;
1740 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1741 }
1742 .tt-flatpickr-calendar .flatpickr-disabled {
1743 opacity: 0.4;
1744 }
1745 .tt-flatpickr-calendar .flatpickr-day.today {
1746 border-color: transparent;
1747 }
1748 .tt-flatpickr-calendar .flatpickr-day.today::before {
1749 content: "";
1750 position: absolute;
1751 bottom: 5px;
1752 left: 50%;
1753 transform: translateX(-50%);
1754 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1755 width: 5px;
1756 height: 5px;
1757 border-radius: 100vmax;
1758 }
1759 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
1760 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
1761 left: auto;
1762 right: 40px;
1763 }
1764 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
1765 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
1766 display: flex;
1767 justify-content: center;
1768 align-items: center;
1769 cursor: no-drop;
1770 }
1771 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1772 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1773 display: flex;
1774 justify-content: center;
1775 align-items: center;
1776 top: 8px;
1777 }
1778 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
1779 .tt-flatpickr-calendar .flatpickr-current-month {
1780 text-align: left;
1781 }
1782 .tt-flatpickr-calendar .flatpickr-current-month {
1783 display: flex;
1784 align-items: center;
1785 left: 0;
1786 padding-top: 0;
1787 }
1788 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1789 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1790 height: 20px;
1791 width: 20px;
1792 padding: 0;
1793 line-height: 20px;
1794 border-radius: 100vmax;
1795 background-color: #0c274a;
1796 }
1797 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
1798 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
1799 stroke: #ffffff;
1800 stroke-width: 2px;
1801 fill: transparent;
1802 width: 10px;
1803 height: 10px;
1804 }
1805 .tt-flatpickr-calendar .flatpickr-months .cur-year,
1806 .tt-flatpickr-calendar .flatpickr-months .cur-month {
1807 font-weight: 600 !important;
1808 }
1809 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
1810 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
1811 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
1812 background: transparent;
1813 }
1814
1815 .flatpickr-input {
1816 display: none;
1817 }
1818
1819 .tt-booking-slot-wrapper {
1820 overflow: auto;
1821 transition: all ease 200ms;
1822 -ms-overflow-style: none;
1823 /* IE and Edge */
1824 scrollbar-width: none;
1825 }
1826 .tt-booking-slot-wrapper::-webkit-scrollbar {
1827 width: 0; /* Width of the scrollbar */
1828 }
1829
1830 .tt-scroll-bar {
1831 /* Thumb (the draggable part) */
1832 /* Corner (between the vertical and horizontal scrollbar) */
1833 /* For Firefox */
1834 /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */
1835 /* Both track and thumb */
1836 scrollbar-width: thin;
1837 scrollbar-color: var(--tt-secondary-color-50);
1838 /* Track */
1839 /* Thumb */
1840 }
1841 .tt-scroll-bar::-webkit-scrollbar {
1842 width: 8px;
1843 height: 8px;
1844 }
1845 .tt-scroll-bar::-webkit-scrollbar-thumb {
1846 background: var(--tt-secondary-color-50);
1847 border-radius: 8px;
1848 }
1849 .tt-scroll-bar::-webkit-scrollbar-corner {
1850 background: var(--tt-secondary-color-50);
1851 }
1852 .tt-scroll-bar::-ms-scrollbar {
1853 width: 8px;
1854 height: 8px;
1855 }
1856 .tt-scroll-bar::-ms-scrollbar-thumb {
1857 background: var(--tt-secondary-color-20);
1858 }
1859
1860 .tt-slot-list::-webkit-scrollbar {
1861 background-color: #fff;
1862 width: 0px;
1863 }
1864 .tt-slot-list .ant-list-items {
1865 margin: 0;
1866 padding: 0;
1867 }
1868 .tt-slot-list .ant-list-item .ant-btn-block {
1869 height: 40px;
1870 color: #000;
1871 border-color: var(--tt-secondary-color-12);
1872 box-shadow: none;
1873 font-weight: 600;
1874 }
1875 .tt-slot-list .ant-list-item .ant-btn-block:hover {
1876 color: #3161f1;
1877 border-color: #3161f1;
1878 }
1879
1880 .tt-meeting-booking-result-wrapper {
1881 border: 1px solid #eaeaea;
1882 border-radius: 8px;
1883 background: #fff;
1884 overflow: auto;
1885 }
1886 .tt-meeting-booking-result-wrapper .ant-result {
1887 padding: 30px 50px;
1888 }
1889 @media (max-width: 570px) {
1890 .tt-meeting-booking-result-wrapper .ant-result {
1891 padding: 20px;
1892 }
1893 }
1894 .tt-meeting-booking-result-wrapper .ant-result-title {
1895 font-weight: 600;
1896 }
1897 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info {
1898 display: flex;
1899 }
1900 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-WQ {
1901 flex-basis: 40%;
1902 }
1903 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-details {
1904 flex-basis: 60%;
1905 text-align: left;
1906 }
1907 .tt-meeting-booking-result-wrapper .tt-meeting-booking-change-info {
1908 margin: 20px 0;
1909 }
1910 .tt-meeting-booking-result-wrapper .tt-bookings-upadate-text {
1911 color: var(--tt-secondary-color-65);
1912 text-decoration: underline;
1913 cursor: pointer;
1914 }
1915
1916 .tt-booking-body-wrap .tt-arrow-right.anticon svg, .timetics-category-meeting .tt-category-booking-wrap .tt-arrow-right.anticon svg {
1917 fill: none;
1918 }
1919 .tt-booking-body-wrap .tt-selected-date, .timetics-category-meeting .tt-category-booking-wrap .tt-selected-date {
1920 font-size: 16px;
1921 text-align: center;
1922 font-weight: 500;
1923 margin-bottom: 15px;
1924 }
1925 .tt-booking-body-wrap .anticon.tt-arrow-right path, .timetics-category-meeting .tt-category-booking-wrap .anticon.tt-arrow-right path {
1926 stroke: white;
1927 }
1928
1929 .flatpickr-day.prevMonthDay,
1930 .flatpickr-day.nextMonthDay {
1931 height: 0;
1932 width: 0;
1933 visibility: hidden;
1934 }
1935
1936 .tt-slot-list-wrap {
1937 text-align: center;
1938 font-weight: 700;
1939 padding: 5px 10px;
1940 min-height: 100%;
1941 }
1942 @media (max-width: 570px) {
1943 .tt-slot-list-wrap {
1944 padding-left: 0;
1945 }
1946 }
1947 .tt-slot-list-wrap .ant-list-item {
1948 padding: 6px 0;
1949 }
1950 .tt-slot-list-wrap .ant-spin-nested-loading {
1951 height: 100%;
1952 }
1953
1954 .tt-meeting-location-type {
1955 height: 40px;
1956 display: flex;
1957 align-items: center;
1958 line-height: 1;
1959 }
1960
1961 .tt-payment-radio-btn .ant-radio-button-wrapper {
1962 border: 1px solid #eaeaea;
1963 }
1964 .tt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before {
1965 display: none;
1966 }
1967 .tt-payment-radio-btn .tt-payment-radio-btn-icon {
1968 line-height: 1;
1969 display: flex;
1970 align-items: center;
1971 height: 100%;
1972 }
1973 .tt-payment-radio-btn .tt-payment-btn {
1974 border-radius: 6px;
1975 margin-right: 20px;
1976 margin-bottom: 10px;
1977 }
1978 @media (max-width: 380px) {
1979 .tt-payment-radio-btn .tt-payment-btn {
1980 margin-bottom: 20px;
1981 }
1982 }
1983 .tt-payment-radio-btn .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.tt-payment-btn {
1984 border-color: var(--tt-primary-color);
1985 }
1986 .tt-payment-radio-btn .ant-radio-button-wrapper:first-child:last-child {
1987 border-radius: 6px;
1988 }
1989
1990 .tt-seat-booking-button {
1991 margin-top: 25px;
1992 }
1993
1994 .tt-google-Cal-message {
1995 text-align: left;
1996 font-size: 14px;
1997 background-color: var(--tt-primary-color-08);
1998 padding: 5px 10px;
1999 border-radius: 5px;
2000 margin-bottom: 15px;
2001 }
2002
2003 .tt-ticket-price-variation-wrapper {
2004 border-bottom: 1px solid #f0f0f0;
2005 margin-top: 10px;
2006 }
2007 .tt-ticket-price-variation-wrapper .tt-ticket-price-variation p {
2008 margin: 8px 0;
2009 }
2010
2011 .timetics-user-account-wrapper .user-dashboard-container {
2012 max-width: 670px;
2013 margin: 0 auto;
2014 }
2015 .timetics-user-account-wrapper .tt-user-header {
2016 display: flex;
2017 justify-content: space-between;
2018 align-items: flex-start;
2019 border-bottom: 1px solid #d9d9d9;
2020 padding-bottom: 20px;
2021 margin-bottom: 30px;
2022 }
2023 .timetics-user-account-wrapper .tt-user-header h3.ant-typography {
2024 margin: 0;
2025 }
2026 .timetics-user-account-wrapper .tt-user-info-area {
2027 display: flex;
2028 gap: 15px;
2029 }
2030 .timetics-user-account-wrapper .ant-btn svg {
2031 fill: var(--tt-secondary-color);
2032 }
2033 .timetics-user-account-wrapper table {
2034 margin: 0;
2035 }
2036 .timetics-user-account-wrapper table,
2037 .timetics-user-account-wrapper td,
2038 .timetics-user-account-wrapper th {
2039 border: none;
2040 }
2041 .timetics-user-account-wrapper p {
2042 margin: 0 !important;
2043 }
2044 .timetics-user-account-wrapper .tt-user-back-button {
2045 display: inline-block;
2046 cursor: pointer;
2047 margin-bottom: 30px;
2048 }
2049 .timetics-user-account-wrapper .tt-user-back-button .anticon svg {
2050 fill: none;
2051 margin-right: 7px;
2052 color: #606469;
2053 }
2054 .timetics-user-account-wrapper .btn-text {
2055 display: inline-block;
2056 color: #606469;
2057 cursor: pointer;
2058 font-weight: 600;
2059 font-size: 13px;
2060 border-bottom: 1px solid #606469;
2061 }
2062 .timetics-user-account-wrapper .tt-user-profile-edit .tt-user-info-update-btn {
2063 display: flex;
2064 align-items: center;
2065 justify-content: space-between;
2066 gap: 10px;
2067 flex-wrap: wrap;
2068 }
2069 .timetics-user-account-wrapper .tt-booking-cancel {
2070 text-decoration: line-through;
2071 }
2072 .timetics-user-account-wrapper .tt-user-bookings-area .ant-select-single .ant-select-selector {
2073 align-items: center;
2074 }
2075