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

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