PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.16
Timetics – Appointment Booking Calendar & Scheduling v1.0.16
1.0.61 1.0.60 1.0.59 1.0.58 1.0.57 1.0.56 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 1.0.22 1.0.23 1.0.24 All 62 releases
timetics / assets / css / frontend.css

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

2,025 lines 63.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/frontend.scss ***!
3 \************************************************************************************************************************/
4 :root {
5 --tt-primary-color: #3161f1;
6 --tt-primary-color-70: #4c93ff;
7 --tt-primary-color-50: #78aeff;
8 --tt-primary-color-25: #a5c9ff;
9 --tt-primary-color-15: #d2e4ff;
10 --tt-primary-color-08: #e9f2ff;
11 --tt-primary-color-06: #f3f6fe;
12 --tt-secondary-color: #0c274a;
13 --tt-secondary-color-65: #556880;
14 --tt-secondary-color-50: #8693a5;
15 --tt-secondary-color-30: #b6bec9;
16 --tt-secondary-color-20: #ced4db;
17 --tt-secondary-color-12: #e2ecf4;
18 --tt-secondary-color-08: #ecf2f8;
19 --tt-secondary-color-05: #f3f7fb;
20 --tt-secondary-color-03: #f8fafc;
21 --tt-danger-color: #e42d23;
22 --tt-danger-light-color: #f7d0d3;
23 --tt-success-color: #00c14e;
24 --tt-alert-color: #ef8201;
25 --tt-disable-color: #cecfd1;
26 --tt-state-color-01: #06a78a;
27 --tt-state-color-02: #f1a208;
28 --tt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
29 --tt-primary-gradient-reverse: linear-gradient(
30 170deg,
31 #3263f8 0%,
32 #254ec8 100%
33 );
34 --tt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
35 }
36
37 .tt-margin-0 {
38 margin: 0 !important;
39 }
40
41 .tt-mb-0 {
42 margin-bottom: 0 !important;
43 }
44
45 .tt-mb-10 {
46 margin-bottom: 10px !important;
47 }
48
49 .tt-mb-15 {
50 margin-bottom: 15px !important;
51 }
52
53 .tt-mb-20 {
54 margin-bottom: 20px !important;
55 }
56
57 .tt-mb-25 {
58 margin-bottom: 25px !important;
59 }
60
61 .tt-mb-30 {
62 margin-bottom: 30px !important;
63 }
64
65 .tt-mb-35 {
66 margin-bottom: 35px !important;
67 }
68
69 .tt-mb-40 {
70 margin-bottom: 40px !important;
71 }
72
73 .tt-mb-45 {
74 margin-bottom: 45px !important;
75 }
76
77 .tt-mt-0 {
78 margin-top: 0 !important;
79 }
80
81 .tt-mt-5 {
82 margin-top: 5px !important;
83 }
84
85 .tt-mt-10 {
86 margin-top: 10px !important;
87 }
88
89 .tt-mt-30 {
90 margin-top: 30px !important;
91 }
92
93 .tt-mt-40 {
94 margin-top: 40px !important;
95 }
96
97 .tt-mr-15 {
98 margin-right: 15px !important;
99 }
100
101 .tt-mx-10 {
102 margin: 0 10px !important;
103 }
104
105 .tt-primary-color {
106 color: var(--tt-primary-color);
107 }
108
109 #wpcontent {
110 min-height: 100vh;
111 background-color: #ecf2f8;
112 }
113 @media screen and (max-width: 768px) {
114 #wpcontent {
115 padding-right: 10px;
116 }
117 }
118
119 .wrap {
120 margin: 20px 40px 0 20px;
121 }
122 @media screen and (max-width: 768px) {
123 .wrap {
124 margin: 0;
125 }
126 }
127
128 .toplevel_page_timetics .tt-page-header-wrapper {
129 border-bottom: 1px solid #d9d9d9;
130 padding-bottom: 27px;
131 margin-bottom: 30px;
132 }
133 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header {
134 padding: 0;
135 background-color: transparent;
136 }
137 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-left,
138 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-extra {
139 margin: 0;
140 }
141 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-title {
142 font-size: 22px;
143 line-height: 33px;
144 }
145 .toplevel_page_timetics .tt-page-header-wrapper .ant-btn svg {
146 fill: var(--tt-primary-color);
147 }
148 .toplevel_page_timetics .tt-page-header-wrapper .tt-header-info-dropdown.ant-btn {
149 padding: 4px 0px;
150 }
151 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path {
152 stroke: var(--tt-primary-color);
153 }
154 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child {
155 border-top-right-radius: 6px;
156 border-bottom-right-radius: 6px;
157 }
158 .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
159 .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
160 .toplevel_page_timetics .ant-dropdown-menu-item:hover,
161 .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
162 .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active,
163 .toplevel_page_timetics .ant-dropdown-menu-submenu-title:hover {
164 background-color: var(--tt-secondary-color-08);
165 }
166 .toplevel_page_timetics .ant-list-split .ant-list-item {
167 border-color: var(--tt-secondary-color-12);
168 }
169 .toplevel_page_timetics .ant-divider-horizontal {
170 border-color: var(--tt-secondary-color-12);
171 }
172 .toplevel_page_timetics .tt-spinner-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-settings-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 .timetics-stripe {
1155 /* spinner/processing state, errors */
1156 }
1157 .timetics-stripe #payment-message {
1158 color: rgb(105, 115, 134);
1159 font-size: 16px;
1160 line-height: 20px;
1161 padding-top: 12px;
1162 text-align: center;
1163 }
1164 .timetics-stripe #payment-element {
1165 margin-bottom: 24px;
1166 }
1167 .timetics-stripe .spinner,
1168 .timetics-stripe .spinner:before,
1169 .timetics-stripe .spinner:after {
1170 border-radius: 50%;
1171 }
1172 .timetics-stripe .spinner {
1173 color: #ffffff;
1174 font-size: 22px;
1175 text-indent: -99999px;
1176 margin: 0px auto;
1177 position: relative;
1178 width: 20px;
1179 height: 20px;
1180 box-shadow: inset 0 0 0 2px;
1181 -webkit-transform: translateZ(0);
1182 -ms-transform: translateZ(0);
1183 transform: translateZ(0);
1184 }
1185 .timetics-stripe .spinner:before,
1186 .timetics-stripe .spinner:after {
1187 position: absolute;
1188 content: "";
1189 }
1190 .timetics-stripe .spinner:before {
1191 width: 10.4px;
1192 height: 20.4px;
1193 background: #5469d4;
1194 border-radius: 20.4px 0 0 20.4px;
1195 top: -0.2px;
1196 left: -0.2px;
1197 -webkit-transform-origin: 10.4px 10.2px;
1198 transform-origin: 10.4px 10.2px;
1199 -webkit-animation: loading 2s infinite ease 1.5s;
1200 animation: loading 2s infinite ease 1.5s;
1201 }
1202 .timetics-stripe .spinner:after {
1203 width: 10.4px;
1204 height: 10.2px;
1205 background: #5469d4;
1206 border-radius: 0 10.2px 10.2px 0;
1207 top: -0.1px;
1208 left: 10.2px;
1209 -webkit-transform-origin: 0px 10.2px;
1210 transform-origin: 0px 10.2px;
1211 -webkit-animation: loading 2s infinite ease;
1212 animation: loading 2s infinite ease;
1213 }
1214 .timetics-stripe div#link-authentication-element {
1215 margin-bottom: 12px;
1216 }
1217 @keyframes loading {
1218 0% {
1219 -webkit-transform: rotate(0deg);
1220 transform: rotate(0deg);
1221 }
1222 100% {
1223 -webkit-transform: rotate(360deg);
1224 transform: rotate(360deg);
1225 }
1226 }
1227
1228 .timetics-meeting-list-wrapper .timetics-meeting-filter {
1229 margin-bottom: 30px;
1230 }
1231 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select-wrapper {
1232 display: flex;
1233 justify-content: flex-start;
1234 gap: 20px;
1235 }
1236 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select {
1237 cursor: pointer;
1238 max-width: 200px;
1239 background-color: #fff;
1240 border-color: var(--tt-secondary-color-08) !important;
1241 font-weight: 500;
1242 color: #0c274a;
1243 }
1244 .timetics-meeting-list-wrapper .tt-meeting-list-item {
1245 background: #ffffff;
1246 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
1247 border-radius: 8px;
1248 -webkit-border-radius: 8px;
1249 -ms-border-radius: 8px;
1250 padding: 25px;
1251 display: flex;
1252 flex-direction: column;
1253 justify-content: space-between;
1254 }
1255 .timetics-meeting-list-wrapper .tt-meeting-list-item p {
1256 font-size: 14px;
1257 color: #606469;
1258 margin: 0 0 20px;
1259 }
1260 .timetics-meeting-list-wrapper .tt-title {
1261 font-weight: 600;
1262 font-size: 20px;
1263 line-height: 30px;
1264 margin: 0 0 15px;
1265 }
1266 .timetics-meeting-list-wrapper .tt-author {
1267 list-style: none;
1268 padding: 0;
1269 display: flex;
1270 flex-wrap: wrap;
1271 gap: 20px;
1272 row-gap: 8px;
1273 margin-top: 0;
1274 margin-bottom: 10px;
1275 }
1276 .timetics-meeting-list-wrapper .tt-author li {
1277 display: flex;
1278 align-items: center;
1279 gap: 8px;
1280 }
1281 .timetics-meeting-list-wrapper .tt-author li img {
1282 width: 35px;
1283 height: 35px;
1284 object-fit: cover;
1285 border-radius: 50%;
1286 -webkit-border-radius: 50%;
1287 -ms-border-radius: 50%;
1288 }
1289 .timetics-meeting-list-wrapper .tt-author li span {
1290 font-weight: 600;
1291 font-size: 16px;
1292 color: #606469;
1293 }
1294 .timetics-meeting-list-wrapper .meeting-info-list {
1295 list-style: none;
1296 padding: 0;
1297 }
1298 .timetics-meeting-list-wrapper .meeting-info-list li {
1299 font-weight: 500;
1300 font-size: 14px;
1301 display: flex;
1302 align-items: center;
1303 gap: 10px;
1304 margin-bottom: 10px;
1305 }
1306
1307 .tt-booking-list-modal .ant-modal-content {
1308 min-height: 600px;
1309 }
1310 .tt-booking-list-modal .ant-modal-close-x {
1311 display: flex;
1312 justify-content: center;
1313 align-items: center;
1314 }
1315
1316 .tt-meeting-list-wrapper {
1317 display: grid;
1318 grid-auto-columns: 1fr;
1319 grid-auto-rows: 1fr;
1320 gap: 30px;
1321 }
1322 @media (min-width: 768px) {
1323 .tt-meeting-list-wrapper {
1324 grid-template-columns: repeat(2, 1fr);
1325 }
1326 }
1327 @media (min-width: 992px) {
1328 .tt-meeting-list-wrapper {
1329 grid-template-columns: repeat(3, 1fr);
1330 }
1331 }
1332
1333 .timetics-category-meeting {
1334 background-color: #f2f4f8;
1335 min-height: 100%;
1336 }
1337 .timetics-category-meeting .tt-meeting-card {
1338 border-radius: 10px;
1339 border: 1px solid #e2ecf4;
1340 }
1341 .timetics-category-meeting .tt-meeting-card .tt-section-heading {
1342 font-weight: 600;
1343 font-size: 25px;
1344 line-height: 27px;
1345 text-align: center;
1346 }
1347 .timetics-category-meeting .tt-meeting-card .tt-single-meeting, .timetics-category-meeting .tt-meeting-card .tt-staff-box {
1348 border-radius: 10px;
1349 border: 1px solid #e2ecf4;
1350 padding: 20px;
1351 margin-bottom: 20px;
1352 cursor: pointer;
1353 }
1354 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-flex, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-flex {
1355 display: flex;
1356 justify-content: space-between;
1357 align-items: center;
1358 }
1359 .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 {
1360 text-transform: capitalize;
1361 color: var(--tt-secondary-color);
1362 font-size: 16px;
1363 }
1364 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title {
1365 font-weight: 600;
1366 }
1367 .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 {
1368 text-transform: capitalize;
1369 color: var(--tt-secondary-color-50);
1370 font-size: 12px;
1371 }
1372 .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price {
1373 font-weight: 700;
1374 padding-right: 20px;
1375 }
1376 .timetics-category-meeting .tt-meeting-card .tt-single-meeting:hover, .timetics-category-meeting .tt-meeting-card .tt-staff-box:hover {
1377 border: 1px solid #3161f1;
1378 box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15);
1379 transition: 0.3s ease-in;
1380 }
1381 .timetics-category-meeting .tt-frontend-transition {
1382 transition: 0.3s all ease;
1383 }
1384 .timetics-category-meeting .tt-form-category-sidebar {
1385 border: 1px solid #e2ecf4 !important;
1386 border-top-right-radius: 0 !important;
1387 border-bottom-right-radius: 0 !important;
1388 }
1389 @media (max-width: 768px) {
1390 .timetics-category-meeting .tt-form-category-sidebar {
1391 border-radius: 10px !important;
1392 }
1393 }
1394 .timetics-category-meeting .tt-category-booking-wrap {
1395 border: 1px solid #e2ecf4 !important;
1396 border-top-left-radius: 0 !important;
1397 border-bottom-left-radius: 0 !important;
1398 }
1399 @media (max-width: 768px) {
1400 .timetics-category-meeting .tt-category-booking-wrap {
1401 border-radius: 10px !important;
1402 }
1403 }
1404 .timetics-category-meeting .tt-go-back-icon {
1405 margin-right: 2%;
1406 cursor: pointer;
1407 background-color: transparent;
1408 }
1409 .timetics-category-meeting .tt-go-back-icon:hover {
1410 background-color: #efefef;
1411 }
1412
1413 .tt-staff-box {
1414 text-align: center;
1415 animation: antSlideLeftIn 0.5s ease-out;
1416 }
1417 .tt-staff-box .tt-staff-check-box {
1418 position: absolute;
1419 float: right;
1420 top: -8;
1421 left: -5;
1422 }
1423
1424 .tt-vertical-border {
1425 border-left: 1px solid #e2ecf4;
1426 }
1427 @media (max-width: 768px) {
1428 .tt-vertical-border {
1429 border-left: none;
1430 border-top: 1px solid #e2ecf4;
1431 padding-top: 16px;
1432 }
1433 }
1434
1435 .timetics-single-page-wrapper {
1436 padding: 100px 0;
1437 }
1438 .timetics-single-page-wrapper .timetics-container {
1439 max-width: 1200px;
1440 margin: auto;
1441 padding: 0 15px;
1442 }
1443
1444 .ant-btn {
1445 border-radius: 5px;
1446 -webkit-border-radius: 5px;
1447 -ms-border-radius: 5px;
1448 }
1449
1450 .tt-section-title {
1451 font-weight: 600;
1452 font-size: 25px;
1453 line-height: 27px;
1454 }
1455
1456 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1457 .tt-booking-body-wrap,
1458 .timetics-category-meeting .tt-category-booking-wrap {
1459 border: 1px solid #eaeaea;
1460 background: #fff;
1461 padding: 20px !important;
1462 overflow: hidden;
1463 border-radius: 10px;
1464 -webkit-border-radius: 10px;
1465 -ms-border-radius: 10px;
1466 }
1467 @media (min-width: 768px) {
1468 .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar,
1469 .tt-booking-body-wrap,
1470 .timetics-category-meeting .tt-category-booking-wrap {
1471 height: 100%;
1472 padding: 25px 30px !important;
1473 }
1474 }
1475 .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,
1476 .tt-form-left-sidebar .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1477 .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,
1478 .timetics-category-meeting .tt-form-category-sidebar .tt-booking-body-wrap .submit-btn-disabled,
1479 .tt-booking-body-wrap .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1480 .timetics-category-meeting .tt-form-category-sidebar .tt-category-booking-wrap .submit-btn-disabled,
1481 .timetics-category-meeting .tt-category-booking-wrap .tt-form-category-sidebar .submit-btn-disabled,
1482 .tt-booking-body-wrap .submit-btn,
1483 .tt-booking-body-wrap .submit-btn-disabled,
1484 .tt-booking-body-wrap .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled,
1485 .timetics-category-meeting .tt-category-booking-wrap .tt-booking-body-wrap .submit-btn-disabled,
1486 .timetics-category-meeting .tt-category-booking-wrap .submit-btn,
1487 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1488 color: #fff;
1489 font-size: 15px;
1490 font-weight: 700;
1491 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1492 border: none;
1493 }
1494 .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,
1495 .tt-booking-body-wrap .submit-btn:hover,
1496 .tt-booking-body-wrap .submit-btn-disabled:hover,
1497 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:hover,
1498 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1499 .tt-booking-body-wrap .submit-btn:focus,
1500 .tt-booking-body-wrap .submit-btn-disabled:focus,
1501 .timetics-category-meeting .tt-category-booking-wrap .submit-btn:focus,
1502 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1503 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1504 }
1505 .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,
1506 .tt-booking-body-wrap .submit-btn .anticon svg,
1507 .tt-booking-body-wrap .submit-btn-disabled .anticon svg,
1508 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon svg,
1509 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon svg {
1510 width: 15px;
1511 height: 15px;
1512 }
1513 .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,
1514 .tt-booking-body-wrap .submit-btn .anticon path,
1515 .tt-booking-body-wrap .submit-btn-disabled .anticon path,
1516 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon path,
1517 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon path {
1518 stroke: #fff;
1519 }
1520 .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,
1521 .tt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg,
1522 .tt-booking-body-wrap .submit-btn-disabled .ant-btn-loading-icon svg,
1523 .timetics-category-meeting .tt-category-booking-wrap .submit-btn .ant-btn-loading-icon svg,
1524 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .ant-btn-loading-icon svg {
1525 fill: #ffffff;
1526 }
1527 .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled,
1528 .tt-booking-body-wrap .submit-btn-disabled,
1529 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled {
1530 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1531 }
1532 .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,
1533 .tt-booking-body-wrap .submit-btn-disabled:hover,
1534 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover,
1535 .tt-booking-body-wrap .submit-btn-disabled:focus,
1536 .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus {
1537 background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%);
1538 }
1539 .tt-form-left-sidebar .ant-form-item-explain-error, .timetics-category-meeting .tt-form-category-sidebar .ant-form-item-explain-error,
1540 .tt-booking-body-wrap .ant-form-item-explain-error,
1541 .timetics-category-meeting .tt-category-booking-wrap .ant-form-item-explain-error {
1542 display: block;
1543 padding: 5px 0;
1544 }
1545 .tt-form-left-sidebar .ant-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn .anticon svg,
1546 .tt-booking-body-wrap .ant-btn .anticon svg,
1547 .timetics-category-meeting .tt-category-booking-wrap .ant-btn .anticon svg {
1548 width: 15px;
1549 height: 15px;
1550 }
1551 .tt-form-left-sidebar .ant-btn.backbtn, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn,
1552 .tt-booking-body-wrap .ant-btn.backbtn,
1553 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn {
1554 border-color: transparent;
1555 background: transparent;
1556 box-shadow: none;
1557 color: #0a1018;
1558 font-weight: 700;
1559 }
1560 .tt-form-left-sidebar .ant-btn.backbtn span, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn span,
1561 .tt-booking-body-wrap .ant-btn.backbtn span,
1562 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn span {
1563 border-bottom: 1px solid #0a1018;
1564 }
1565 .tt-form-left-sidebar .ant-btn.backbtn .anticon, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon,
1566 .tt-booking-body-wrap .ant-btn.backbtn .anticon,
1567 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon {
1568 border: none;
1569 }
1570 .tt-form-left-sidebar .ant-btn.backbtn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon svg,
1571 .tt-booking-body-wrap .ant-btn.backbtn .anticon svg,
1572 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon svg {
1573 fill: none;
1574 width: 15px;
1575 height: 15px;
1576 }
1577 .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,
1578 .tt-booking-body-wrap .ant-btn.backbtn:hover,
1579 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:hover,
1580 .tt-booking-body-wrap .ant-btn.backbtn:focus,
1581 .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:focus {
1582 background-color: transparent;
1583 border-color: transparent;
1584 color: #0a1018;
1585 }
1586
1587 .tt-form-left-sidebar .tt-host-item, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item {
1588 display: flex;
1589 }
1590 .tt-form-left-sidebar .tt-host-item .ant-typography, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item .ant-typography {
1591 font-size: 16px;
1592 font-weight: 600;
1593 color: #000000;
1594 text-transform: capitalize;
1595 }
1596 .tt-form-left-sidebar .tt-meeting-name, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-name {
1597 font-size: 24px;
1598 line-height: 29px;
1599 margin: 0 0 10px;
1600 color: #000000;
1601 }
1602 .tt-form-left-sidebar .tt-meeting-description, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-description {
1603 font-size: 14px;
1604 line-height: 22px;
1605 display: block;
1606 }
1607 .tt-form-left-sidebar .tt-meeting-location-list .anticon, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon {
1608 display: block;
1609 }
1610 .tt-form-left-sidebar .tt-booking-side-info, .timetics-category-meeting .tt-form-category-sidebar .tt-booking-side-info {
1611 display: flex;
1612 gap: 8px;
1613 margin-bottom: 10px;
1614 flex-wrap: wrap;
1615 }
1616 .tt-form-left-sidebar .tt-seat-selected-number, .timetics-category-meeting .tt-form-category-sidebar .tt-seat-selected-number {
1617 display: flex;
1618 flex-wrap: wrap;
1619 gap: 10px;
1620 }
1621 .tt-form-left-sidebar .tt-select-host-wrapper, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper {
1622 margin-bottom: 25px;
1623 }
1624 .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 {
1625 font-size: 14px;
1626 font-weight: 500;
1627 color: var(--tt-secondary-color-50);
1628 margin-bottom: 5px;
1629 display: inline-block;
1630 }
1631 .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 {
1632 font-weight: 600;
1633 font-size: 16px;
1634 color: var(--tt-secondary-color);
1635 }
1636 .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 {
1637 height: 50px;
1638 align-items: center;
1639 }
1640 .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 {
1641 border-radius: 6px;
1642 }
1643
1644 .ant-result-icon .anticon.anticon-check-circle svg {
1645 fill: var(--tt-success-color) !important;
1646 }
1647
1648 .ant-select-item.ant-select-item-option.tt-host-option-item {
1649 min-height: 40px;
1650 align-items: center;
1651 }
1652
1653 .tt-flatpickr-calendar {
1654 padding-right: 10px;
1655 }
1656 .tt-flatpickr-calendar .flatpickr-rContainer {
1657 width: 100%;
1658 }
1659 .tt-flatpickr-calendar .flatpickr-calendar {
1660 width: 100%;
1661 box-shadow: none;
1662 background: transparent;
1663 }
1664 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
1665 width: 100%;
1666 min-width: 100%;
1667 max-width: 100%;
1668 }
1669 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
1670 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
1671 width: 100%;
1672 max-width: 100%;
1673 }
1674 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled,
1675 .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
1676 color: var(--tt-secondary-color);
1677 opacity: 0.4;
1678 }
1679 .tt-flatpickr-calendar .flatpickr-months {
1680 padding-bottom: 20px;
1681 border-bottom: 1px solid #eaeaea;
1682 margin-bottom: 20px;
1683 display: flex;
1684 align-items: center;
1685 }
1686 .tt-flatpickr-calendar .flatpickr-day {
1687 height: 50px;
1688 line-height: 50px;
1689 border-radius: 6px;
1690 -webkit-border-radius: 6px;
1691 -ms-border-radius: 6px;
1692 color: #0a1018;
1693 font-weight: 600;
1694 }
1695 .tt-flatpickr-calendar .flatpickr-day.selected {
1696 color: #fff;
1697 border: none;
1698 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1699 }
1700 .tt-flatpickr-calendar .flatpickr-disabled {
1701 opacity: 0.4;
1702 }
1703 .tt-flatpickr-calendar .flatpickr-day.today {
1704 border-color: transparent;
1705 }
1706 .tt-flatpickr-calendar .flatpickr-day.today::before {
1707 content: "";
1708 position: absolute;
1709 bottom: 5px;
1710 left: 50%;
1711 transform: translateX(-50%);
1712 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1713 width: 5px;
1714 height: 5px;
1715 border-radius: 100vmax;
1716 }
1717 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
1718 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
1719 left: auto;
1720 right: 40px;
1721 }
1722 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
1723 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
1724 display: flex;
1725 justify-content: center;
1726 align-items: center;
1727 cursor: no-drop;
1728 }
1729 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1730 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1731 display: flex;
1732 justify-content: center;
1733 align-items: center;
1734 top: 8px;
1735 }
1736 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
1737 .tt-flatpickr-calendar .flatpickr-current-month {
1738 text-align: left;
1739 }
1740 .tt-flatpickr-calendar .flatpickr-current-month {
1741 display: flex;
1742 align-items: center;
1743 left: 0;
1744 padding-top: 0;
1745 }
1746 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1747 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1748 height: 20px;
1749 width: 20px;
1750 padding: 0;
1751 line-height: 20px;
1752 border-radius: 100vmax;
1753 background-color: #0c274a;
1754 }
1755 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
1756 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
1757 stroke: #ffffff;
1758 stroke-width: 2px;
1759 fill: transparent;
1760 width: 10px;
1761 height: 10px;
1762 }
1763 .tt-flatpickr-calendar .flatpickr-months .cur-year,
1764 .tt-flatpickr-calendar .flatpickr-months .cur-month {
1765 font-weight: 600 !important;
1766 }
1767 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
1768 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
1769 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
1770 background: transparent;
1771 }
1772
1773 .flatpickr-input {
1774 display: none;
1775 }
1776
1777 .tt-booking-slot-wrapper {
1778 overflow: auto;
1779 transition: all ease 200ms;
1780 -ms-overflow-style: none;
1781 /* IE and Edge */
1782 scrollbar-width: none;
1783 }
1784 .tt-booking-slot-wrapper::-webkit-scrollbar {
1785 width: 0; /* Width of the scrollbar */
1786 }
1787
1788 .tt-scroll-bar {
1789 /* Thumb (the draggable part) */
1790 /* Corner (between the vertical and horizontal scrollbar) */
1791 /* For Firefox */
1792 /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */
1793 /* Both track and thumb */
1794 scrollbar-width: thin;
1795 scrollbar-color: var(--tt-secondary-color-50);
1796 /* Track */
1797 /* Thumb */
1798 }
1799 .tt-scroll-bar::-webkit-scrollbar {
1800 width: 8px;
1801 height: 8px;
1802 }
1803 .tt-scroll-bar::-webkit-scrollbar-thumb {
1804 background: var(--tt-secondary-color-50);
1805 border-radius: 8px;
1806 }
1807 .tt-scroll-bar::-webkit-scrollbar-corner {
1808 background: var(--tt-secondary-color-50);
1809 }
1810 .tt-scroll-bar::-ms-scrollbar {
1811 width: 8px;
1812 height: 8px;
1813 }
1814 .tt-scroll-bar::-ms-scrollbar-thumb {
1815 background: var(--tt-secondary-color-20);
1816 }
1817
1818 .tt-slot-list::-webkit-scrollbar {
1819 background-color: #fff;
1820 width: 0px;
1821 }
1822 .tt-slot-list .ant-list-items {
1823 margin: 0;
1824 padding: 0;
1825 }
1826 .tt-slot-list .ant-list-item .ant-btn-block {
1827 height: 40px;
1828 color: #000;
1829 border-color: var(--tt-secondary-color-12);
1830 box-shadow: none;
1831 font-weight: 600;
1832 }
1833 .tt-slot-list .ant-list-item .ant-btn-block:hover {
1834 color: #3161f1;
1835 border-color: #3161f1;
1836 }
1837
1838 .tt-meeting-booking-result-wrapper {
1839 border: 1px solid #eaeaea;
1840 border-radius: 8px;
1841 background: #fff;
1842 overflow: auto;
1843 }
1844 .tt-meeting-booking-result-wrapper .ant-result {
1845 padding: 30px 50px;
1846 }
1847 @media (max-width: 570px) {
1848 .tt-meeting-booking-result-wrapper .ant-result {
1849 padding: 20px;
1850 }
1851 }
1852 .tt-meeting-booking-result-wrapper .ant-result-title {
1853 font-weight: 600;
1854 }
1855 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info {
1856 display: flex;
1857 }
1858 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-WQ {
1859 flex-basis: 40%;
1860 }
1861 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-details {
1862 flex-basis: 60%;
1863 text-align: left;
1864 }
1865 .tt-meeting-booking-result-wrapper .tt-meeting-booking-change-info {
1866 margin: 20px 0;
1867 }
1868 .tt-meeting-booking-result-wrapper .tt-bookings-upadate-text {
1869 color: var(--tt-secondary-color-65);
1870 text-decoration: underline;
1871 cursor: pointer;
1872 }
1873
1874 .tt-booking-body-wrap .tt-arrow-right.anticon svg, .timetics-category-meeting .tt-category-booking-wrap .tt-arrow-right.anticon svg {
1875 fill: none;
1876 }
1877 .tt-booking-body-wrap .tt-selected-date, .timetics-category-meeting .tt-category-booking-wrap .tt-selected-date {
1878 font-size: 16px;
1879 text-align: center;
1880 font-weight: 500;
1881 margin-bottom: 15px;
1882 }
1883 .tt-booking-body-wrap .anticon.tt-arrow-right path, .timetics-category-meeting .tt-category-booking-wrap .anticon.tt-arrow-right path {
1884 stroke: white;
1885 }
1886
1887 .flatpickr-day.prevMonthDay,
1888 .flatpickr-day.nextMonthDay {
1889 height: 0;
1890 width: 0;
1891 visibility: hidden;
1892 }
1893
1894 .tt-slot-list-wrap {
1895 text-align: center;
1896 font-weight: 700;
1897 padding: 5px 10px;
1898 min-height: 100%;
1899 }
1900 @media (max-width: 570px) {
1901 .tt-slot-list-wrap {
1902 padding-left: 0;
1903 }
1904 }
1905 .tt-slot-list-wrap .ant-list-item {
1906 padding: 6px 0;
1907 }
1908 .tt-slot-list-wrap .ant-spin-nested-loading {
1909 height: 100%;
1910 }
1911
1912 .tt-meeting-location-type {
1913 height: 40px;
1914 display: flex;
1915 align-items: center;
1916 line-height: 1;
1917 }
1918
1919 .tt-payment-radio-btn .ant-radio-button-wrapper {
1920 border: 1px solid #eaeaea;
1921 }
1922 .tt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before {
1923 display: none;
1924 }
1925 .tt-payment-radio-btn .tt-payment-radio-btn-icon {
1926 line-height: 1;
1927 display: flex;
1928 align-items: center;
1929 height: 100%;
1930 }
1931 .tt-payment-radio-btn .tt-payment-btn {
1932 border-radius: 6px;
1933 margin-right: 20px;
1934 margin-bottom: 10px;
1935 }
1936 @media (max-width: 380px) {
1937 .tt-payment-radio-btn .tt-payment-btn {
1938 margin-bottom: 20px;
1939 }
1940 }
1941 .tt-payment-radio-btn .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.tt-payment-btn {
1942 border-color: var(--tt-primary-color);
1943 }
1944 .tt-payment-radio-btn .ant-radio-button-wrapper:first-child:last-child {
1945 border-radius: 6px;
1946 }
1947
1948 .tt-seat-booking-button {
1949 margin-top: 25px;
1950 }
1951
1952 .tt-google-Cal-message {
1953 text-align: left;
1954 font-size: 14px;
1955 background-color: var(--tt-primary-color-08);
1956 padding: 5px 10px;
1957 border-radius: 5px;
1958 margin-bottom: 15px;
1959 }
1960
1961 .timetics-user-account-wrapper .user-dashboard-container {
1962 max-width: 670px;
1963 margin: 0 auto;
1964 }
1965 .timetics-user-account-wrapper .tt-user-header {
1966 display: flex;
1967 justify-content: space-between;
1968 align-items: flex-start;
1969 border-bottom: 1px solid #d9d9d9;
1970 padding-bottom: 20px;
1971 margin-bottom: 30px;
1972 }
1973 .timetics-user-account-wrapper .tt-user-header h3.ant-typography {
1974 margin: 0;
1975 }
1976 .timetics-user-account-wrapper .tt-user-info-area {
1977 display: flex;
1978 gap: 15px;
1979 }
1980 .timetics-user-account-wrapper .ant-btn svg {
1981 fill: var(--tt-secondary-color);
1982 }
1983 .timetics-user-account-wrapper table {
1984 margin: 0;
1985 }
1986 .timetics-user-account-wrapper table,
1987 .timetics-user-account-wrapper td,
1988 .timetics-user-account-wrapper th {
1989 border: none;
1990 }
1991 .timetics-user-account-wrapper p {
1992 margin: 0 !important;
1993 }
1994 .timetics-user-account-wrapper .tt-user-back-button {
1995 display: inline-block;
1996 cursor: pointer;
1997 margin-bottom: 30px;
1998 }
1999 .timetics-user-account-wrapper .tt-user-back-button .anticon svg {
2000 fill: none;
2001 margin-right: 7px;
2002 color: #606469;
2003 }
2004 .timetics-user-account-wrapper .btn-text {
2005 display: inline-block;
2006 color: #606469;
2007 cursor: pointer;
2008 font-weight: 600;
2009 font-size: 13px;
2010 border-bottom: 1px solid #606469;
2011 }
2012 .timetics-user-account-wrapper .tt-user-profile-edit .tt-user-info-update-btn {
2013 display: flex;
2014 align-items: center;
2015 justify-content: space-between;
2016 gap: 10px;
2017 flex-wrap: wrap;
2018 }
2019 .timetics-user-account-wrapper .tt-booking-cancel {
2020 text-decoration: line-through;
2021 }
2022 .timetics-user-account-wrapper .tt-user-bookings-area .ant-select-single .ant-select-selector {
2023 align-items: center;
2024 }
2025