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

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