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

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

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