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

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