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

1,548 lines 43.8 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: #0a1018;
13 --tt-secondary-color-65: #606469;
14 --tt-secondary-color-50: #606469;
15 --tt-secondary-color-30: #b5b7ba;
16 --tt-secondary-color-20: #cecfd1;
17 --tt-secondary-color-12: #e2e2e3;
18 --tt-secondary-color-08: #eeeeef;
19 --tt-secondary-color-05: #f4f5f7;
20 --tt-secondary-color-03: #f8f8fb;
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-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
30 }
31
32 .tt-margin-0 {
33 margin: 0 !important;
34 }
35
36 .tt-mb-0 {
37 margin-bottom: 0 !important;
38 }
39
40 .tt-mb-10 {
41 margin-bottom: 10px !important;
42 }
43
44 .tt-mb-15 {
45 margin-bottom: 15px !important;
46 }
47
48 .tt-mb-20 {
49 margin-bottom: 20px !important;
50 }
51
52 .tt-mb-25 {
53 margin-bottom: 25px !important;
54 }
55
56 .tt-mb-30 {
57 margin-bottom: 30px !important;
58 }
59
60 .tt-mb-35 {
61 margin-bottom: 35px !important;
62 }
63
64 .tt-mb-40 {
65 margin-bottom: 40px !important;
66 }
67
68 .tt-mb-45 {
69 margin-bottom: 45px !important;
70 }
71
72 .tt-mt-0 {
73 margin-top: 0 !important;
74 }
75
76 .tt-mt-5 {
77 margin-top: 5px !important;
78 }
79
80 .tt-mt-10 {
81 margin-top: 10px !important;
82 }
83
84 .tt-mt-30 {
85 margin-top: 30px !important;
86 }
87
88 .tt-mt-40 {
89 margin-top: 40px !important;
90 }
91
92 .tt-primary-color {
93 color: var(--tt-primary-color);
94 }
95
96 #wpcontent,
97 #wpfooter {
98 background-color: #f2f4f8;
99 }
100
101 #wpcontent {
102 min-height: 100vh;
103 }
104
105 .wrap {
106 margin: 20px 40px 0 20px;
107 }
108
109 .toplevel_page_timetics .tt-page-header-wrapper {
110 border-bottom: 1px solid #d9d9d9;
111 padding-bottom: 27px;
112 margin-bottom: 30px;
113 }
114 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header {
115 padding: 0;
116 background-color: transparent;
117 }
118 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-left,
119 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-extra {
120 margin: 0;
121 }
122 .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-title {
123 font-size: 22px;
124 line-height: 33px;
125 }
126 .toplevel_page_timetics .tt-page-header-wrapper .ant-btn svg {
127 fill: var(--tt-primary-color);
128 }
129 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path {
130 stroke: var(--tt-primary-color);
131 }
132 .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child {
133 border-top-right-radius: 6px;
134 border-bottom-right-radius: 6px;
135 }
136
137 .timetics-input .ant-input-lg,
138 .timetics-input .ant-picker,
139 .timetics-input .ant-select:not(.ant-select-customize-input) .ant-select-selector,
140 .timetics-input .ant-input-affix-wrapper,
141 .timetics-input .ant-input-number,
142 .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
143 border-color: #e2e2e3;
144 border-radius: 6px;
145 height: 42px;
146 padding: 0 15px;
147 font-size: 14px;
148 }
149 .timetics-input .ant-form-item-label > label {
150 font-weight: 500;
151 font-size: 13px;
152 line-height: 13px;
153 color: var(--tt-secondary-color-50);
154 text-transform: capitalize;
155 }
156 .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
157 line-height: 42px;
158 }
159 .timetics-input textarea.ant-input {
160 border-radius: 6px;
161 }
162 .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-item,
163 .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
164 line-height: 40px;
165 }
166 .timetics-input.tt-sm-input .ant-input-number-sm {
167 height: 34px;
168 line-height: 32px;
169 }
170 .timetics-input .ant-select-arrow {
171 right: 15px;
172 height: 15px;
173 }
174 .timetics-input .ant-select-arrow .anticon-down {
175 background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg3MDY4IDIuNjEyMDRDMC4zODk4MTYgMi4xMzExOCAwLjM4OTgxNiAxLjM1MTU0IDAuODcwNjc5IDAuODcwNjhDMS4zNTE1NCAwLjM4OTgxNyAyLjEzMTE4IDAuMzg5ODE2IDIuNjEyMDQgMC44NzA2OEw4LjI1ODY0IDYuNTE3MjhMMTMuOTA1MiAwLjg3MDY4QzE0LjM4NjEgMC4zODk4MTcgMTUuMTY1NyAwLjM4OTgxNiAxNS42NDY2IDAuODcwNjc5QzE2LjEyNzUgMS4zNTE1NCAxNi4xMjc1IDIuMTMxMTggMTUuNjQ2NiAyLjYxMjA0TDguOTY1NzUgOS4yOTI4OUM4LjU3NTIyIDkuNjgzNDIgNy45NDIwNiA5LjY4MzQyIDcuNTUxNTMgOS4yOTI4OUwwLjg3MDY4IDIuNjEyMDRaIiBmaWxsPSIjMEExMDE4Ii8+Cjwvc3ZnPgo=");
176 width: 14px;
177 height: 9px;
178 background-repeat: no-repeat;
179 background-size: 13px;
180 }
181 .timetics-input .ant-select-arrow .anticon-down svg {
182 display: none;
183 }
184
185 .ant-input-affix-wrapper input[type=text]:focus,
186 .ant-input-affix-wrapper input[type=password]:focus,
187 .ant-input-affix-wrapper input[type=color]:focus,
188 .ant-input-affix-wrapper input[type=date]:focus,
189 .ant-input-affix-wrapper input[type=datetime]:focus,
190 .ant-input-affix-wrapper input[type=datetime-local]:focus,
191 .ant-input-affix-wrapper input[type=email]:focus,
192 .ant-input-affix-wrapper input[type=month]:focus,
193 .ant-input-affix-wrapper input[type=number]:focus,
194 .ant-input-affix-wrapper input[type=search]:focus,
195 .ant-input-affix-wrapper input[type=tel]:focus,
196 .ant-input-affix-wrapper input[type=time]:focus,
197 .ant-input-affix-wrapper input[type=url]:focus,
198 .ant-input-affix-wrapper input[type=week]:focus,
199 .ant-input-affix-wrapper input[type=checkbox]:focus,
200 .ant-input-affix-wrapper input[type=radio]:focus,
201 .ant-input-affix-wrapper select:focus,
202 .ant-input-affix-wrapper textarea:focus,
203 .ant-select-selection-search input[type=text]:focus,
204 .ant-select-selection-search input[type=password]:focus,
205 .ant-select-selection-search input[type=color]:focus,
206 .ant-select-selection-search input[type=date]:focus,
207 .ant-select-selection-search input[type=datetime]:focus,
208 .ant-select-selection-search input[type=datetime-local]:focus,
209 .ant-select-selection-search input[type=email]:focus,
210 .ant-select-selection-search input[type=month]:focus,
211 .ant-select-selection-search input[type=number]:focus,
212 .ant-select-selection-search input[type=search]:focus,
213 .ant-select-selection-search input[type=tel]:focus,
214 .ant-select-selection-search input[type=time]:focus,
215 .ant-select-selection-search input[type=url]:focus,
216 .ant-select-selection-search input[type=week]:focus,
217 .ant-select-selection-search input[type=checkbox]:focus,
218 .ant-select-selection-search input[type=radio]:focus,
219 .ant-select-selection-search select:focus,
220 .ant-select-selection-search textarea:focus {
221 box-shadow: none;
222 outline: none;
223 }
224
225 .input-search-field .ant-input-affix-wrapper {
226 font-size: 16px;
227 border-radius: 6px;
228 padding: 1px 15px;
229 }
230
231 .tt-heading {
232 font-weight: 600;
233 font-size: 24px;
234 }
235
236 #time_tics_dashboard .ant-btn,
237 .tt-btn-dropdown .ant-btn,
238 .ant-modal-wrap .ant-btn,
239 .ant-popover-inner-content .ant-btn {
240 border-radius: 6px;
241 font-weight: 600;
242 }
243 #time_tics_dashboard .ant-btn.ant-btn-sm,
244 .tt-btn-dropdown .ant-btn.ant-btn-sm,
245 .ant-modal-wrap .ant-btn.ant-btn-sm,
246 .ant-popover-inner-content .ant-btn.ant-btn-sm {
247 height: 30px;
248 line-height: 30px;
249 padding: 0 11px;
250 }
251 #time_tics_dashboard .ant-btn.ant-btn-md,
252 .tt-btn-dropdown .ant-btn.ant-btn-md,
253 .ant-modal-wrap .ant-btn.ant-btn-md,
254 .ant-popover-inner-content .ant-btn.ant-btn-md {
255 height: 34px;
256 line-height: 34px;
257 }
258 #time_tics_dashboard .ant-btn.ant-btn-lg,
259 .tt-btn-dropdown .ant-btn.ant-btn-lg,
260 .ant-modal-wrap .ant-btn.ant-btn-lg,
261 .ant-popover-inner-content .ant-btn.ant-btn-lg {
262 height: 38px;
263 line-height: 1;
264 }
265 #time_tics_dashboard .ant-btn svg,
266 .tt-btn-dropdown .ant-btn svg,
267 .ant-modal-wrap .ant-btn svg,
268 .ant-popover-inner-content .ant-btn svg {
269 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
270 }
271 #time_tics_dashboard .tt-more-action-btn,
272 .tt-btn-dropdown .tt-more-action-btn,
273 .ant-modal-wrap .tt-more-action-btn,
274 .ant-popover-inner-content .tt-more-action-btn {
275 padding: 5px 6px;
276 }
277
278 .tt-action-dropdown .ant-dropdown-menu {
279 min-width: 208px;
280 padding: 0;
281 border-radius: 6px;
282 -webkit-border-radius: 6px;
283 -ms-border-radius: 6px;
284 border: 1px solid var(--tt-secondary-color-12);
285 }
286 .tt-action-dropdown .ant-dropdown-menu-item {
287 padding: 8px 12px;
288 border-radius: 4px;
289 }
290 .tt-action-dropdown .ant-dropdown-menu-item a {
291 text-decoration: none;
292 font-weight: 500;
293 font-size: 14px;
294 color: var(--tt-secondary-color-65);
295 }
296 .tt-action-dropdown .ant-dropdown-menu-item:hover a {
297 color: var(--tt-secondary-color);
298 }
299 .tt-action-dropdown.tt-action-area .ant-dropdown-menu {
300 min-width: 210px;
301 padding: 10px 5px;
302 }
303 .tt-action-dropdown.tt-action-area .ant-dropdown-menu svg {
304 margin-right: 5px;
305 position: relative;
306 bottom: -3px;
307 }
308 .tt-action-dropdown.tt-action-area .ant-dropdown-menu-item {
309 padding: 7px 12px;
310 }
311
312 .tt-text-right {
313 text-align: right;
314 }
315
316 .tt-notification-content .ant-collapse-content > .ant-collapse-content-box {
317 padding: 25px;
318 }
319
320 .tt-container-wrapper {
321 max-width: 720px;
322 margin: 60px auto 0;
323 }
324 .tt-container-wrapper .tt-appoint-type {
325 font-size: 21px;
326 line-height: 25px;
327 margin: 0 0 40px 0;
328 font-weight: 600;
329 }
330 .tt-container-wrapper .tt-form-container {
331 padding: 30px;
332 background-color: #ffffff;
333 border: 1px solid #e1e4e9;
334 border-radius: 8px;
335 }
336 @media screen and (max-width: 768px) {
337 .tt-container-wrapper .tt-form-container {
338 padding: 20px;
339 }
340 }
341 .tt-container-wrapper .tt-form-container .ant-collapse {
342 border-radius: 8px;
343 }
344 .tt-container-wrapper .tt-form-container .ant-collapse-header-text {
345 font-size: 14px;
346 font-weight: 600;
347 }
348 .tt-container-wrapper .tt-form-container .tt-link-btn {
349 padding: 0;
350 }
351
352 .ql-editor {
353 min-height: 130px;
354 }
355
356 .tt-tooltip-card .ant-tooltip-arrow {
357 min-width: 18px;
358 min-height: 18px;
359 }
360 .tt-tooltip-card .ant-tooltip-inner {
361 min-height: 20px;
362 padding: 4px 8px;
363 font-size: 12px;
364 }
365
366 @media screen and (max-width: 782px) {
367 input[type=text] {
368 min-height: 30px;
369 }
370 }
371 @media (max-width: 590px) {
372 .ant-picker-panel-container .ant-picker-panels {
373 flex-direction: column;
374 }
375 }
376 .tt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input {
377 background-color: transparent;
378 }
379
380 .ant-notification {
381 margin-top: 16px !important;
382 }
383
384 .toplevel_page_timetics .ant-switch {
385 height: 24px;
386 background-color: var(--tt-secondary-color-20);
387 box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12);
388 border-radius: 28px;
389 }
390 .toplevel_page_timetics .ant-switch .ant-switch-handle {
391 top: 4px;
392 left: 4px;
393 width: 16px;
394 height: 16px;
395 }
396 .toplevel_page_timetics .ant-switch .ant-switch-handle::before {
397 box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
398 background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%);
399 }
400 .toplevel_page_timetics .ant-switch.ant-switch-checked {
401 background: var(--tt-primary-gradient);
402 }
403 .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle {
404 left: calc(100% - 20px);
405 }
406 .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle::before {
407 background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.7) 87.98%);
408 box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
409 }
410 .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner {
411 width: 20px;
412 height: 20px;
413 border-radius: 4px;
414 z-index: 1;
415 }
416 .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner::after {
417 width: 6.714286px;
418 height: 11.142857px;
419 left: 23%;
420 top: 45%;
421 border-radius: 0;
422 }
423 .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
424 background: var(--tt-primary-gradient);
425 border-color: var(--tt-primary-color);
426 }
427 .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked:after {
428 border-radius: 4px;
429 }
430 .toplevel_page_timetics .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {
431 width: 12px;
432 height: 12px;
433 left: 50%;
434 top: 50%;
435 border-radius: 2px;
436 background: var(--tt-primary-gradient);
437 }
438 .toplevel_page_timetics .ant-checkbox + span {
439 position: relative;
440 top: -3px;
441 }
442 .toplevel_page_timetics .ant-checkbox.ant-checkbox-disabled .ant-checkbox-input {
443 width: 20px;
444 height: 20px;
445 top: 4px;
446 }
447 .toplevel_page_timetics .ant-checkbox-input:focus + .ant-checkbox-inner,
448 .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox-inner,
449 .toplevel_page_timetics .ant-checkbox:hover .ant-checkbox-inner {
450 border-color: var(--tt-primary-color);
451 }
452 .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox:after,
453 .toplevel_page_timetics .ant-checkbox:hover:after {
454 visibility: visible;
455 border-color: var(--tt-primary-color);
456 }
457 .toplevel_page_timetics .meeting-pagination {
458 text-align: right;
459 }
460 @media (max-width: 991px) {
461 .toplevel_page_timetics .meeting-pagination {
462 text-align: center;
463 }
464 }
465 .toplevel_page_timetics .ant-pagination .ant-pagination-item {
466 width: 30px;
467 min-width: 30px;
468 line-height: 25px;
469 height: 30px;
470 background-color: transparent;
471 border-color: transparent;
472 border-radius: 4px;
473 }
474 .toplevel_page_timetics .ant-pagination .ant-pagination-item a {
475 font-weight: 600;
476 line-height: 28px;
477 }
478 .toplevel_page_timetics .ant-pagination .ant-pagination-item:hover {
479 border-color: var(--tt-primary-color);
480 }
481 .toplevel_page_timetics .ant-pagination .ant-pagination-item-active {
482 border: 1px solid var(--tt-primary-color);
483 border-radius: 4px;
484 }
485 .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link,
486 .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link {
487 background-color: transparent;
488 border: 1px solid transparent;
489 }
490 .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link:hover,
491 .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link:hover {
492 border-color: transparent;
493 }
494 .toplevel_page_timetics .ant-pagination-disabled .ant-pagination-item-link,
495 .toplevel_page_timetics .ant-pagination-disabled:hover .ant-pagination-item-link {
496 color: rgba(0, 0, 0, 0.25);
497 border-color: transparent;
498 background-color: transparent;
499 cursor: not-allowed;
500 }
501 .toplevel_page_timetics .tt-meeting-create-btn .ant-btn-primary svg {
502 fill: #fff !important;
503 }
504 .toplevel_page_timetics .ant-tabs-tab-btn {
505 color: var(--tt-secondary-color-50);
506 }
507 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav,
508 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav,
509 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav,
510 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav {
511 margin: 0 0 30px;
512 }
513 .toplevel_page_timetics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
514 padding: 0 0 10px;
515 font-size: 15px;
516 font-weight: 600;
517 }
518 .toplevel_page_timetics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
519 .toplevel_page_timetics .ant-tabs-tab:hover {
520 color: var(--tt-primary-color);
521 text-shadow: none;
522 }
523 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav:before,
524 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav:before,
525 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav:before,
526 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav:before {
527 border-bottom: 1px solid #d9d9d9;
528 }
529 .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
530 .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar,
531 .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
532 .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
533 height: 3px;
534 }
535 .toplevel_page_timetics .ant-tabs-ink-bar {
536 background: var(--tt-primary-gradient);
537 border-radius: 10px 10px 0 0;
538 }
539 .toplevel_page_timetics .tt-settings-wrapper .ant-typography.ant-typography-secondary {
540 color: var(--tt-secondary-color-65);
541 }
542 .toplevel_page_timetics .tt-settings-wrapper .ant-btn.ant-btn-default {
543 text-decoration: none;
544 line-height: 1;
545 padding: 0 15px;
546 color: var(--tt-primary-color);
547 border-color: var(--tt-primary-color);
548 }
549 .toplevel_page_timetics .ant-table {
550 background-color: transparent;
551 }
552 .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:last-child {
553 border-top-right-radius: 6px;
554 }
555 .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:first-child {
556 border-top-left-radius: 6px;
557 }
558 .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:last-child {
559 border-bottom-right-radius: 6px;
560 }
561 .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:first-child {
562 border-bottom-left-radius: 6px;
563 }
564 .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 {
565 display: none;
566 }
567 .toplevel_page_timetics .ant-table .ant-table-sticky-holder,
568 .toplevel_page_timetics .ant-table .ant-table-sticky-scroll {
569 background: transparent;
570 }
571 .toplevel_page_timetics .ant-table .ant-table-thead > tr > th {
572 background: #e9eaef;
573 border-bottom-color: transparent;
574 box-shadow: none;
575 }
576 .toplevel_page_timetics .ant-table table tr td.ant-table-selection-column,
577 .toplevel_page_timetics .ant-table table tr th.ant-table-selection-column {
578 padding-right: 20px;
579 padding-left: 20px;
580 }
581 .toplevel_page_timetics .ant-table .ant-table-tbody > tr > td {
582 background-color: #fff;
583 }
584 .toplevel_page_timetics .ant-table .ant-table-tbody tr:nth-child(2n-1) td {
585 background-color: var(--tt-secondary-color-05);
586 }
587 .toplevel_page_timetics .ant-spin {
588 color: var(--tt-primary-color);
589 }
590 .toplevel_page_timetics .ant-spin .ant-spin-dot-item {
591 background-color: var(--tt-primary-color);
592 }
593 .toplevel_page_timetics .ant-spin-blur {
594 opacity: 0;
595 }
596 .toplevel_page_timetics .ant-alert-info {
597 border: transparent;
598 border-radius: 8px;
599 }
600 .toplevel_page_timetics .ant-spin-blur {
601 opacity: 0;
602 }
603 .toplevel_page_timetics .ant-collapse {
604 background-color: #fff;
605 border-color: var(--tt-secondary-color-12);
606 }
607 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child {
608 border-radius: 0 0 8px 8px;
609 }
610 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header,
611 .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-content {
612 border-radius: 0 0 8px 8px;
613 }
614 .toplevel_page_timetics .ant-collapse.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
615 padding-top: 25px;
616 padding-bottom: 25px;
617 }
618 .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
619 position: relative;
620 padding: 10px 40px 10px 10px;
621 background-color: var(--tt-secondary-color-03);
622 border-top-right-radius: 7px;
623 border-top-left-radius: 7px;
624 }
625 .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item:not(.ant-collapse-item-active) > .ant-collapse-header {
626 border-radius: 8px;
627 }
628 .toplevel_page_timetics .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
629 padding: 25px;
630 border-radius: 0 0 8px 8px;
631 }
632 .toplevel_page_timetics .ant-collapse .ant-collapse-item-active .ant-collapse-expand-icon .anticon svg {
633 transform: rotate(-180deg);
634 }
635 .toplevel_page_timetics .ant-collapse-item.ant-collapse-item-disabled {
636 opacity: 1;
637 }
638 .toplevel_page_timetics .ant-tooltip .ant-tooltip-inner {
639 background: var(--tt-secondary-gradient);
640 border-radius: 4px;
641 font-weight: 600;
642 font-size: 12px;
643 }
644 .toplevel_page_timetics .ant-tooltip .ant-tooltip-arrow-content {
645 --antd-arrow-background-color: var(--tt-secondary-color);
646 }
647 .toplevel_page_timetics .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
648 line-height: 40px;
649 padding: 0 40px 0 20px;
650 border-radius: 6px;
651 }
652 .toplevel_page_timetics .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item,
653 .toplevel_page_timetics .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
654 padding: 0;
655 line-height: 40px;
656 transition: all 0.3s;
657 }
658 .toplevel_page_timetics .ant-select-dropdown {
659 border: transparent;
660 border-radius: 4px;
661 box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
662 padding: 0;
663 }
664 .toplevel_page_timetics .ant-select-dropdown {
665 border: 1px solid var(--tt-secondary-color-12);
666 border-radius: 6px;
667 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
668 padding: 4px;
669 }
670 .toplevel_page_timetics .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
671 border-radius: 4px;
672 background-color: var(--tt-secondary-color-08);
673 }
674 .toplevel_page_timetics .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
675 border-color: var(--tt-primary-color);
676 }
677 .toplevel_page_timetics .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
678 background-color: var(--tt-primary-color-08);
679 border-radius: 4px;
680 margin-bottom: 4px;
681 }
682 .toplevel_page_timetics .flatpickr-day.selected,
683 .toplevel_page_timetics .flatpickr-day.startRange,
684 .toplevel_page_timetics .flatpickr-day.endRange,
685 .toplevel_page_timetics .flatpickr-day.selected.inRange,
686 .toplevel_page_timetics .flatpickr-day.startRange.inRange,
687 .toplevel_page_timetics .flatpickr-day.endRange.inRange,
688 .toplevel_page_timetics .flatpickr-day.selected:focus,
689 .toplevel_page_timetics .flatpickr-day.startRange:focus,
690 .toplevel_page_timetics .flatpickr-day.endRange:focus,
691 .toplevel_page_timetics .flatpickr-day.selected:hover,
692 .toplevel_page_timetics .flatpickr-day.startRange:hover,
693 .toplevel_page_timetics .flatpickr-day.endRange:hover,
694 .toplevel_page_timetics .flatpickr-day.selected.prevMonthDay,
695 .toplevel_page_timetics .flatpickr-day.startRange.prevMonthDay,
696 .toplevel_page_timetics .flatpickr-day.endRange.prevMonthDay,
697 .toplevel_page_timetics .flatpickr-day.selected.nextMonthDay,
698 .toplevel_page_timetics .flatpickr-day.startRange.nextMonthDay,
699 .toplevel_page_timetics .flatpickr-day.endRange.nextMonthDay {
700 background: var(--tt-primary-color);
701 border-color: var(--tt-primary-color);
702 }
703 .toplevel_page_timetics .ant-modal-content,
704 .toplevel_page_timetics .ant-modal-header {
705 border-radius: 6px;
706 }
707 .toplevel_page_timetics .ant-btn {
708 color: var(--tt-secondary-color-50);
709 }
710 .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning) {
711 padding: 4px 10px;
712 }
713 .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning):hover, .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning):focus {
714 color: var(--tt-primary-color);
715 border-color: var(--tt-primary-color);
716 }
717 .toplevel_page_timetics .ant-btn.ant-btn-primary {
718 background: var(--tt-primary-gradient);
719 color: #fff;
720 border: none;
721 }
722 .toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus {
723 background: var(--tt-primary-gradient);
724 color: #fff;
725 }
726 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg {
727 width: 15px;
728 height: 15px;
729 }
730 .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg path {
731 stroke: #fff;
732 }
733 .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 {
734 color: #fff;
735 }
736 .toplevel_page_timetics .ant-btn.ant-btn-lg {
737 padding: 10px 18px 10px 18px;
738 font-size: 14px;
739 }
740 .toplevel_page_timetics .ant-btn.ant-btn-default {
741 display: inline-flex;
742 align-items: center;
743 justify-content: center;
744 }
745 .toplevel_page_timetics .ant-btn.ant-btn-default .anticon {
746 margin-top: 3px;
747 }
748 .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn {
749 height: 36px;
750 padding: 6px 10px;
751 }
752 .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 {
753 fill: var(--tt-primary-color);
754 }
755 .toplevel_page_timetics .ant-btn.ant-btn-dangerous {
756 color: var(--tt-danger-color);
757 border-color: var(--tt-danger-light-color);
758 }
759 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .anticon {
760 margin-top: 0;
761 }
762 .toplevel_page_timetics .ant-btn.ant-btn-dangerous svg {
763 fill: none;
764 }
765 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus {
766 color: var(--tt-danger-color);
767 border-color: var(--tt-danger-color);
768 }
769 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
770 stroke: var(--tt-danger-color);
771 }
772 .toplevel_page_timetics .ant-input,
773 .toplevel_page_timetics .ant-input-password,
774 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
775 color: var(--tt-secondary-color);
776 border-color: var(--tt-secondary-color-12);
777 }
778 .toplevel_page_timetics .ant-input:hover,
779 .toplevel_page_timetics .ant-input-password:hover,
780 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
781 border-color: var(--tt-primary-color);
782 }
783 .toplevel_page_timetics .ant-input:focus,
784 .toplevel_page_timetics .ant-input-password:focus,
785 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
786 border-color: var(--tt-primary-color);
787 outline: 4px solid rgba(49, 97, 241, 0.25);
788 box-shadow: none;
789 }
790 .toplevel_page_timetics .ant-input[disabled],
791 .toplevel_page_timetics .ant-input-password[disabled],
792 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
793 color: rgba(0, 0, 0, 0.25);
794 }
795 .toplevel_page_timetics .ant-form-item-explain-error {
796 padding: 5px 0;
797 }
798 .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
799 position: absolute;
800 right: -13px;
801 top: 0;
802 }
803 .toplevel_page_timetics .ant-input-number-handler-wrap {
804 right: 2px;
805 }
806 .toplevel_page_timetics .ant-radio-checked .ant-radio-inner {
807 border-color: var(--tt-primary-color);
808 }
809 .toplevel_page_timetics .ant-radio-inner:after {
810 background-color: var(--tt-primary-color);
811 }
812 .toplevel_page_timetics .ant-collapse > .ant-collapse-item > .ant-collapse-header {
813 align-items: center;
814 }
815 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline {
816 border-color: var(--tt-primary-color);
817 color: var(--tt-primary-color);
818 }
819 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .tt-dropdown-item {
820 font-weight: 500;
821 font-size: 14px;
822 color: var(--tt-secondary-color-65);
823 }
824 .toplevel_page_timetics .tt-submenu-action-wrapper {
825 display: flex;
826 justify-content: space-between;
827 gap: 15px;
828 flex-wrap: wrap;
829 }
830 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-submenu-action-select {
831 min-width: 220px;
832 }
833 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
834 display: flex;
835 gap: 15px;
836 }
837
838 .ant-spin.ant-spin-spinning.tt-loader-spinner {
839 display: flex;
840 justify-content: center;
841 align-items: center;
842 flex-direction: column;
843 }
844
845 #adminmenu .wp-submenu .tt-go-pro-link a {
846 color: var(--tt-state-color-02);
847 }
848
849 .tt-country-phone-code .react-tel-input .form-control {
850 width: 100%;
851 height: 42px;
852 }
853 .tt-country-phone-code .react-tel-input .selected-flag .arrow {
854 display: none;
855 }
856
857 .tt-phone-input-country-search {
858 display: flex;
859 align-items: center;
860 padding: 1rem !important;
861 }
862 .tt-phone-input-country-search-box {
863 margin: 0 !important;
864 width: 100%;
865 padding-block: 0.5rem !important;
866 }
867
868 .tt-phone-input {
869 border-color: #d9d9d9 !important;
870 }
871 .tt-phone-input:hover, .tt-phone-input:focus {
872 border-color: var(--tt-primary-color) !important;
873 }
874
875 .tt-phone-input-dropdown-btn {
876 border-color: #d9d9d9 !important;
877 }
878 .tt-phone-input-dropdown-btn:hover, .tt-phone-input-dropdown-btn:focus {
879 border-color: var(--tt-primary-color) !important;
880 }
881
882 .tt-category-tree .ant-tree-switcher {
883 padding-block: 4px;
884 }
885
886 .timetics-stripe {
887 /* spinner/processing state, errors */
888 }
889 .timetics-stripe #payment-message {
890 color: rgb(105, 115, 134);
891 font-size: 16px;
892 line-height: 20px;
893 padding-top: 12px;
894 text-align: center;
895 }
896 .timetics-stripe #payment-element {
897 margin-bottom: 24px;
898 }
899 .timetics-stripe .spinner,
900 .timetics-stripe .spinner:before,
901 .timetics-stripe .spinner:after {
902 border-radius: 50%;
903 }
904 .timetics-stripe .spinner {
905 color: #ffffff;
906 font-size: 22px;
907 text-indent: -99999px;
908 margin: 0px auto;
909 position: relative;
910 width: 20px;
911 height: 20px;
912 box-shadow: inset 0 0 0 2px;
913 -webkit-transform: translateZ(0);
914 -ms-transform: translateZ(0);
915 transform: translateZ(0);
916 }
917 .timetics-stripe .spinner:before,
918 .timetics-stripe .spinner:after {
919 position: absolute;
920 content: "";
921 }
922 .timetics-stripe .spinner:before {
923 width: 10.4px;
924 height: 20.4px;
925 background: #5469d4;
926 border-radius: 20.4px 0 0 20.4px;
927 top: -0.2px;
928 left: -0.2px;
929 -webkit-transform-origin: 10.4px 10.2px;
930 transform-origin: 10.4px 10.2px;
931 -webkit-animation: loading 2s infinite ease 1.5s;
932 animation: loading 2s infinite ease 1.5s;
933 }
934 .timetics-stripe .spinner:after {
935 width: 10.4px;
936 height: 10.2px;
937 background: #5469d4;
938 border-radius: 0 10.2px 10.2px 0;
939 top: -0.1px;
940 left: 10.2px;
941 -webkit-transform-origin: 0px 10.2px;
942 transform-origin: 0px 10.2px;
943 -webkit-animation: loading 2s infinite ease;
944 animation: loading 2s infinite ease;
945 }
946 .timetics-stripe div#link-authentication-element {
947 margin-bottom: 12px;
948 }
949 @keyframes loading {
950 0% {
951 -webkit-transform: rotate(0deg);
952 transform: rotate(0deg);
953 }
954 100% {
955 -webkit-transform: rotate(360deg);
956 transform: rotate(360deg);
957 }
958 }
959
960 .timetics-meeting-list-wrapper .ant-col-8 {
961 padding: 0 15px;
962 }
963 .timetics-meeting-list-wrapper .timetics-meeting-filter {
964 margin-bottom: 30px;
965 padding: 0 15px;
966 }
967 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select-wrapper {
968 display: flex;
969 justify-content: flex-start;
970 gap: 20px;
971 flex-wrap: wrap;
972 }
973 .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select {
974 cursor: pointer;
975 min-width: 190px;
976 }
977 .timetics-meeting-list-wrapper .tt-meeting-list-item {
978 background: #ffffff;
979 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08);
980 border-radius: 8px;
981 -webkit-border-radius: 8px;
982 -ms-border-radius: 8px;
983 padding: 25px;
984 margin-bottom: 30px;
985 }
986 .timetics-meeting-list-wrapper .tt-meeting-list-item p {
987 font-size: 14px;
988 color: #606469;
989 margin: 0 0 15px;
990 }
991 .timetics-meeting-list-wrapper .tt-title {
992 font-weight: 600;
993 font-size: 20px;
994 line-height: 30px;
995 margin: 0 0 15px;
996 }
997 .timetics-meeting-list-wrapper .tt-author {
998 list-style: none;
999 padding: 0;
1000 display: flex;
1001 flex-wrap: wrap;
1002 gap: 20px;
1003 margin-top: 0;
1004 margin-bottom: 10px;
1005 }
1006 .timetics-meeting-list-wrapper .tt-author li {
1007 display: flex;
1008 align-items: center;
1009 gap: 10px;
1010 }
1011 .timetics-meeting-list-wrapper .tt-author li img {
1012 width: 35px;
1013 height: 35px;
1014 object-fit: cover;
1015 border-radius: 50%;
1016 -webkit-border-radius: 50%;
1017 -ms-border-radius: 50%;
1018 }
1019 .timetics-meeting-list-wrapper .tt-author li span {
1020 font-weight: 600;
1021 font-size: 16px;
1022 color: #606469;
1023 }
1024 .timetics-meeting-list-wrapper .meeting-info-list {
1025 list-style: none;
1026 padding: 0;
1027 }
1028 .timetics-meeting-list-wrapper .meeting-info-list li {
1029 font-weight: 500;
1030 font-size: 14px;
1031 display: flex;
1032 align-items: center;
1033 gap: 10px;
1034 margin-bottom: 10px;
1035 }
1036
1037 .tt-booking-list-modal .ant-modal-content {
1038 min-height: 600px;
1039 }
1040
1041 .timetics-meeting-list-wrapper .tt-author-avatar-list {
1042 gap: 0;
1043 /* Position the tooltip container */
1044 }
1045 .timetics-meeting-list-wrapper .tt-author-avatar-list li {
1046 transition: all 0.3s;
1047 margin-left: -6px;
1048 }
1049 .timetics-meeting-list-wrapper .tt-author-avatar-list li:first-child {
1050 margin-left: 0;
1051 }
1052 .timetics-meeting-list-wrapper .tt-author-avatar-list:hover li:not(:first-child) {
1053 margin-left: 2px;
1054 }
1055 .timetics-meeting-list-wrapper .tt-single-host {
1056 position: relative;
1057 /* Style for the tooltip text */
1058 }
1059 .timetics-meeting-list-wrapper .tt-single-host .tt-tooltip-text {
1060 position: absolute;
1061 bottom: 130%;
1062 left: 50%;
1063 text-align: center;
1064 white-space: nowrap;
1065 padding: 3px 8px;
1066 transform: translateX(-50%);
1067 color: #ffffff;
1068 background: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
1069 border-radius: 4px;
1070 font-weight: 600;
1071 font-size: 14px;
1072 opacity: 0;
1073 visibility: hidden;
1074 transition: opacity 0.3s, visibility 0.3s;
1075 z-index: 1;
1076 }
1077 .timetics-meeting-list-wrapper .tt-single-host .tt-tooltip-text::after {
1078 content: "";
1079 position: absolute;
1080 top: 100%;
1081 left: 50%;
1082 margin-left: -5px;
1083 border-width: 5px;
1084 border-style: solid;
1085 border-color: #0a1018 transparent transparent transparent;
1086 }
1087 .timetics-meeting-list-wrapper .tt-single-host:hover .tt-tooltip-text {
1088 opacity: 1;
1089 visibility: visible;
1090 }
1091
1092 .timetics-single-page-wrapper {
1093 padding: 100px 0;
1094 }
1095 .timetics-single-page-wrapper .timetics-container {
1096 max-width: 1200px;
1097 margin: auto;
1098 padding: 0 15px;
1099 }
1100
1101 .ant-btn {
1102 border-radius: 5px;
1103 -webkit-border-radius: 5px;
1104 -ms-border-radius: 5px;
1105 }
1106
1107 .timetics-single-booking-wrapper .tt-section-title {
1108 font-weight: 600;
1109 font-size: 25px;
1110 line-height: 27px;
1111 text-align: center;
1112 }
1113
1114 .tt-form-left-sidebar,
1115 .tt-booking-body-wrap {
1116 border: 1px solid #eaeaea;
1117 background: #fff;
1118 padding: 20px !important;
1119 border-radius: 10px;
1120 -webkit-border-radius: 10px;
1121 -ms-border-radius: 10px;
1122 }
1123 @media (min-width: 768px) {
1124 .tt-form-left-sidebar,
1125 .tt-booking-body-wrap {
1126 height: 100%;
1127 padding: 25px 30px !important;
1128 }
1129 }
1130 .tt-form-left-sidebar .submit-btn,
1131 .tt-booking-body-wrap .submit-btn {
1132 color: #fff;
1133 font-size: 15px;
1134 font-weight: 700;
1135 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1136 border: none;
1137 }
1138 .tt-form-left-sidebar .submit-btn:hover, .tt-form-left-sidebar .submit-btn:focus,
1139 .tt-booking-body-wrap .submit-btn:hover,
1140 .tt-booking-body-wrap .submit-btn:focus {
1141 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1142 }
1143 .tt-form-left-sidebar .submit-btn .anticon svg,
1144 .tt-booking-body-wrap .submit-btn .anticon svg {
1145 width: 15px;
1146 height: 15px;
1147 }
1148 .tt-form-left-sidebar .submit-btn .anticon path,
1149 .tt-booking-body-wrap .submit-btn .anticon path {
1150 stroke: #fff;
1151 }
1152 .tt-form-left-sidebar .submit-btn .ant-btn-loading-icon svg,
1153 .tt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg {
1154 fill: #ffffff;
1155 }
1156 .tt-form-left-sidebar .ant-form-item-explain-error,
1157 .tt-booking-body-wrap .ant-form-item-explain-error {
1158 display: block;
1159 padding: 5px 0;
1160 }
1161 .tt-form-left-sidebar .ant-btn .anticon svg,
1162 .tt-booking-body-wrap .ant-btn .anticon svg {
1163 width: 15px;
1164 height: 15px;
1165 }
1166 .tt-form-left-sidebar .ant-btn.backbtn,
1167 .tt-booking-body-wrap .ant-btn.backbtn {
1168 border-color: transparent;
1169 background: transparent;
1170 box-shadow: none;
1171 color: #0a1018;
1172 font-weight: 700;
1173 }
1174 .tt-form-left-sidebar .ant-btn.backbtn span,
1175 .tt-booking-body-wrap .ant-btn.backbtn span {
1176 border-bottom: 1px solid #0a1018;
1177 }
1178 .tt-form-left-sidebar .ant-btn.backbtn .anticon,
1179 .tt-booking-body-wrap .ant-btn.backbtn .anticon {
1180 border: none;
1181 }
1182 .tt-form-left-sidebar .ant-btn.backbtn .anticon svg,
1183 .tt-booking-body-wrap .ant-btn.backbtn .anticon svg {
1184 fill: none;
1185 width: 15px;
1186 height: 15px;
1187 }
1188 .tt-form-left-sidebar .ant-btn.backbtn:hover, .tt-form-left-sidebar .ant-btn.backbtn:focus,
1189 .tt-booking-body-wrap .ant-btn.backbtn:hover,
1190 .tt-booking-body-wrap .ant-btn.backbtn:focus {
1191 background-color: transparent;
1192 border-color: transparent;
1193 color: #0a1018;
1194 }
1195
1196 .tt-form-left-sidebar .tt-host-item {
1197 display: flex;
1198 border: 1px solid #e2e2e3;
1199 padding: 8px;
1200 border-radius: 10px;
1201 }
1202 .tt-form-left-sidebar .tt-host-item .ant-typography {
1203 font-size: 16px;
1204 font-weight: 600;
1205 color: #000000;
1206 text-transform: capitalize;
1207 }
1208 .tt-form-left-sidebar .tt-meeting-name {
1209 font-size: 24px;
1210 line-height: 29px;
1211 margin: 0 0 10px;
1212 color: #000000;
1213 }
1214 .tt-form-left-sidebar .tt-meeting-description {
1215 font-size: 14px;
1216 line-height: 22px;
1217 display: block;
1218 }
1219 .tt-form-left-sidebar .tt-meeting-location-list .anticon {
1220 display: block;
1221 }
1222 .tt-form-left-sidebar .tt-meeting-location-list .anticon svg {
1223 fill: #4969c2;
1224 width: 18px;
1225 }
1226 .tt-form-left-sidebar .tt-booking-side-info {
1227 display: flex;
1228 gap: 8px;
1229 margin-bottom: 10px;
1230 flex-wrap: wrap;
1231 }
1232 .tt-form-left-sidebar .tt-seat-selected-number {
1233 display: flex;
1234 flex-wrap: wrap;
1235 gap: 10px;
1236 }
1237 .tt-form-left-sidebar .tt-select-host-wrapper {
1238 margin-bottom: 25px;
1239 }
1240 .tt-form-left-sidebar .tt-select-host-wrapper .tt-host-label-text {
1241 font-size: 14px;
1242 font-weight: 500;
1243 color: var(--tt-secondary-color-50);
1244 margin-bottom: 5px;
1245 display: inline-block;
1246 }
1247 .tt-form-left-sidebar .tt-select-host-wrapper .tt-select-host-content .tt-host-name {
1248 font-weight: 600;
1249 font-size: 16px;
1250 color: var(--tt-secondary-color);
1251 }
1252 .tt-form-left-sidebar .tt-select-host-wrapper .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1253 height: 56px;
1254 align-items: center;
1255 }
1256 .tt-form-left-sidebar .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1257 border-radius: 6px;
1258 }
1259
1260 .tt-flatpickr-calendar {
1261 padding-right: 10px;
1262 }
1263 .tt-flatpickr-calendar .flatpickr-calendar {
1264 width: 100%;
1265 box-shadow: none;
1266 background: transparent;
1267 }
1268 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
1269 width: 100%;
1270 min-width: 100%;
1271 max-width: 100%;
1272 }
1273 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
1274 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
1275 width: 100%;
1276 max-width: 100%;
1277 }
1278 .tt-flatpickr-calendar .flatpickr-months {
1279 padding-bottom: 20px;
1280 border-bottom: 1px solid #eaeaea;
1281 margin-bottom: 20px;
1282 }
1283 .tt-flatpickr-calendar .flatpickr-day {
1284 height: 50px;
1285 line-height: 50px;
1286 border-radius: 6px;
1287 -webkit-border-radius: 6px;
1288 -ms-border-radius: 6px;
1289 color: #0a1018;
1290 font-weight: 600;
1291 }
1292 .tt-flatpickr-calendar .flatpickr-day.selected {
1293 color: #fff;
1294 border: none;
1295 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
1296 }
1297 .tt-flatpickr-calendar .flatpickr-disabled {
1298 opacity: 0.4;
1299 }
1300 .tt-flatpickr-calendar .flatpickr-day.today {
1301 border-color: transparent;
1302 }
1303 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
1304 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
1305 left: auto;
1306 right: 40px;
1307 }
1308 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
1309 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
1310 display: flex;
1311 justify-content: center;
1312 align-items: center;
1313 cursor: no-drop;
1314 opacity: 0.4;
1315 }
1316 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1317 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1318 display: flex;
1319 justify-content: center;
1320 align-items: center;
1321 }
1322 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
1323 .tt-flatpickr-calendar .flatpickr-current-month {
1324 text-align: left;
1325 }
1326 .tt-flatpickr-calendar .flatpickr-current-month {
1327 left: 0;
1328 }
1329 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
1330 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
1331 height: 34px;
1332 width: 34px;
1333 padding: 0;
1334 background: #eaeaea;
1335 line-height: 39px;
1336 border-radius: 5px;
1337 }
1338 .tt-flatpickr-calendar .flatpickr-months .cur-year,
1339 .tt-flatpickr-calendar .flatpickr-months .cur-month {
1340 font-weight: 600 !important;
1341 }
1342 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
1343 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
1344 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
1345 background: transparent;
1346 }
1347
1348 .flatpickr-input {
1349 display: none;
1350 }
1351
1352 .tt-slot-list {
1353 max-height: 400px;
1354 overflow: auto;
1355 transition: all ease 1000ms;
1356 }
1357 .tt-slot-list::-webkit-scrollbar-track {
1358 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
1359 border-radius: 10px;
1360 background-color: #f5f5f5;
1361 }
1362 .tt-slot-list::-webkit-scrollbar {
1363 background-color: #fff;
1364 width: 0px;
1365 }
1366 .tt-slot-list .ant-list-items {
1367 margin: 0;
1368 padding: 0;
1369 }
1370 .tt-slot-list .ant-list-item .ant-btn-block {
1371 height: 40px;
1372 color: #000;
1373 border-color: #e2e2e3;
1374 box-shadow: none;
1375 font-weight: 600;
1376 }
1377 .tt-slot-list .ant-list-item .ant-btn-block:hover {
1378 color: #3161f1;
1379 border-color: #3161f1;
1380 }
1381
1382 .tt-meeting-booking-result-wrapper {
1383 border: 1px solid #eaeaea;
1384 border-radius: 8px;
1385 background: #fff;
1386 }
1387 .tt-meeting-booking-result-wrapper .ant-result {
1388 padding: 30px 50px;
1389 }
1390 @media (max-width: 570px) {
1391 .tt-meeting-booking-result-wrapper .ant-result {
1392 padding: 20px;
1393 }
1394 }
1395 .tt-meeting-booking-result-wrapper .ant-result-title {
1396 font-weight: 600;
1397 }
1398 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info {
1399 display: flex;
1400 }
1401 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-WQ {
1402 flex-basis: 40%;
1403 }
1404 .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-details {
1405 flex-basis: 60%;
1406 text-align: left;
1407 }
1408 .tt-meeting-booking-result-wrapper .tt-meeting-booking-change-info {
1409 margin: 20px 0;
1410 }
1411 .tt-meeting-booking-result-wrapper .tt-bookings-upadate-text {
1412 color: var(--tt-secondary-color-65);
1413 text-decoration: underline;
1414 cursor: pointer;
1415 }
1416
1417 .tt-selected-date {
1418 font-size: 16px;
1419 }
1420
1421 .flatpickr-day.prevMonthDay,
1422 .flatpickr-day.nextMonthDay {
1423 height: 0;
1424 width: 0;
1425 visibility: hidden;
1426 }
1427
1428 .tt-slot-list-wrap {
1429 padding-left: 20px;
1430 border-left: 1px solid #eaeaea;
1431 }
1432 .tt-slot-list-wrap .ant-list-item {
1433 padding: 6px 0;
1434 }
1435
1436 .tt-meeting-location-type {
1437 height: 40px;
1438 display: flex;
1439 align-items: center;
1440 line-height: 1;
1441 }
1442
1443 .tt-payment-radio-btn .ant-radio-button-wrapper {
1444 border: 1px solid #eaeaea;
1445 }
1446 .tt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before {
1447 display: none;
1448 }
1449 .tt-payment-radio-btn .tt-payment-radio-btn-icon {
1450 line-height: 1;
1451 display: flex;
1452 align-items: center;
1453 height: 100%;
1454 }
1455 .tt-payment-radio-btn .tt-payment-btn {
1456 border-radius: 6px;
1457 margin-right: 20px;
1458 margin-bottom: 10px;
1459 }
1460 @media (max-width: 380px) {
1461 .tt-payment-radio-btn .tt-payment-btn {
1462 margin-bottom: 20px;
1463 }
1464 }
1465 .tt-payment-radio-btn .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.tt-payment-btn {
1466 border-color: var(--tt-primary-color);
1467 }
1468
1469 .tt-seat-booking-button {
1470 margin-top: 25px;
1471 }
1472
1473 .tt-google-Cal-message {
1474 text-align: left;
1475 font-size: 14px;
1476 background-color: var(--tt-primary-color-08);
1477 padding: 5px 10px;
1478 border-radius: 5px;
1479 margin-bottom: 15px;
1480 }
1481
1482 .timetics-user-account-wrapper .user-dashboard-container {
1483 max-width: 670px;
1484 margin: 0 auto;
1485 }
1486 .timetics-user-account-wrapper .tt-user-header {
1487 display: flex;
1488 justify-content: space-between;
1489 align-items: flex-start;
1490 border-bottom: 1px solid #d9d9d9;
1491 padding-bottom: 20px;
1492 margin-bottom: 30px;
1493 }
1494 .timetics-user-account-wrapper .tt-user-header h3.ant-typography {
1495 margin: 0;
1496 }
1497 .timetics-user-account-wrapper .tt-user-info-area {
1498 display: flex;
1499 gap: 15px;
1500 }
1501 .timetics-user-account-wrapper .ant-btn svg {
1502 fill: var(--tt-secondary-color);
1503 }
1504 .timetics-user-account-wrapper table {
1505 margin: 0;
1506 }
1507 .timetics-user-account-wrapper table,
1508 .timetics-user-account-wrapper td,
1509 .timetics-user-account-wrapper th {
1510 border: none;
1511 }
1512 .timetics-user-account-wrapper p {
1513 margin: 0 !important;
1514 }
1515 .timetics-user-account-wrapper .tt-user-back-button {
1516 display: inline-block;
1517 cursor: pointer;
1518 margin-bottom: 30px;
1519 }
1520 .timetics-user-account-wrapper .tt-user-back-button .anticon svg {
1521 fill: none;
1522 margin-right: 7px;
1523 color: #606469;
1524 }
1525 .timetics-user-account-wrapper .btn-text {
1526 display: inline-block;
1527 color: #606469;
1528 cursor: pointer;
1529 font-weight: 600;
1530 font-size: 13px;
1531 border-bottom: 1px solid #606469;
1532 }
1533 .timetics-user-account-wrapper .tt-user-profile-edit .tt-user-info-update-btn {
1534 display: flex;
1535 align-items: center;
1536 justify-content: space-between;
1537 gap: 10px;
1538 flex-wrap: wrap;
1539 }
1540 .timetics-user-account-wrapper .tt-booking-cancel {
1541 text-decoration: line-through;
1542 cursor: not-allowed;
1543 opacity: 0.3;
1544 }
1545 .timetics-user-account-wrapper .tt-user-bookings-area .ant-select-single .ant-select-selector {
1546 align-items: center;
1547 }
1548