PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.15
Timetics – Appointment Booking Calendar & Scheduling v1.0.15
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 1.0.22 All 64 releases
timetics / assets / css / admin.css

admin.css in Timetics – Appointment Booking Calendar & Scheduling 1.0.15, at assets/css/admin.css

2,863 lines 80.3 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/admin.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: 800px;
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 {
1151 fill: none;
1152 }
1153
1154 .tt-meeting-menu-warper {
1155 display: flex;
1156 justify-content: space-between;
1157 align-items: center;
1158 margin-bottom: 30px;
1159 flex-wrap: wrap;
1160 gap: 10px;
1161 }
1162
1163 .tt-dropdown-content {
1164 margin-top: 15px;
1165 }
1166 .tt-dropdown-content .ant-dropdown-menu {
1167 max-width: 420px;
1168 background-color: #fff;
1169 border-radius: 8px;
1170 -webkit-border-radius: 8px;
1171 -ms-border-radius: 8px;
1172 }
1173 .tt-dropdown-content .ant-dropdown-menu-item {
1174 padding: 0;
1175 }
1176 .tt-dropdown-content .ant-dropdown-menu-item:hover {
1177 background-color: #fff;
1178 }
1179 .tt-dropdown-content .tt-meeting-create-btn {
1180 padding: 13px 20px;
1181 }
1182 .tt-dropdown-content .tt-meeting-create-btn .ant-space-item svg {
1183 fill: var(--tt-primary-color);
1184 }
1185 .tt-dropdown-content .tt-meeting-create-btn h5.ant-typography {
1186 font-size: 15px;
1187 line-height: 18px;
1188 color: var(--tt-secondary-color);
1189 display: flex;
1190 margin: 0;
1191 }
1192 .tt-dropdown-content .tt-meeting-create-btn .ant-typography.ant-typography-secondary {
1193 display: block;
1194 margin-top: 6px;
1195 color: var(--tt-secondary-color-50);
1196 }
1197 .tt-dropdown-content .tt-meeting-create-btn .ant-badge-count,
1198 .tt-dropdown-content .tt-meeting-create-btn .ant-badge-dot,
1199 .tt-dropdown-content .tt-meeting-create-btn .ant-badge .ant-scroll-number-custom-component {
1200 position: absolute;
1201 top: 50%;
1202 right: -25px;
1203 transform: translate(50%, -50%);
1204 transform-origin: 100% 0;
1205 background-color: var(--tt-state-color-02);
1206 text-transform: uppercase;
1207 font-size: 11px;
1208 letter-spacing: 0.5px;
1209 font-weight: 500;
1210 }
1211 .tt-dropdown-content .tt-bg-opacity {
1212 background-color: #eaeaeb;
1213 opacity: 0.3;
1214 cursor: not-allowed;
1215 }
1216 .tt-dropdown-content .ant-ribbon {
1217 line-height: 19px;
1218 }
1219 .tt-dropdown-content .ant-ribbon-text {
1220 color: #fff;
1221 font-size: 12px;
1222 }
1223
1224 #time_tics_dashboard .tt-meeting-filter-area {
1225 display: flex;
1226 justify-content: center;
1227 align-items: center;
1228 gap: 15px;
1229 }
1230 @media (max-width: 980px) {
1231 #time_tics_dashboard .tt-meeting-filter-area {
1232 flex-wrap: wrap;
1233 justify-content: start;
1234 }
1235 }
1236 #time_tics_dashboard .tt-meeting-filter-area .ant-btn {
1237 height: 36px;
1238 padding: 6px 10px;
1239 }
1240 #time_tics_dashboard .tt-meeting-filter-area .ant-btn.ant-popover-open .anticon svg {
1241 fill: var(--tt-primary-color);
1242 }
1243
1244 .tt-filter-popover .ant-popover-inner {
1245 width: 260px;
1246 padding: 0px 10px 15px 10px;
1247 border-radius: 6px;
1248 filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.01));
1249 box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.01);
1250 border: 1px solid var(--tt-secondary-color-12);
1251 }
1252 .tt-filter-popover .ant-form-item {
1253 margin-bottom: 16px;
1254 }
1255 .tt-filter-popover .ant-popover-arrow {
1256 display: none;
1257 }
1258
1259 #time_tics_dashboard .ant-btn.tt-add-location-btn {
1260 color: var(--tt-primary-color);
1261 display: flex;
1262 align-items: center;
1263 margin-top: -10px;
1264 font-size: 14px;
1265 }
1266 #time_tics_dashboard .ant-btn.tt-add-location-btn svg {
1267 fill: var(--tt-primary-color);
1268 border: 1px solid var(--tt-primary-color);
1269 border-radius: 100vmax;
1270 padding: 2px;
1271 }
1272 #time_tics_dashboard .ant-btn.tt-add-location-btn span + span {
1273 border-bottom: 1px solid var(--tt-primary-color);
1274 }
1275 #time_tics_dashboard .ant-btn.tt-add-location-btn:hover, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus {
1276 border-color: transparent;
1277 }
1278 #time_tics_dashboard .ant-btn.tt-add-location-btn:hover span + span, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus span + span {
1279 border-bottom: 1px solid var(--tt-primary-color);
1280 }
1281 #time_tics_dashboard .location-input .ant-select-selection-item {
1282 padding-right: 10px;
1283 }
1284
1285 .tt-location-item svg {
1286 margin-right: 8px;
1287 width: 15px;
1288 height: 15px;
1289 }
1290
1291 .tt-meeting-price-input input[type=number] {
1292 border: none;
1293 box-shadow: none;
1294 outline: none;
1295 padding: 0;
1296 }
1297 .tt-meeting-price-input .ant-input-number {
1298 width: 100%;
1299 }
1300
1301 .ticket-type-wrapper {
1302 padding: 20px;
1303 border: 1px solid var(--tt-secondary-color-12);
1304 border-radius: 8px;
1305 }
1306 .ticket-type-wrapper .timetics-input .ant-form-item-label > label {
1307 text-transform: capitalize;
1308 }
1309 @media (max-width: 575px) {
1310 .ticket-type-wrapper .timetics-input.ant-form-item {
1311 margin-bottom: 5px;
1312 }
1313 }
1314 .ticket-type-wrapper .tt-ticket-repeater-delete {
1315 text-align: right;
1316 margin-top: 10px;
1317 }
1318 .ticket-type-wrapper .tt-ticket-repeater-delete .ant-btn-icon-only {
1319 width: auto;
1320 }
1321
1322 .meeting-integrations-fields {
1323 position: relative;
1324 }
1325 .meeting-integrations-fields .hook_overwrite_opt {
1326 position: absolute;
1327 right: 7px;
1328 bottom: 5px;
1329 margin: 0;
1330 z-index: 1;
1331 background: #eaeaea;
1332 padding: 0 5px;
1333 border-radius: 4px;
1334 }
1335
1336 .tt-meetings-container {
1337 display: flex;
1338 gap: 1rem;
1339 }
1340 .tt-meetings-container .tt-categories-area {
1341 align-self: flex-start;
1342 }
1343 @media screen and (max-width: 768px) {
1344 .tt-meetings-container {
1345 flex-direction: column;
1346 }
1347 .tt-meetings-container .tt-categories-area {
1348 align-self: stretch;
1349 }
1350 }
1351
1352 .tt-meeting-update-page-btn-area {
1353 display: flex;
1354 justify-content: space-between;
1355 align-items: flex-start;
1356 flex-wrap: wrap;
1357 }
1358 .tt-meeting-update-page-btn-area .tt-meeting-preview-btn.ant-btn.ant-btn-default:hover .anticon svg {
1359 fill: var(--tt-primary-color);
1360 }
1361
1362 @media screen and (max-width: 768px) {
1363 .flatpickr-months .flatpickr-month .flatpickr-current-month {
1364 padding: 0;
1365 }
1366 }
1367 .category_item {
1368 cursor: pointer;
1369 }
1370 .category_item .category_item--heading {
1371 font-weight: 600;
1372 color: #8693a5;
1373 }
1374 .category_item .tt-more-action-btn {
1375 opacity: 0;
1376 pointer-events: none;
1377 }
1378 .category_item:hover .tt-more-action-btn {
1379 opacity: 1;
1380 pointer-events: all;
1381 }
1382 .category_item:hover .category_item--heading {
1383 color: #0c274a;
1384 }
1385
1386 .tt-meeting-copy-btn:hover svg {
1387 fill: none;
1388 }
1389 .tt-meeting-copy-btn:hover svg path {
1390 stroke: var(--tt-primary-color);
1391 }
1392
1393 .tt-btn-outline-svg-arrow-icon:hover .anticon svg {
1394 transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1395 }
1396 .tt-btn-outline-svg-arrow-icon:hover .anticon svg path {
1397 stroke: var(--tt-primary-color);
1398 }
1399
1400 .tt-categories-area .tt-categories-create-btn.ant-btn:hover .anticon svg {
1401 fill: var(--tt-primary-color);
1402 }
1403
1404 .tt-meeting-type.ant-typography {
1405 margin-bottom: 30px;
1406 }
1407
1408 .tt-meeting-create-step {
1409 padding-bottom: 29px;
1410 }
1411 .tt-meeting-create-step p {
1412 font-size: 13px;
1413 font-weight: 600;
1414 color: #000;
1415 }
1416 .tt-meeting-create-step .step-bar {
1417 position: relative;
1418 }
1419 .tt-meeting-create-step .step-bar .step1,
1420 .tt-meeting-create-step .step-bar .step2 {
1421 height: 4px;
1422 width: 48%;
1423 border-radius: 20px;
1424 background: #000000;
1425 position: absolute;
1426 content: "";
1427 opacity: 0.2;
1428 }
1429 .tt-meeting-create-step .step-bar .step1 {
1430 top: 0;
1431 left: 0;
1432 opacity: 1;
1433 }
1434 .tt-meeting-create-step .step-bar .step2 {
1435 top: 0;
1436 right: 0;
1437 }
1438
1439 .tt-single-meeting-card {
1440 background-color: #ffffff;
1441 padding: 30px 30px 20px;
1442 box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1443 border: 1px solid rgb(238, 239, 241);
1444 border-radius: 8px;
1445 position: relative;
1446 }
1447 @media screen and (max-width: 570px) {
1448 .tt-single-meeting-card {
1449 padding: 20px;
1450 }
1451 }
1452 .tt-single-meeting-card.disabled-meeting-card {
1453 background-color: #eeeff1;
1454 border: 1px solid var(--tt-secondary-color-12);
1455 opacity: 0.5;
1456 }
1457 .tt-single-meeting-card.disabled-meeting-card .ant-btn {
1458 background-color: transparent;
1459 }
1460 .tt-single-meeting-card .meeting-header-info-wrappers {
1461 display: flex;
1462 justify-content: space-between;
1463 align-items: flex-start;
1464 margin-bottom: 15px;
1465 column-gap: 15px;
1466 }
1467 .tt-single-meeting-card .meeting-header-info-wrappers .tt-meeting-title {
1468 cursor: pointer;
1469 }
1470 .tt-single-meeting-card .meeting-meta-list {
1471 display: flex;
1472 gap: 24px;
1473 margin-top: 0;
1474 margin-bottom: 45px;
1475 }
1476 .tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item {
1477 position: relative;
1478 margin: 0 0 0 10px;
1479 }
1480 .tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item::before {
1481 position: absolute;
1482 content: "";
1483 left: -10px;
1484 top: 50%;
1485 transform: translateY(-50%);
1486 height: 4px;
1487 width: 4px;
1488 border-radius: 50%;
1489 background-color: #d9d9d9;
1490 }
1491 .tt-single-meeting-card .meeting-meta-list p {
1492 line-height: 1;
1493 margin: 0;
1494 color: rgba(0, 0, 0, 0.6);
1495 }
1496 .tt-single-meeting-card .meeting-card-footer {
1497 display: flex;
1498 justify-content: space-between;
1499 align-items: center;
1500 }
1501 .tt-single-meeting-card .meeting-card-footer .ant-btn:hover .anticon:not(.tt-eye-stroke) svg path {
1502 stroke: var(--tt-primary-color);
1503 }
1504 .tt-single-meeting-card .meeting-card-footer .ant-btn:hover .tt-eye-stroke svg {
1505 fill: var(--tt-primary-color);
1506 }
1507 .tt-single-meeting-card .meeting-card-footer .ant-btn.ant-btn-dangerous:hover .anticon svg path {
1508 stroke: var(--tt-danger-color);
1509 }
1510 .tt-single-meeting-card .meeting-pagination {
1511 margin-top: 20px;
1512 }
1513 .tt-single-meeting-card .tt-meeting-checkbox {
1514 position: absolute;
1515 top: 1px;
1516 left: 4px;
1517 }
1518 .tt-single-meeting-card .ant-checkbox-inner {
1519 background-color: transparent;
1520 border-color: var(--tt-secondary-color-12);
1521 border-radius: 5px;
1522 -webkit-border-radius: 5px;
1523 -ms-border-radius: 5px;
1524 }
1525
1526 .tt-meeting-card-bulk-action-wrapper .ant-btn .anticon {
1527 position: relative;
1528 top: 2px;
1529 }
1530 .tt-meeting-card-bulk-action-wrapper .ant-btn:not(.ant-btn-dangerous):hover svg {
1531 fill: var(--tt-primary-color);
1532 }
1533
1534 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner {
1535 width: 18px;
1536 height: 18px;
1537 }
1538 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner::after {
1539 width: 6px;
1540 height: 9px;
1541 left: 22%;
1542 top: 45%;
1543 border-radius: 0;
1544 }
1545 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
1546 border-color: var(--tt-primary-color) !important;
1547 }
1548 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-input:focus + .ant-checkbox-inner,
1549 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner,
1550 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox:hover .ant-checkbox-inner {
1551 border-color: var(--tt-secondary-color-12);
1552 }
1553 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner:after {
1554 position: absolute;
1555 display: table;
1556 border: 2px solid var(--tt-secondary-color-20);
1557 border-top: 0;
1558 border-left: 0;
1559 transform: rotate(45deg) scale(1) translate(-50%, -50%);
1560 opacity: 1;
1561 transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
1562 content: " ";
1563 }
1564 .toplevel_page_timetics .tt-seat-plan-list-container .ant-result-title {
1565 line-height: 1.4;
1566 }
1567
1568 .ant-checkbox-wrapper:hover .ant-checkbox:after,
1569 .ant-checkbox:hover:after {
1570 visibility: visible;
1571 border-color: var(--tt-primary-color);
1572 }
1573
1574 .tt-share-meeting-modal .ant-modal-content,
1575 .tt-share-meeting-modal .ant-modal-header {
1576 border-radius: 16px;
1577 }
1578 .tt-share-meeting-modal .ant-modal-header {
1579 padding: 24px 30px;
1580 margin-right: 20px;
1581 border-bottom: none;
1582 }
1583 .tt-share-meeting-modal .ant-modal-body {
1584 padding: 0px 30px 30px;
1585 }
1586 .tt-share-meeting-modal .tt-share-meeting-wrapper {
1587 position: relative;
1588 }
1589 .tt-share-meeting-modal .tt-share-meeting-wrapper .tt-copy-button {
1590 position: absolute;
1591 right: 5px;
1592 top: 50%;
1593 transform: translateY(-50%);
1594 }
1595 .tt-share-meeting-modal .tt-share-link-input {
1596 position: relative;
1597 margin-bottom: 0;
1598 }
1599 .tt-share-meeting-modal .tt-share-link-input input[readonly] {
1600 background-color: transparent;
1601 }
1602 .tt-share-meeting-modal .tt-share-link-input::after {
1603 content: "";
1604 position: absolute;
1605 width: 156px;
1606 height: 30px;
1607 top: 6px;
1608 right: 68px;
1609 background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 3%, rgb(255, 255, 255) 75%);
1610 }
1611
1612 .profile-img-wrapper .ant-avatar-circle {
1613 border: 6px solid #d9d9d9;
1614 }
1615
1616 .staff-integration-list .ant-list-item-meta-title {
1617 margin-top: 0;
1618 }
1619
1620 .tt-action-wrap .ant-btn.ant-btn-dangerous .anticon {
1621 margin-top: 3px;
1622 }
1623 .tt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path {
1624 stroke: var(--tt-primary-color);
1625 }
1626
1627 .tt-booking-modal .ant-modal-content {
1628 border-radius: 8px;
1629 margin-bottom: 30px;
1630 }
1631 .tt-booking-modal .ant-modal-header {
1632 border-radius: 8px 8px 0 0;
1633 -webkit-border-radius: 8px 8px 0 0;
1634 -ms-border-radius: 8px 8px 0 0;
1635 }
1636 .tt-booking-modal .tt-booking-modal-details {
1637 background-color: #f4f5f6;
1638 padding: 20px 30px;
1639 border-radius: 8px;
1640 }
1641 .tt-booking-modal .ant-list-item-meta-title {
1642 margin: 0;
1643 text-transform: uppercase;
1644 font-size: 13px;
1645 font-weight: 700;
1646 }
1647 .tt-booking-modal .ant-list-split .ant-list-item {
1648 border-bottom: none;
1649 padding: 10px 0;
1650 }
1651
1652 .ant-select-selection-item,
1653 .ant-select-item-option-content {
1654 text-transform: capitalize;
1655 }
1656
1657 .tt-booking-cancel {
1658 text-decoration: line-through;
1659 }
1660
1661 .tt-submenu-action-select {
1662 margin: 0;
1663 }
1664 .tt-submenu-action-select .ant-input-lg,
1665 .tt-submenu-action-select .ant-picker,
1666 .tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector,
1667 .tt-submenu-action-select .ant-input-affix-wrapper,
1668 .tt-submenu-action-select .ant-input-number,
1669 .tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
1670 height: 37px;
1671 }
1672 .tt-submenu-action-select .ant-input-lg .ant-select-selection-item,
1673 .tt-submenu-action-select .ant-picker .ant-select-selection-item,
1674 .tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
1675 .tt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item,
1676 .tt-submenu-action-select .ant-input-number .ant-select-selection-item,
1677 .tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
1678 line-height: 35px;
1679 }
1680 .tt-submenu-action-select.timetics-input .ant-select-arrow {
1681 right: 9px;
1682 }
1683
1684 .tt-booking-list .tt-meeting-status,
1685 .tt-booking-list .tt-customer-email {
1686 font-weight: 600;
1687 }
1688
1689 .tt-bulk-delete .ant-space-item span {
1690 font-weight: 600;
1691 }
1692
1693 .tt-seatsmap-wrapper {
1694 position: relative;
1695 padding-bottom: 70%;
1696 overflow: auto;
1697 padding-left: 40px;
1698 padding-top: 30px;
1699 padding-right: 40px;
1700 }
1701 .tt-seatsmap-wrapper .seats-item {
1702 position: absolute;
1703 display: inline-block;
1704 }
1705 .tt-seatsmap-wrapper .seats-item.chair {
1706 cursor: pointer;
1707 }
1708 .tt-seatsmap-wrapper .seats-item.circle {
1709 border-radius: 50%;
1710 }
1711
1712 .tt-seat-map-controls {
1713 display: flex;
1714 justify-content: center;
1715 align-items: center;
1716 gap: 15px;
1717 margin: 30px 0;
1718 flex-wrap: wrap;
1719 }
1720 .tt-seat-map-controls .tt-set-map-button {
1721 line-height: 0px;
1722 }
1723 .tt-seat-map-controls .timetics-dot {
1724 height: 25px;
1725 width: 25px;
1726 border-radius: 50%;
1727 display: inline-block;
1728 }
1729
1730 .tt-meeting-location-type {
1731 height: 40px;
1732 display: flex;
1733 align-items: center;
1734 line-height: 1;
1735 }
1736
1737 .tt-booking-view-action .ant-radio-button-wrapper {
1738 height: 40px;
1739 line-height: 38px;
1740 }
1741 .tt-booking-view-action .ant-radio-button-wrapper:hover, .tt-booking-view-action .ant-radio-button-wrapper:focus {
1742 color: var(--tt-primary-color);
1743 }
1744 .tt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
1745 color: var(--tt-primary-color);
1746 border-color: var(--tt-primary-color);
1747 }
1748 .tt-booking-view-action .ant-radio-button-wrapper:first-child {
1749 border-radius: 6px 0 0 6px;
1750 }
1751 .tt-booking-view-action .ant-radio-button-wrapper:last-child {
1752 border-radius: 0 6px 6px 0;
1753 }
1754 .tt-booking-view-action .tt-booking-view-radio {
1755 display: flex;
1756 align-items: center;
1757 gap: 5px;
1758 }
1759 .tt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
1760 color: var(--tt-primary-color);
1761 }
1762
1763 .tt-schedules-container {
1764 margin-bottom: 20px;
1765 }
1766 .tt-schedules-container .tt-schedules-content {
1767 border: 1px solid var(--tt-secondary-color-12);
1768 padding: 30px;
1769 border-radius: 8px;
1770 }
1771 .tt-schedules-container .tt-schedules-content .ant-checkbox-wrapper span {
1772 text-transform: uppercase;
1773 font-weight: 700;
1774 font-size: 14px;
1775 }
1776 .tt-schedules-container .tt-schedules-content .ant-checkbox {
1777 margin-right: 15px;
1778 }
1779 .tt-schedules-container .tt-schedules-content .ant-checkbox span {
1780 text-transform: uppercase;
1781 }
1782 .tt-schedules-container .tt-schedules-content .ant-checkbox-checked .ant-checkbox-inner {
1783 background-color: #000;
1784 border-color: #000;
1785 }
1786 .tt-schedules-container .tt-meeting-schedule {
1787 padding: 25px 20px 20px 20px;
1788 background-color: #ffffff;
1789 border: 1px solid var(--tt-secondary-color-12);
1790 border-radius: 6px;
1791 margin-top: -28px;
1792 }
1793 @media screen and (max-width: 570px) {
1794 .tt-schedules-container .tt-meeting-schedule {
1795 padding: 0;
1796 }
1797 }
1798 .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
1799 margin-bottom: 20px;
1800 }
1801 @media screen and (max-width: 570px) {
1802 .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
1803 margin: 20px;
1804 }
1805 }
1806 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule {
1807 display: flex;
1808 gap: 20px;
1809 margin-bottom: 20px;
1810 position: relative;
1811 }
1812 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule:last-child {
1813 margin-bottom: 0;
1814 }
1815 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule .ant-checkbox + span {
1816 padding-left: 20px;
1817 }
1818 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule-time {
1819 width: 100%;
1820 }
1821 .tt-schedules-container .tt-meeting-schedule .tt-single-host-delete {
1822 margin-top: 16px;
1823 }
1824 .tt-schedules-container .tt-meeting-schedule .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1825 border-radius: 4px;
1826 }
1827 .tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper {
1828 font-weight: 600;
1829 color: #aeb0b3;
1830 }
1831 .tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
1832 color: #000;
1833 }
1834 .tt-schedules-container .tt-host-wrapper {
1835 display: flex;
1836 align-items: center;
1837 gap: 8px;
1838 min-height: 30px;
1839 }
1840 .tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
1841 padding: 30px;
1842 }
1843 @media screen and (max-width: 570px) {
1844 .tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
1845 padding: 10px;
1846 }
1847 }
1848 .tt-schedules-container .tt-availability-btn-area {
1849 margin-bottom: 15px;
1850 }
1851 .tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg {
1852 fill: #ffffff;
1853 }
1854 .tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg path {
1855 stroke: none;
1856 }
1857 .tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg {
1858 fill: transparent;
1859 }
1860 .tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg path {
1861 stroke: var(--tt-primary-color);
1862 }
1863 .tt-schedules-container .tt-availability-day {
1864 font-weight: 600;
1865 text-transform: uppercase;
1866 font-size: 14px;
1867 }
1868 .tt-schedules-container .ant-divider-horizontal {
1869 margin: 16px 0;
1870 border-top-color: var(--tt-secondary-color-12);
1871 }
1872 .tt-schedules-container .ant-checkbox + span {
1873 position: relative;
1874 top: -3px;
1875 text-transform: uppercase;
1876 font-weight: 600;
1877 padding-left: 25px;
1878 }
1879 .tt-schedules-container .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1880 border: 1px solid var(--tt-secondary-color-12);
1881 border-radius: 4px;
1882 }
1883 .tt-schedules-container .ant-select-dropdown {
1884 border-radius: 4px;
1885 box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
1886 }
1887 .tt-schedules-container .ant-checkbox-wrapper {
1888 margin-top: 5px;
1889 }
1890 .tt-schedules-container .tt-add-schedule-time-slot .anticon {
1891 margin-top: 4px;
1892 }
1893 .tt-schedules-container .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
1894 border-color: var(--tt-primary-color);
1895 box-shadow: none;
1896 }
1897 .tt-schedules-container .tt-single-host-schedule + .tt-single-host-schedule {
1898 margin-top: 15px;
1899 }
1900
1901 .tt-schedule-time-slot-delete {
1902 line-height: 1;
1903 margin-top: 3px;
1904 }
1905
1906 .tt-overview-content-area .tt-overview-heading h2 {
1907 margin: 0;
1908 font-size: 26px;
1909 font-weight: 600;
1910 line-height: 32px;
1911 }
1912 .tt-overview-content-area .tt-overview-performance .ant-card-meta-title {
1913 font-size: 18px;
1914 font-weight: 400;
1915 line-height: 1.3;
1916 color: #5f6a78;
1917 margin-bottom: 0;
1918 }
1919 .tt-overview-content-area .tt-overview-performance .ant-card-meta-description {
1920 margin: 0;
1921 font-size: 30px;
1922 font-weight: 700;
1923 line-height: 34px;
1924 color: #000;
1925 }
1926 .tt-overview-content-area .tt-overview-performance .tt-overview-card {
1927 border-radius: 8px;
1928 box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
1929 }
1930 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-body {
1931 padding: 30px;
1932 }
1933 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta {
1934 display: block;
1935 margin: 0;
1936 }
1937 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta-avatar {
1938 padding: 0;
1939 margin-bottom: 32px;
1940 }
1941 .tt-overview-content-area .tt-overview-title {
1942 margin: 0;
1943 font-size: 18px;
1944 font-weight: 600;
1945 color: var(--tt-secondary-color-65);
1946 }
1947 .tt-overview-content-area .tt-overview-card-data {
1948 margin: 0;
1949 font-size: 40px;
1950 font-weight: 600;
1951 line-height: 48px;
1952 letter-spacing: -0.011em;
1953 }
1954
1955 .tt-overview-wrapper .tt-page-header-wrapper {
1956 margin-bottom: 0;
1957 border-bottom-color: transparent;
1958 padding-bottom: 20px;
1959 }
1960
1961 .toplevel_page_timetics .tt-overview-heading .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
1962 padding: 0 16px;
1963 align-items: center;
1964 height: 36px;
1965 }
1966
1967 .tt-overview-heading {
1968 display: flex;
1969 justify-content: space-between;
1970 align-items: center;
1971 margin-bottom: 25px;
1972 flex-wrap: wrap;
1973 gap: 10px;
1974 }
1975
1976 .tt-overview-reports,
1977 .tt-overview-upcomming-bookings {
1978 border-radius: 8px;
1979 box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
1980 background-color: #ffffff;
1981 padding: 30px;
1982 }
1983
1984 .tt-overview-upcomming-bookings .tt-upcomming-booking-name {
1985 min-width: 60%;
1986 font-size: 14px;
1987 font-weight: 600;
1988 margin: 0;
1989 }
1990 .tt-overview-upcomming-bookings .ant-list-item-meta-title {
1991 margin-top: 0;
1992 }
1993 .tt-overview-upcomming-bookings .ant-list-item {
1994 align-items: flex-start;
1995 }
1996
1997 .tt-overview-report-chart {
1998 border: 1px solid #eeeeee;
1999 border-radius: 8px;
2000 padding: 20px;
2001 }
2002
2003 .tt-customize-form-container h5.ant-typography {
2004 margin: 0;
2005 font-weight: 600;
2006 font-size: 16px;
2007 line-height: 17px;
2008 letter-spacing: -0.011em;
2009 }
2010 .tt-customize-form-container .tt-customize-form-header {
2011 margin-bottom: 30px;
2012 }
2013 .tt-customize-form-container .tt-customize-form-header .tt-customize-form-desc {
2014 font-weight: 400;
2015 font-size: 14px;
2016 line-height: 17px;
2017 letter-spacing: -0.011em;
2018 color: var(--tt-secondary-color-50);
2019 }
2020 .tt-customize-form-container .tt-single-field {
2021 border: 1px solid var(--tt-secondary-color-12);
2022 border-radius: 6px;
2023 margin-bottom: 20px;
2024 padding: 10px 10px 10px 16px;
2025 display: flex;
2026 align-items: center;
2027 justify-content: space-between;
2028 position: relative;
2029 transition: 0.4s;
2030 }
2031 .tt-customize-form-container .tt-single-field::before {
2032 content: "";
2033 position: absolute;
2034 display: inline-block;
2035 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M3 1.5C3 2.32843 2.32843 3 1.5 3C0.671573 3 0 2.32843 0 1.5C0 0.671573 0.671573 0 1.5 0C2.32843 0 3 0.671573 3 1.5Z" fill="%23B5B7BA"/><path d="M3 7.5C3 8.32843 2.32843 9 1.5 9C0.671573 9 0 8.32843 0 7.5C0 6.67157 0.671573 6 1.5 6C2.32843 6 3 6.67157 3 7.5Z" fill="%23B5B7BA"/><path d="M3 13.5C3 14.3284 2.32843 15 1.5 15C0.671573 15 0 14.3284 0 13.5C0 12.6716 0.671573 12 1.5 12C2.32843 12 3 12.6716 3 13.5Z" fill="%23B5B7BA"/><path d="M9 1.5C9 2.32843 8.32843 3 7.5 3C6.67157 3 6 2.32843 6 1.5C6 0.671573 6.67157 0 7.5 0C8.32843 0 9 0.671573 9 1.5Z" fill="%23B5B7BA"/><path d="M9 7.5C9 8.32843 8.32843 9 7.5 9C6.67157 9 6 8.32843 6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5Z" fill="%23B5B7BA"/><path d="M9 13.5C9 14.3284 8.32843 15 7.5 15C6.67157 15 6 14.3284 6 13.5C6 12.6716 6.67157 12 7.5 12C8.32843 12 9 12.6716 9 13.5Z" fill="%23B5B7BA"/></svg>');
2036 background-repeat: no-repeat;
2037 background-size: contain;
2038 width: 9px;
2039 height: 15px;
2040 left: -20px;
2041 top: 50%;
2042 transform: translateY(-50%);
2043 visibility: hidden;
2044 opacity: 0;
2045 display: none;
2046 }
2047 .tt-customize-form-container .tt-single-field .tt-field-action-info {
2048 display: flex;
2049 gap: 10px;
2050 }
2051 .tt-customize-form-container .tt-single-field:last-child {
2052 margin-bottom: 0;
2053 }
2054 .tt-customize-form-container .tt-single-field .tt-field-required {
2055 margin-left: 10px;
2056 font-size: 10px;
2057 background: var(--tt-secondary-color-08);
2058 border-radius: 3px;
2059 font-weight: 500;
2060 line-height: 12px;
2061 letter-spacing: 0.03em;
2062 padding: 1px 4px 3px;
2063 }
2064 .tt-customize-form-container .tt-customize-form-area {
2065 padding: 16px;
2066 border-radius: 5px;
2067 border: 1px solid var(--tt-secondary-color-12);
2068 }
2069
2070 .tt-custom-form-modal .tt-custom-form-area .tt-placeholder-field {
2071 background-color: #f8f8fb;
2072 padding: 20px;
2073 border-radius: 8px;
2074 }
2075 .tt-custom-form-modal .ant-modal-body {
2076 padding: 40px 40px 0 40px;
2077 }
2078 .tt-custom-form-modal .ant-modal-footer {
2079 border-top: none;
2080 padding: 8px 40px 40px 40px;
2081 }
2082
2083 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item > .ant-collapse-header {
2084 align-items: center;
2085 }
2086 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item {
2087 margin-bottom: 30px;
2088 border: 1px solid var(--tt-secondary-color-12);
2089 border-radius: 8px;
2090 }
2091 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item:last-child {
2092 margin-bottom: 0;
2093 border-radius: 8px;
2094 }
2095 @media (max-width: 480px) {
2096 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-card-meta {
2097 flex-direction: column;
2098 }
2099 .tt-settings-wrapper .tt-integration-settings.ant-collapse .tt-apple-calendar .ant-collapse-header {
2100 padding-right: 12px;
2101 }
2102 }
2103 .tt-settings-wrapper .tt-payment-settings .ant-collapse-header {
2104 padding: 15px !important;
2105 }
2106 .tt-settings-wrapper .tt-payment-settings .ant-collapse-content-box {
2107 background-color: var(--tt-secondary-color-05);
2108 border-radius: 0 5px 5px 0;
2109 }
2110 .tt-settings-wrapper .tt-payment-settings .ant-collapse-item {
2111 margin-bottom: 30px;
2112 border: 1px solid #eaeaea;
2113 border-radius: 5px;
2114 -webkit-border-radius: 5px;
2115 -ms-border-radius: 5px;
2116 }
2117 @media screen and (max-width: 768px) {
2118 .tt-settings-wrapper .tt-payment-settings .ant-card-meta {
2119 flex-direction: column;
2120 }
2121 }
2122 .tt-settings-wrapper .tt-local-payment-panel .ant-collapse-content-box,
2123 .tt-settings-wrapper .tt-woocommerce-payment .ant-collapse-content-box {
2124 display: none;
2125 }
2126 .tt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child,
2127 .tt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
2128 align-items: center;
2129 border-radius: 5px;
2130 -webkit-border-radius: 5px;
2131 -ms-border-radius: 5px;
2132 }
2133 .tt-settings-wrapper .ant-card-meta-avatar {
2134 padding-right: 16px;
2135 flex: 0 0 54px;
2136 }
2137 .tt-settings-wrapper .ant-card-meta-avatar svg {
2138 width: 54px;
2139 height: 54px;
2140 background: #edf4ff;
2141 padding: 15px;
2142 border-radius: 50%;
2143 }
2144 .tt-settings-wrapper .tt-general-sitting {
2145 border: 1px solid var(--tt-secondary-color-12);
2146 border-radius: 8px;
2147 padding: 25px;
2148 }
2149 .tt-settings-wrapper .tt-general-sitting .ant-form-item {
2150 margin-bottom: 0;
2151 }
2152 @media screen and (min-width: 768px) {
2153 .tt-settings-wrapper .tt-general-sitting .tt-align-right {
2154 text-align: right;
2155 }
2156 }
2157 .tt-settings-wrapper .tt-color-setting {
2158 display: flex;
2159 justify-content: start;
2160 align-items: center;
2161 }
2162 @media (min-width: 768px) {
2163 .tt-settings-wrapper .tt-color-setting {
2164 justify-content: flex-end;
2165 }
2166 }
2167 .tt-settings-wrapper .tt-color-setting .tt-color-input-field {
2168 flex-basis: 40%;
2169 }
2170 .tt-settings-wrapper .tt-color-setting .tt-react-color {
2171 display: flex;
2172 justify-content: center;
2173 align-items: center;
2174 border: 1px solid var(--tt-secondary-color-12);
2175 padding: 8px;
2176 border-radius: 5px;
2177 -webkit-border-radius: 5px;
2178 -ms-border-radius: 5px;
2179 }
2180 .tt-settings-wrapper .tt-color-setting .tt-react-color .tt-react-color-code {
2181 max-width: 70px;
2182 margin-left: 10px;
2183 }
2184 .tt-settings-wrapper .tt-color-setting .tt-react-color-picker {
2185 position: absolute;
2186 z-index: 2;
2187 }
2188 @media screen and (max-width: 768px) {
2189 .tt-settings-wrapper .ant-collapse-extra .tt-primary-color {
2190 display: none;
2191 }
2192 }
2193
2194 .tt-color-picker {
2195 position: relative;
2196 }
2197 .tt-color-picker .wp-picker-holder {
2198 position: absolute;
2199 bottom: 104%;
2200 z-index: 99;
2201 }
2202 .tt-color-picker input.button.button-small.wp-picker-clear {
2203 display: none;
2204 }
2205 .tt-color-picker.color-picker-bottom .wp-picker-holder {
2206 top: 104%;
2207 }
2208
2209 .ant-collapse-item.ant-collapse-item-disabled {
2210 background: rgba(234, 234, 234, 0.4196078431);
2211 opacity: 0.7;
2212 }
2213
2214 .tt-flatpickr-calendar {
2215 padding-right: 10px;
2216 }
2217 .tt-flatpickr-calendar .flatpickr-calendar {
2218 width: 100%;
2219 box-shadow: none;
2220 background: transparent;
2221 }
2222 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
2223 width: 100%;
2224 min-width: 100%;
2225 max-width: 100%;
2226 }
2227 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
2228 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
2229 width: 100%;
2230 max-width: 100%;
2231 }
2232 .tt-flatpickr-calendar .flatpickr-months {
2233 padding-bottom: 20px;
2234 border-bottom: 1px solid #eaeaea;
2235 margin-bottom: 20px;
2236 }
2237 .tt-flatpickr-calendar .flatpickr-day {
2238 height: 50px;
2239 line-height: 50px;
2240 border-radius: 6px;
2241 -webkit-border-radius: 6px;
2242 -ms-border-radius: 6px;
2243 color: #0a1018;
2244 font-weight: 600;
2245 }
2246 .tt-flatpickr-calendar .flatpickr-day.selected {
2247 color: #fff;
2248 border: none;
2249 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2250 }
2251 .tt-flatpickr-calendar .flatpickr-disabled {
2252 opacity: 0.4;
2253 }
2254 .tt-flatpickr-calendar .flatpickr-day.today {
2255 border-color: transparent;
2256 }
2257 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
2258 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
2259 left: auto;
2260 right: 40px;
2261 }
2262 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
2263 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
2264 display: block;
2265 cursor: no-drop;
2266 opacity: 0.4;
2267 }
2268 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
2269 .tt-flatpickr-calendar .flatpickr-current-month {
2270 text-align: left;
2271 }
2272 .tt-flatpickr-calendar .flatpickr-current-month {
2273 left: 0;
2274 }
2275 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2276 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2277 height: 34px;
2278 width: 34px;
2279 padding: 0;
2280 background: #eaeaea;
2281 line-height: 39px;
2282 border-radius: 5px;
2283 }
2284 .tt-flatpickr-calendar .flatpickr-months .cur-year,
2285 .tt-flatpickr-calendar .flatpickr-months .cur-month {
2286 font-weight: 600 !important;
2287 }
2288 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
2289 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
2290 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
2291 background: transparent;
2292 }
2293
2294 .flatpickr-input {
2295 display: none;
2296 }
2297
2298 .timetics-onboard .tt-onboard-header {
2299 display: flex;
2300 justify-content: space-between;
2301 align-items: center;
2302 margin: 60px 0;
2303 flex-wrap: wrap;
2304 gap: 20px;
2305 }
2306 .timetics-onboard .tt-onboard-header .tt-help-info {
2307 font-size: 15px;
2308 font-weight: 400;
2309 color: #000000;
2310 }
2311 .timetics-onboard .tt-onboard-header .tt-help-info .tt-get-help-link {
2312 font-weight: 700;
2313 color: #5d5dff;
2314 }
2315 .timetics-onboard .timetics-wizard-container {
2316 max-width: 600px;
2317 margin: 0 auto;
2318 }
2319 .timetics-onboard .onboard-wizard-container {
2320 background-color: #fff;
2321 border-radius: 20px;
2322 padding: 40px;
2323 animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running;
2324 }
2325 @media screen and (max-width: 570px) {
2326 .timetics-onboard .onboard-wizard-container {
2327 padding: 20px;
2328 }
2329 }
2330 .timetics-onboard .tt-onboard-progress-bar {
2331 max-width: 400px;
2332 text-align: center;
2333 margin: 0 auto;
2334 margin-bottom: 50px;
2335 }
2336 .timetics-onboard .tt-onboard-progress-bar .ant-progress-bg {
2337 background-color: #3161f1;
2338 }
2339 .timetics-onboard .tt-onboard-progress-bar .ant-progress-inner {
2340 background-color: #e2e2e3;
2341 }
2342 .timetics-onboard .tt-skip-button {
2343 text-align: center;
2344 margin-top: 20px;
2345 }
2346 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link {
2347 border: none;
2348 }
2349 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link span {
2350 border-bottom: 1px solid #84878b;
2351 line-height: 1;
2352 color: #84878b;
2353 }
2354 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link:hover span {
2355 border-color: #5d5dff;
2356 color: #5d5dff;
2357 }
2358 .timetics-onboard p {
2359 font-size: 14px;
2360 color: #838790;
2361 margin: 0;
2362 line-height: 24px;
2363 text-wrap: balance;
2364 }
2365 .timetics-onboard .tt-onboard-welcome {
2366 padding: 40px 80px;
2367 }
2368 .timetics-onboard .tt-onboard-welcome .banner {
2369 text-align: center;
2370 margin-bottom: 50px;
2371 }
2372 .timetics-onboard .tt-onboard-welcome .banner img {
2373 width: 75%;
2374 }
2375 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content {
2376 text-align: center;
2377 }
2378 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content h3 {
2379 font-size: 32px;
2380 line-height: 38px;
2381 margin-bottom: 20px;
2382 font-weight: 700;
2383 margin-top: 0;
2384 }
2385 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content p {
2386 margin-bottom: 35px;
2387 text-wrap: inherit;
2388 }
2389 .timetics-onboard .tt-onboard-wizard-header {
2390 text-align: center;
2391 margin-bottom: 35px;
2392 }
2393 .timetics-onboard .tt-onboard-wizard-header h3 {
2394 font-size: 24px;
2395 font-weight: 700;
2396 line-height: 29px;
2397 margin-bottom: 15px;
2398 margin-top: 0;
2399 }
2400 .timetics-onboard .tt-onboard-action-btn-wrapper {
2401 display: flex;
2402 justify-content: space-between;
2403 gap: 15px;
2404 margin-top: 30px;
2405 }
2406 @media screen and (max-width: 570px) {
2407 .timetics-onboard .tt-onboard-action-btn-wrapper {
2408 justify-content: center;
2409 }
2410 }
2411 .timetics-onboard .tt-outline-icon-btn .anticon svg path {
2412 transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
2413 }
2414 .timetics-onboard .tt-outline-icon-btn:hover .anticon svg path {
2415 stroke: var(--tt-primary-color);
2416 }
2417 .timetics-onboard .tt-single-calendar-connect {
2418 display: flex;
2419 justify-content: space-between;
2420 align-items: center;
2421 border: 1px solid var(--tt-secondary-color-12);
2422 padding: 15px;
2423 border-radius: 8px;
2424 flex-wrap: wrap;
2425 gap: 10px;
2426 }
2427 .timetics-onboard .tt-calendar-icon {
2428 display: flex;
2429 gap: 15px;
2430 align-items: center;
2431 }
2432 .timetics-onboard .tt-single-calendar-connect + .tt-single-calendar-connect {
2433 margin-top: 15px;
2434 }
2435 .timetics-onboard .tt-onboard-availability {
2436 padding: 30px;
2437 border: 1px solid var(--tt-secondary-color-12);
2438 border-radius: 10px;
2439 }
2440 .timetics-onboard .tt-onboard-availability.timetics-input > .ant-divider:first-child {
2441 display: none;
2442 }
2443 .timetics-onboard .tt-empathizing {
2444 color: #5d5dff;
2445 font-weight: 600;
2446 }
2447 .timetics-onboard .tt-onboard-demo-data-import {
2448 margin: 120px 0;
2449 }
2450
2451 @keyframes AnimationFadeIn {
2452 from {
2453 opacity: 0;
2454 transform: translateX(50px);
2455 }
2456 to {
2457 opacity: 1;
2458 }
2459 }
2460 .toplevel_page_timetics .tt-pro-notice {
2461 padding-right: 8px;
2462 }
2463 .toplevel_page_timetics .tt-go-pro-btn {
2464 z-index: 1000;
2465 }
2466 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default {
2467 color: #0a1018;
2468 border: 1px solid #fb9e12;
2469 background-color: #fef6e6;
2470 }
2471 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-integration {
2472 position: absolute;
2473 right: 8px;
2474 top: 50%;
2475 transform: translate(-10px, -50%);
2476 }
2477 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-meeting-integration {
2478 position: absolute;
2479 top: 50%;
2480 right: 6px;
2481 transform: translate(0, -2%);
2482 }
2483 .toplevel_page_timetics .tt-go-pro-btn .tt-go-pro-arrow {
2484 margin-left: 8px;
2485 }
2486
2487 .tt-calendar-container {
2488 background-color: transparent;
2489 border-radius: 8px;
2490 }
2491 .tt-calendar-container .tt-calendar .fc-timegrid-slot {
2492 padding: 7px;
2493 }
2494 .tt-calendar-container .tt-calendar .fc-toolbar-chunk {
2495 display: flex;
2496 justify-content: center;
2497 align-items: center;
2498 gap: 10px;
2499 flex-wrap: wrap;
2500 }
2501 .tt-calendar-container .tt-calendar .fc-daygrid-event-harness .tt-calendar div {
2502 text-overflow: ellipsis;
2503 overflow: hidden;
2504 }
2505 .tt-calendar-container .tt-calendar .ant-form-item {
2506 margin-bottom: 0;
2507 }
2508 .tt-calendar-container .tt-calendar table .fc-scrollgrid {
2509 border: none;
2510 }
2511 .tt-calendar-container .tt-calendar table thead {
2512 background-color: #e2ecf4;
2513 }
2514 .tt-calendar-container .tt-calendar table thead .fc-scrollgrid-sync-inner {
2515 margin: 8px 0px;
2516 }
2517 .tt-calendar-container .tt-calendar table thead .fc-col-header-cell-cushion {
2518 font-size: 14px;
2519 color: #0c274a !important;
2520 }
2521 .tt-calendar-container .tt-calendar table tbody {
2522 background: #ffffff;
2523 }
2524 .tt-calendar-container .tt-calendar table tbody .fc-daygrid-day-number {
2525 font-size: 14px;
2526 font-weight: 600;
2527 color: #0c274a !important;
2528 margin: 10px 10px 0px 10px !important;
2529 }
2530 .tt-calendar-container .tt-calendar td.fc-day.fc-day-past {
2531 cursor: not-allowed;
2532 opacity: 0.3;
2533 }
2534 .tt-calendar-container .tt-calendar .fc .fc-daygrid-day.fc-day-today, .tt-calendar-container .tt-calendar .fc .fc-day-today.fc-scrollgrid, .tt-calendar-container .tt-calendar .fc .fc-day-today.tt-cal-header {
2535 background: none;
2536 }
2537 .tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before, .tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.fc-scrollgrid .fc-daygrid-day-number:before, .tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.tt-cal-header .fc-daygrid-day-number:before,
2538 .tt-calendar-container .fc-day-today .fc-col-header-cell-cushion:before {
2539 background-color: var(--tt-primary-color);
2540 content: "";
2541 display: inline-block;
2542 height: 12px;
2543 width: 12px;
2544 margin-right: 8px;
2545 border-radius: 50%;
2546 }
2547 .tt-calendar-container .tt-calendar-drawer .ant-drawer-title {
2548 font-size: 22px;
2549 }
2550 .tt-calendar-container .tt-calendar-drawer .ant-drawer-header {
2551 padding: 30px 24px;
2552 margin-top: 10px;
2553 }
2554 .tt-calendar-container .fc-today-button {
2555 background-color: #f7f7fc !important;
2556 text-transform: capitalize !important;
2557 padding: 10px 12px !important;
2558 font-weight: bold;
2559 font-size: 14px !important;
2560 color: #0c274a !important;
2561 border: none;
2562 }
2563 .tt-calendar-container .fc-button-group > button {
2564 text-transform: capitalize !important;
2565 }
2566 .tt-calendar-container .fc-button-group > button:first-child {
2567 border-radius: 6px 0 0 6px;
2568 }
2569 .tt-calendar-container .fc-button-group > button:last-child {
2570 border-radius: 0px 6px 6px 0px;
2571 }
2572 .tt-calendar-container .fc-button-group > button:not(.fc-button-active) {
2573 background-color: #f7f7fc;
2574 color: #0c274a;
2575 border: 1px solid rgba(12, 39, 74, 0.2);
2576 }
2577 .tt-calendar-container .fc-button-group > button:hover {
2578 background-color: #0c274a !important;
2579 color: #f7f7fc;
2580 }
2581 .tt-calendar-container .fc-daygrid-event-harness {
2582 background-color: #ecf2f8;
2583 padding: 3px;
2584 margin: 5px;
2585 border-radius: 4px;
2586 }
2587 .tt-calendar-container .fc-daygrid-event-harness .tt-calendar > b {
2588 color: #0c274a;
2589 font-weight: 600;
2590 font-size: 13px;
2591 }
2592 .tt-calendar-container .fc-daygrid-event-harness:hover {
2593 background-color: #b9dbfe;
2594 }
2595 .tt-calendar-container .fc-timegrid-event-harness {
2596 background-color: #ecf2f8;
2597 padding: 8px;
2598 margin: 5px;
2599 border-radius: 4px;
2600 }
2601 .tt-calendar-container .fc-timegrid-event-harness .tt-calendar > b {
2602 color: #0c274a;
2603 font-weight: 600;
2604 font-size: 13px;
2605 }
2606 .tt-calendar-container .fc-timegrid-event-harness:hover {
2607 background-color: #b9dbfe;
2608 }
2609 .tt-calendar-container .fc-timegrid-slot-label-cushion, .tt-calendar-container .fc-timegrid-axis-cushion {
2610 color: #0c274a;
2611 font-size: 14px;
2612 font-weight: 600;
2613 }
2614 .tt-calendar-container .fc-timegrid-axis-cushion {
2615 text-transform: capitalize;
2616 }
2617 .tt-calendar-container .fc-event-main {
2618 background-color: #ecf2f8;
2619 color: #0c274a !important;
2620 padding: 2px !important;
2621 border-radius: 2px;
2622 font-weight: 600;
2623 }
2624 .tt-calendar-container .fc-event-main:hover {
2625 background-color: #b9dbfe;
2626 }
2627 .tt-calendar-container .fc-daygrid-event:hover {
2628 background-color: #b9dbfe !important;
2629 }
2630 .tt-calendar-container .fc-daygrid-more-link {
2631 color: #0c274a;
2632 font-size: 12px;
2633 font-weight: 600px;
2634 margin: 5px;
2635 }
2636 .tt-calendar-container .fc-daygrid-day, .tt-calendar-container .fc-scrollgrid, .tt-calendar-container .tt-cal-header {
2637 border: 1px solid #e2ecf4 !important;
2638 }
2639 .tt-calendar-container .fc-daygrid-day-frame {
2640 height: 120px !important;
2641 }
2642 .tt-calendar-container .fc-header-toolbar {
2643 flex-wrap: wrap !important;
2644 gap: 20px;
2645 }
2646 @media (max-width: 480px) {
2647 .tt-calendar-container {
2648 padding: 0px;
2649 }
2650 }
2651 .tt-calendar-container .fc-view-harness {
2652 max-width: 100%;
2653 overflow-x: auto;
2654 }
2655 .tt-calendar-container .fc-view-harness table {
2656 min-width: 800px;
2657 }
2658 .tt-calendar-container .tt-text-capitalize {
2659 text-transform: capitalize;
2660 }
2661 .tt-calendar-container .tt-modal-meetings {
2662 min-width: 400px;
2663 display: flex;
2664 justify-content: space-between;
2665 }
2666 .tt-calendar-container .tt-calendar-modal .ant-modal-header {
2667 background-color: #e2ecf4;
2668 }
2669 .tt-calendar-container .tt-calendar-modal .ant-popover-arrow {
2670 display: none;
2671 }
2672 .tt-calendar-container .tt-modal-meeting-header {
2673 font-size: 16px;
2674 font-weight: 600;
2675 background-color: #0c274a;
2676 color: #ffffff !important;
2677 border-radius: 5px;
2678 }
2679 .tt-calendar-container .tt-pointer {
2680 cursor: pointer;
2681 }
2682 .tt-calendar-container .tt-calendar-booking-delete {
2683 z-index: 11000 !important;
2684 }
2685 .tt-calendar-container .tt-select-with-icon .ant-select-item-option-content {
2686 display: flex;
2687 align-items: center;
2688 column-gap: 5px;
2689 }
2690 .tt-calendar-container .tt-calendar-toolbar-title {
2691 font-size: 1.5em;
2692 margin: 0px;
2693 color: #0c274a;
2694 }
2695 .tt-calendar-container .tt-align-center-justify-between {
2696 display: flex;
2697 align-items: center;
2698 gap: 10px;
2699 justify-content: end;
2700 }
2701 @media (min-width: 576px) and (max-width: 1200px) {
2702 .tt-calendar-container .tt-align-center-justify-between {
2703 justify-content: start;
2704 }
2705 }
2706 .tt-calendar-container .timetics-input {
2707 height: 37px;
2708 border-radius: 8px;
2709 border: 1px solid #e2ecf4;
2710 }
2711 .tt-calendar-container .timetics-input .ant-input:placeholder-shown {
2712 font-size: 14px;
2713 }
2714 .tt-calendar-container .tt-submenu-action-select {
2715 min-width: 120px;
2716 border: none !important;
2717 }
2718 @media (max-width: 400px) {
2719 .tt-calendar-container .tt-submenu-action-select {
2720 min-width: 90px;
2721 }
2722 }
2723 .tt-calendar-container .tt-prev-button, .tt-calendar-container .tt-next-button {
2724 border-radius: 50% !important;
2725 height: 32px !important;
2726 width: 32px !important;
2727 position: relative;
2728 }
2729 .tt-calendar-container .tt-prev-button:hover, .tt-calendar-container .tt-next-button:hover {
2730 background-color: #0c274a !important;
2731 border-color: #e2ecf4 !important;
2732 }
2733 .tt-calendar-container .tt-today-btn {
2734 background-color: #f7f7fc !important;
2735 padding: 17px 12px !important;
2736 font-size: 14px !important;
2737 color: #0c274a !important;
2738 font-weight: 600 !important;
2739 }
2740 .tt-calendar-container .tt-today-btn:hover {
2741 background-color: #0c274a !important;
2742 border-color: #e2ecf4 !important;
2743 color: #e2ecf4 !important;
2744 }
2745 .tt-calendar-container .tt-min-width-200 {
2746 min-width: 200px;
2747 }
2748 @media screen and (max-width: 768px) {
2749 .tt-calendar-container .tt-sm-mb-10 {
2750 margin-bottom: 10px;
2751 }
2752 }
2753 .tt-calendar-container .tt-calendar-header-action {
2754 display: flex;
2755 justify-content: flex-end;
2756 gap: 10px;
2757 align-items: center;
2758 }
2759 @media screen and (max-width: 768px) {
2760 .tt-calendar-container .tt-calendar-header-action {
2761 justify-content: center;
2762 flex-wrap: wrap;
2763 }
2764 }
2765 .tt-calendar-container .tt-calendar-header-action .tt-cal-view-action {
2766 display: flex;
2767 gap: 15px;
2768 }
2769 .tt-calendar-container .tt-calendar-header-action .tt-cal-view-action .tt-today-btn {
2770 margin-left: 10px;
2771 }
2772
2773 .tt-calendar-drawer .ant-drawer-title {
2774 font-size: 22px;
2775 }
2776 .tt-calendar-drawer .ant-drawer-header {
2777 padding: 30px 24px;
2778 margin-top: 10px;
2779 }
2780 @media (min-width: 768px) {
2781 .tt-calendar-drawer .ant-drawer-content-wrapper {
2782 width: 500px !important;
2783 }
2784 }
2785
2786 .tt-calendar-popover-title-container {
2787 display: flex;
2788 justify-content: space-between;
2789 align-items: center;
2790 gap: 10px;
2791 }
2792 .tt-calendar-popover-title-container .tt-popover-title-button {
2793 border: 1px solid rgba(0, 0, 0, 0.2);
2794 border-radius: 5px;
2795 }
2796
2797 .tt-cal-title-btn {
2798 padding: 4px 8px;
2799 border: 1px solid #ced4db;
2800 color: #0c274a !important;
2801 font-size: 12px !important;
2802 font-style: normal !important;
2803 font-weight: 500 !important;
2804 line-height: normal;
2805 border-radius: 5px !important;
2806 }
2807
2808 .tt-calendar-popover-title {
2809 font-weight: 600 !important;
2810 font-size: 16px;
2811 color: #0c274a;
2812 max-width: 200px !important;
2813 }
2814
2815 .ant-popover-inner {
2816 border-radius: 6px;
2817 border: 1px solid #e2ecf4;
2818 background: #fff;
2819 padding: 8px;
2820 }
2821
2822 .tt-popover-content-label {
2823 color: #0c274a;
2824 font-size: 12px;
2825 font-style: normal;
2826 font-weight: 400;
2827 line-height: normal;
2828 padding: 5px 0px;
2829 }
2830
2831 .tt-popover-content-value {
2832 color: #0c274a;
2833 font-size: 14px;
2834 font-style: normal;
2835 font-weight: 600;
2836 line-height: normal;
2837 }
2838
2839 .tt-popover-icon-and-value-container {
2840 display: flex;
2841 gap: 8px;
2842 justify-content: flex-start;
2843 }
2844 .tt-popover-icon-and-value-container .ant-select-selection-item {
2845 display: flex;
2846 align-items: center;
2847 column-gap: 5px;
2848 }
2849
2850 .tt-popover-menu {
2851 padding: 10px;
2852 }
2853 .tt-popover-menu .ant-dropdown-menu-title-content {
2854 font-weight: 600 !important;
2855 font-size: 14px;
2856 }
2857
2858 .tt-popover-section-divider {
2859 width: 98%;
2860 border-color: #e2ecf4;
2861 margin: 15px 0px;
2862 }
2863