PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.38
Timetics – Appointment Booking Calendar & Scheduling v1.0.38
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.38, at assets/css/frontend.css

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