PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.12
Timetics – Appointment Booking Calendar & Scheduling v1.0.12
1.0.64 1.0.62 1.0.63 1.0.61 1.0.60 1.0.59 1.0.58 1.0.57 1.0.56 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 All 65 releases
timetics / assets / css / admin.css

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

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