PluginProbe
Timetics – Appointment Booking Calendar & Scheduling / 1.0.13
Timetics – Appointment Booking Calendar & Scheduling v1.0.13
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.13, at assets/css/admin.css

2,395 lines 68.0 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 }
798 .toplevel_page_timetics .ant-btn.ant-btn-default {
799 display: inline-flex;
800 align-items: center;
801 justify-content: center;
802 }
803 .toplevel_page_timetics .ant-btn.ant-btn-default .anticon {
804 margin-top: 3px;
805 }
806 .toplevel_page_timetics .ant-btn.ant-btn-default svg {
807 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
808 }
809 .toplevel_page_timetics .ant-btn.ant-btn-default:not(:disabled):hover .anticon:not(.tt-no-fill-icon) svg {
810 fill: var(--tt-primary-color);
811 }
812 .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn {
813 height: 36px;
814 padding: 6px 10px;
815 }
816 .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 {
817 fill: var(--tt-primary-color);
818 }
819 .toplevel_page_timetics .ant-btn.ant-btn-dangerous {
820 color: var(--tt-danger-color);
821 border-color: var(--tt-danger-light-color);
822 }
823 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .anticon {
824 margin-top: 0;
825 }
826 .toplevel_page_timetics .ant-btn.ant-btn-dangerous svg {
827 fill: none;
828 }
829 .toplevel_page_timetics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg {
830 fill: var(--tt-danger-color);
831 }
832 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus {
833 color: var(--tt-danger-color);
834 border-color: var(--tt-danger-color);
835 }
836 .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus .anticon svg path {
837 stroke: var(--tt-danger-color) !important;
838 }
839 .toplevel_page_timetics .ant-btn.tt-link-btn {
840 padding: 0;
841 color: var(--tt-primary-color);
842 line-height: 1;
843 white-space: normal;
844 text-align: left;
845 line-height: 1.5;
846 margin: 0 !important;
847 border-width: 0;
848 }
849 .toplevel_page_timetics .ant-btn.tt-link-btn span {
850 text-decoration: underline;
851 }
852 .toplevel_page_timetics .ant-btn.tt-link-btn:hover, .toplevel_page_timetics .ant-btn.tt-link-btn:focus {
853 color: var(--tt-secondary-color);
854 }
855 .toplevel_page_timetics .ant-btn[disabled],
856 .toplevel_page_timetics .ant-btn[disabled]:active,
857 .toplevel_page_timetics .ant-btn[disabled]:focus,
858 .toplevel_page_timetics .ant-btn[disabled]:hover {
859 color: #ffffff;
860 border-color: transparent;
861 background: #ced4db;
862 }
863 .toplevel_page_timetics .ant-btn[disabled].ant-btn-link,
864 .toplevel_page_timetics .ant-btn[disabled]:active.ant-btn-link,
865 .toplevel_page_timetics .ant-btn[disabled]:focus.ant-btn-link,
866 .toplevel_page_timetics .ant-btn[disabled]:hover.ant-btn-link {
867 background-color: transparent;
868 color: #ced4db !important;
869 }
870 .toplevel_page_timetics .ant-btn[disabled] .anticon svg {
871 fill: #ffffff;
872 }
873 .toplevel_page_timetics .ant-btn[disabled]:hover .anticon svg {
874 fill: #ffffff;
875 }
876 .toplevel_page_timetics .ant-input,
877 .toplevel_page_timetics .ant-input-password,
878 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
879 color: var(--tt-secondary-color);
880 border-color: var(--tt-secondary-color-12);
881 }
882 .toplevel_page_timetics .ant-input:hover,
883 .toplevel_page_timetics .ant-input-password:hover,
884 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
885 border-color: var(--tt-primary-color);
886 }
887 .toplevel_page_timetics .ant-input:focus,
888 .toplevel_page_timetics .ant-input-password:focus,
889 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus {
890 border-color: var(--tt-primary-color);
891 outline: 4px solid rgba(49, 97, 241, 0.25);
892 box-shadow: none;
893 }
894 .toplevel_page_timetics .ant-input[disabled],
895 .toplevel_page_timetics .ant-input-password[disabled],
896 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] {
897 color: rgba(0, 0, 0, 0.25);
898 }
899 .toplevel_page_timetics .ant-input::placeholder,
900 .toplevel_page_timetics .ant-input-password::placeholder,
901 .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)::placeholder {
902 color: var(--tt-secondary-color-30);
903 }
904 .toplevel_page_timetics .ant-form-item-explain-error {
905 padding: 5px 0;
906 }
907 .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
908 position: absolute;
909 right: -13px;
910 top: 0;
911 }
912 .toplevel_page_timetics .ant-input-number-handler-wrap {
913 display: none;
914 }
915 .toplevel_page_timetics .ant-radio-checked .ant-radio-inner {
916 border-color: var(--tt-primary-color);
917 }
918 .toplevel_page_timetics .ant-radio-inner:after {
919 background-color: var(--tt-primary-color);
920 }
921 .toplevel_page_timetics .ant-collapse > .ant-collapse-item > .ant-collapse-header {
922 align-items: center;
923 }
924 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline {
925 border-color: var(--tt-primary-color);
926 color: var(--tt-primary-color);
927 }
928 .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .tt-dropdown-item {
929 font-weight: 500;
930 font-size: 14px;
931 color: var(--tt-secondary-color-65);
932 }
933 .toplevel_page_timetics .tt-submenu-action-wrapper {
934 display: flex;
935 justify-content: space-between;
936 gap: 15px;
937 flex-wrap: wrap;
938 }
939 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-submenu-action-select {
940 width: 220px;
941 }
942 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
943 display: flex;
944 gap: 15px;
945 column-gap: 15px;
946 flex-wrap: wrap;
947 }
948 @media (max-width: 991px) {
949 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper {
950 flex-direction: column;
951 }
952 .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper .ant-form-item {
953 margin: 0;
954 }
955 }
956
957 .ant-spin.ant-spin-spinning.tt-loader-spinner {
958 display: flex;
959 justify-content: center;
960 align-items: center;
961 flex-direction: column;
962 }
963
964 #adminmenu .wp-submenu .tt-go-pro-link a {
965 color: var(--tt-state-color-02);
966 }
967
968 .tt-country-phone-code .react-tel-input .form-control {
969 width: 100%;
970 height: 42px;
971 border-color: var(--tt-secondary-color-12) !important;
972 }
973 .tt-country-phone-code .tt-phone-input:focus {
974 border-color: var(--tt-primary-color);
975 outline: 3.5px solid rgba(49, 97, 241, 0.25);
976 box-shadow: none;
977 }
978 .tt-country-phone-code .react-tel-input .selected-flag {
979 border-color: var(--tt-secondary-color-12) !important;
980 }
981 .tt-country-phone-code .react-tel-input .selected-flag .arrow {
982 display: none;
983 }
984 @media screen and (max-width: 782px) {
985 .tt-country-phone-code .react-tel-input .country-list {
986 width: 200px;
987 }
988 }
989
990 .tt-phone-input-country-search {
991 display: flex;
992 align-items: center;
993 padding: 1rem !important;
994 }
995 .tt-phone-input-country-search-box {
996 margin: 0 !important;
997 width: 100%;
998 padding-block: 0.5rem !important;
999 }
1000
1001 .tt-phone-input {
1002 border-color: #d9d9d9 !important;
1003 }
1004 .tt-phone-input:hover, .tt-phone-input:focus {
1005 border-color: var(--tt-primary-color) !important;
1006 }
1007
1008 .tt-phone-input-dropdown-btn {
1009 border-color: #d9d9d9 !important;
1010 }
1011 .tt-phone-input-dropdown-btn:hover, .tt-phone-input-dropdown-btn:focus {
1012 border-color: var(--tt-primary-color) !important;
1013 }
1014
1015 .tt-category-tree .ant-tree-switcher {
1016 padding-block: 4px;
1017 }
1018
1019 .tt-guest-setting .ant-card-meta-description {
1020 margin-right: 52px;
1021 }
1022
1023 .tt-guest-field-wrapper .tt-multipleGuestInput-container {
1024 border: 1px solid #d9d9d9;
1025 border-radius: 8px;
1026 padding: 8px;
1027 min-height: 120px;
1028 cursor: text;
1029 display: flex;
1030 flex-wrap: wrap;
1031 align-items: flex-start;
1032 align-content: baseline;
1033 gap: 4px;
1034 margin: 8px 0;
1035 }
1036 .tt-guest-field-wrapper .tt-multipleGuestInput-tag {
1037 margin: 0;
1038 padding: 2px 4px;
1039 background: #bcffdb;
1040 border-radius: 4px;
1041 color: #000000;
1042 display: flex;
1043 align-items: center;
1044 cursor: pointer;
1045 display: flex;
1046 align-items: center;
1047 font-weight: 600;
1048 }
1049 .tt-guest-field-wrapper .tt-multipleguestinput-input {
1050 all: unset;
1051 display: block;
1052 flex: 1;
1053 width: auto;
1054 min-width: 20ch;
1055 overflow-x: hidden;
1056 resize: none;
1057 margin: 0;
1058 padding: 2px 4px;
1059 }
1060 .tt-guest-field-wrapper .tt-guest-input-close {
1061 background-color: #c84545;
1062 border-radius: 100vmax;
1063 position: absolute;
1064 top: 0;
1065 right: 0;
1066 height: 15px;
1067 width: 15px;
1068 display: grid;
1069 place-items: center;
1070 transform: translate(60%, -50%);
1071 outline: 2px solid white;
1072 }
1073
1074 .tt-error-page-wrapper {
1075 margin: 0 auto;
1076 max-width: 600px;
1077 background: var(--tt-secondary-color-03);
1078 border-radius: 10px;
1079 }
1080 .tt-error-page-wrapper .tt-error-icon {
1081 margin: 40px 0 30px;
1082 }
1083 .tt-error-page-wrapper .tt-error-content {
1084 margin-top: 100px;
1085 text-align: center;
1086 padding: 20px 20px 60px;
1087 }
1088
1089 .tt-meeting-menu-warper {
1090 display: flex;
1091 justify-content: space-between;
1092 align-items: center;
1093 margin-bottom: 30px;
1094 flex-wrap: wrap;
1095 gap: 10px;
1096 }
1097
1098 .tt-dropdown-content {
1099 margin-top: 15px;
1100 }
1101 .tt-dropdown-content .ant-dropdown-menu {
1102 max-width: 420px;
1103 background-color: #fff;
1104 border-radius: 8px;
1105 -webkit-border-radius: 8px;
1106 -ms-border-radius: 8px;
1107 }
1108 .tt-dropdown-content .ant-dropdown-menu-item {
1109 padding: 0;
1110 }
1111 .tt-dropdown-content .ant-dropdown-menu-item:hover {
1112 background-color: #fff;
1113 }
1114 .tt-dropdown-content .tt-meeting-create-btn {
1115 padding: 13px 20px;
1116 }
1117 .tt-dropdown-content .tt-meeting-create-btn .ant-space-item svg {
1118 fill: var(--tt-primary-color);
1119 }
1120 .tt-dropdown-content .tt-meeting-create-btn h5.ant-typography {
1121 font-size: 15px;
1122 line-height: 18px;
1123 color: var(--tt-secondary-color);
1124 display: flex;
1125 margin: 0;
1126 }
1127 .tt-dropdown-content .tt-meeting-create-btn .ant-typography.ant-typography-secondary {
1128 display: block;
1129 margin-top: 6px;
1130 color: var(--tt-secondary-color-50);
1131 }
1132 .tt-dropdown-content .tt-meeting-create-btn .ant-badge-count,
1133 .tt-dropdown-content .tt-meeting-create-btn .ant-badge-dot,
1134 .tt-dropdown-content .tt-meeting-create-btn .ant-badge .ant-scroll-number-custom-component {
1135 position: absolute;
1136 top: 50%;
1137 right: -25px;
1138 transform: translate(50%, -50%);
1139 transform-origin: 100% 0;
1140 background-color: var(--tt-state-color-02);
1141 text-transform: uppercase;
1142 font-size: 11px;
1143 letter-spacing: 0.5px;
1144 font-weight: 500;
1145 }
1146 .tt-dropdown-content .tt-bg-opacity {
1147 background-color: #eaeaeb;
1148 opacity: 0.3;
1149 cursor: not-allowed;
1150 }
1151 .tt-dropdown-content .ant-ribbon {
1152 line-height: 19px;
1153 }
1154 .tt-dropdown-content .ant-ribbon-text {
1155 color: #fff;
1156 font-size: 12px;
1157 }
1158
1159 #time_tics_dashboard .tt-meeting-filter-area {
1160 display: flex;
1161 justify-content: center;
1162 align-items: center;
1163 gap: 15px;
1164 }
1165 @media (max-width: 980px) {
1166 #time_tics_dashboard .tt-meeting-filter-area {
1167 flex-wrap: wrap;
1168 justify-content: start;
1169 }
1170 }
1171 #time_tics_dashboard .tt-meeting-filter-area .ant-btn {
1172 height: 36px;
1173 padding: 6px 10px;
1174 }
1175 #time_tics_dashboard .tt-meeting-filter-area .ant-btn.ant-popover-open .anticon svg {
1176 fill: var(--tt-primary-color);
1177 }
1178
1179 .tt-filter-popover .ant-popover-inner {
1180 width: 260px;
1181 padding: 0px 10px 15px 10px;
1182 border-radius: 6px;
1183 filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.01));
1184 box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.01);
1185 border: 1px solid var(--tt-secondary-color-12);
1186 }
1187 .tt-filter-popover .ant-form-item {
1188 margin-bottom: 16px;
1189 }
1190 .tt-filter-popover .ant-popover-arrow {
1191 display: none;
1192 }
1193
1194 #time_tics_dashboard .ant-btn.tt-add-location-btn {
1195 color: var(--tt-primary-color);
1196 display: flex;
1197 align-items: center;
1198 margin-top: -10px;
1199 font-size: 14px;
1200 }
1201 #time_tics_dashboard .ant-btn.tt-add-location-btn svg {
1202 fill: var(--tt-primary-color);
1203 border: 1px solid var(--tt-primary-color);
1204 border-radius: 100vmax;
1205 padding: 2px;
1206 }
1207 #time_tics_dashboard .ant-btn.tt-add-location-btn span + span {
1208 border-bottom: 1px solid var(--tt-primary-color);
1209 }
1210 #time_tics_dashboard .ant-btn.tt-add-location-btn:hover, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus {
1211 border-color: transparent;
1212 }
1213 #time_tics_dashboard .ant-btn.tt-add-location-btn:hover span + span, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus span + span {
1214 border-bottom: 1px solid var(--tt-primary-color);
1215 }
1216 #time_tics_dashboard .location-input .ant-select-selection-item {
1217 padding-right: 10px;
1218 }
1219
1220 .tt-location-item svg {
1221 margin-right: 8px;
1222 width: 15px;
1223 height: 15px;
1224 }
1225
1226 .tt-meeting-price-input input[type=number] {
1227 border: none;
1228 box-shadow: none;
1229 outline: none;
1230 padding: 0;
1231 }
1232 .tt-meeting-price-input .ant-input-number {
1233 width: 100%;
1234 }
1235
1236 .ticket-type-wrapper {
1237 padding: 20px;
1238 border: 1px solid var(--tt-secondary-color-12);
1239 border-radius: 8px;
1240 }
1241 .ticket-type-wrapper .timetics-input .ant-form-item-label > label {
1242 text-transform: capitalize;
1243 }
1244 @media (max-width: 575px) {
1245 .ticket-type-wrapper .timetics-input.ant-form-item {
1246 margin-bottom: 5px;
1247 }
1248 }
1249 .ticket-type-wrapper .tt-ticket-repeater-delete {
1250 text-align: right;
1251 margin-top: 10px;
1252 }
1253 .ticket-type-wrapper .tt-ticket-repeater-delete .ant-btn-icon-only {
1254 width: auto;
1255 }
1256
1257 .meeting-integrations-fields {
1258 position: relative;
1259 }
1260 .meeting-integrations-fields .hook_overwrite_opt {
1261 position: absolute;
1262 right: 7px;
1263 bottom: 5px;
1264 margin: 0;
1265 z-index: 1;
1266 background: #eaeaea;
1267 padding: 0 5px;
1268 border-radius: 4px;
1269 }
1270
1271 .tt-meetings-container {
1272 display: flex;
1273 gap: 1rem;
1274 }
1275 .tt-meetings-container .tt-categories-area {
1276 align-self: flex-start;
1277 }
1278 @media screen and (max-width: 768px) {
1279 .tt-meetings-container {
1280 flex-direction: column;
1281 }
1282 .tt-meetings-container .tt-categories-area {
1283 align-self: stretch;
1284 }
1285 }
1286
1287 .tt-meeting-update-page-btn-area {
1288 display: flex;
1289 justify-content: space-between;
1290 align-items: flex-start;
1291 flex-wrap: wrap;
1292 }
1293 .tt-meeting-update-page-btn-area .tt-meeting-preview-btn.ant-btn.ant-btn-default:hover .anticon svg {
1294 fill: var(--tt-primary-color);
1295 }
1296
1297 @media screen and (max-width: 768px) {
1298 .flatpickr-months .flatpickr-month .flatpickr-current-month {
1299 padding: 0;
1300 }
1301 }
1302 .category_item {
1303 cursor: pointer;
1304 }
1305 .category_item .category_item--heading {
1306 font-weight: 600;
1307 color: #8693a5;
1308 }
1309 .category_item .tt-more-action-btn {
1310 opacity: 0;
1311 pointer-events: none;
1312 }
1313 .category_item:hover .tt-more-action-btn {
1314 opacity: 1;
1315 pointer-events: all;
1316 }
1317 .category_item:hover .category_item--heading {
1318 color: #0c274a;
1319 }
1320
1321 .tt-meeting-copy-btn:hover svg {
1322 fill: none;
1323 }
1324 .tt-meeting-copy-btn:hover svg path {
1325 stroke: var(--tt-primary-color);
1326 }
1327
1328 .tt-btn-outline-svg-arrow-icon:hover .anticon svg {
1329 transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1330 }
1331 .tt-btn-outline-svg-arrow-icon:hover .anticon svg path {
1332 stroke: var(--tt-primary-color);
1333 }
1334
1335 .tt-categories-area .tt-categories-create-btn.ant-btn:hover .anticon svg {
1336 fill: var(--tt-primary-color);
1337 }
1338
1339 .tt-meeting-type.ant-typography {
1340 margin-bottom: 30px;
1341 }
1342
1343 .tt-meeting-create-step {
1344 padding-bottom: 29px;
1345 }
1346 .tt-meeting-create-step p {
1347 font-size: 13px;
1348 font-weight: 600;
1349 color: #000;
1350 }
1351 .tt-meeting-create-step .step-bar {
1352 position: relative;
1353 }
1354 .tt-meeting-create-step .step-bar .step1,
1355 .tt-meeting-create-step .step-bar .step2 {
1356 height: 4px;
1357 width: 48%;
1358 border-radius: 20px;
1359 background: #000000;
1360 position: absolute;
1361 content: "";
1362 opacity: 0.2;
1363 }
1364 .tt-meeting-create-step .step-bar .step1 {
1365 top: 0;
1366 left: 0;
1367 opacity: 1;
1368 }
1369 .tt-meeting-create-step .step-bar .step2 {
1370 top: 0;
1371 right: 0;
1372 }
1373
1374 .tt-single-meeting-card {
1375 background-color: #ffffff;
1376 padding: 30px 30px 20px;
1377 box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
1378 border: 1px solid rgb(238, 239, 241);
1379 border-radius: 8px;
1380 position: relative;
1381 }
1382 @media screen and (max-width: 570px) {
1383 .tt-single-meeting-card {
1384 padding: 20px;
1385 }
1386 }
1387 .tt-single-meeting-card.disabled-meeting-card {
1388 background-color: #eeeff1;
1389 border: 1px solid var(--tt-secondary-color-12);
1390 opacity: 0.5;
1391 }
1392 .tt-single-meeting-card.disabled-meeting-card .ant-btn {
1393 background-color: transparent;
1394 }
1395 .tt-single-meeting-card .meeting-header-info-wrappers {
1396 display: flex;
1397 justify-content: space-between;
1398 align-items: flex-start;
1399 margin-bottom: 15px;
1400 column-gap: 15px;
1401 }
1402 .tt-single-meeting-card .meeting-header-info-wrappers .tt-meeting-title {
1403 cursor: pointer;
1404 }
1405 .tt-single-meeting-card .meeting-meta-list {
1406 display: flex;
1407 gap: 24px;
1408 margin-top: 0;
1409 margin-bottom: 45px;
1410 }
1411 .tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item {
1412 position: relative;
1413 margin: 0 0 0 10px;
1414 }
1415 .tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item::before {
1416 position: absolute;
1417 content: "";
1418 left: -10px;
1419 top: 50%;
1420 transform: translateY(-50%);
1421 height: 4px;
1422 width: 4px;
1423 border-radius: 50%;
1424 background-color: #d9d9d9;
1425 }
1426 .tt-single-meeting-card .meeting-meta-list p {
1427 line-height: 1;
1428 margin: 0;
1429 color: rgba(0, 0, 0, 0.6);
1430 }
1431 .tt-single-meeting-card .meeting-card-footer {
1432 display: flex;
1433 justify-content: space-between;
1434 align-items: center;
1435 }
1436 .tt-single-meeting-card .meeting-card-footer .ant-btn:hover .anticon:not(.tt-eye-stroke) svg path {
1437 stroke: var(--tt-primary-color);
1438 }
1439 .tt-single-meeting-card .meeting-card-footer .ant-btn:hover .tt-eye-stroke svg {
1440 fill: var(--tt-primary-color);
1441 }
1442 .tt-single-meeting-card .meeting-card-footer .ant-btn.ant-btn-dangerous:hover .anticon svg path {
1443 stroke: var(--tt-danger-color);
1444 }
1445 .tt-single-meeting-card .meeting-pagination {
1446 margin-top: 20px;
1447 }
1448 .tt-single-meeting-card .tt-meeting-checkbox {
1449 position: absolute;
1450 top: 1px;
1451 left: 4px;
1452 }
1453 .tt-single-meeting-card .ant-checkbox-inner {
1454 background-color: transparent;
1455 border-color: var(--tt-secondary-color-12);
1456 border-radius: 5px;
1457 -webkit-border-radius: 5px;
1458 -ms-border-radius: 5px;
1459 }
1460
1461 .tt-meeting-card-bulk-action-wrapper .ant-btn .anticon {
1462 position: relative;
1463 top: 2px;
1464 }
1465 .tt-meeting-card-bulk-action-wrapper .ant-btn:not(.ant-btn-dangerous):hover svg {
1466 fill: var(--tt-primary-color);
1467 }
1468
1469 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner {
1470 width: 18px;
1471 height: 18px;
1472 }
1473 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner::after {
1474 width: 6px;
1475 height: 9px;
1476 left: 22%;
1477 top: 45%;
1478 border-radius: 0;
1479 }
1480 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
1481 border-color: var(--tt-primary-color) !important;
1482 }
1483 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-input:focus + .ant-checkbox-inner,
1484 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner,
1485 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox:hover .ant-checkbox-inner {
1486 border-color: var(--tt-secondary-color-12);
1487 }
1488 .toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner:after {
1489 position: absolute;
1490 display: table;
1491 border: 2px solid var(--tt-secondary-color-20);
1492 border-top: 0;
1493 border-left: 0;
1494 transform: rotate(45deg) scale(1) translate(-50%, -50%);
1495 opacity: 1;
1496 transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
1497 content: " ";
1498 }
1499 .toplevel_page_timetics .tt-seat-plan-list-container .ant-result-title {
1500 line-height: 1.4;
1501 }
1502
1503 .ant-checkbox-wrapper:hover .ant-checkbox:after,
1504 .ant-checkbox:hover:after {
1505 visibility: visible;
1506 border-color: var(--tt-primary-color);
1507 }
1508
1509 .tt-share-meeting-modal .ant-modal-content,
1510 .tt-share-meeting-modal .ant-modal-header {
1511 border-radius: 16px;
1512 }
1513 .tt-share-meeting-modal .ant-modal-header {
1514 padding: 24px 30px;
1515 margin-right: 20px;
1516 border-bottom: none;
1517 }
1518 .tt-share-meeting-modal .ant-modal-body {
1519 padding: 0px 30px 30px;
1520 }
1521 .tt-share-meeting-modal .tt-share-meeting-wrapper {
1522 position: relative;
1523 }
1524 .tt-share-meeting-modal .tt-share-meeting-wrapper .tt-copy-button {
1525 position: absolute;
1526 right: 5px;
1527 top: 50%;
1528 transform: translateY(-50%);
1529 }
1530 .tt-share-meeting-modal .tt-share-link-input {
1531 position: relative;
1532 margin-bottom: 0;
1533 }
1534 .tt-share-meeting-modal .tt-share-link-input input[readonly] {
1535 background-color: transparent;
1536 }
1537 .tt-share-meeting-modal .tt-share-link-input::after {
1538 content: "";
1539 position: absolute;
1540 width: 156px;
1541 height: 30px;
1542 top: 6px;
1543 right: 68px;
1544 background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 3%, rgb(255, 255, 255) 75%);
1545 }
1546
1547 .profile-img-wrapper .ant-avatar-circle {
1548 border: 6px solid #d9d9d9;
1549 }
1550
1551 .staff-integration-list .ant-list-item-meta-title {
1552 margin-top: 0;
1553 }
1554
1555 .tt-action-wrap .ant-btn.ant-btn-dangerous .anticon {
1556 margin-top: 3px;
1557 }
1558 .tt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path {
1559 stroke: var(--tt-primary-color);
1560 }
1561
1562 .tt-booking-modal .ant-modal-content {
1563 border-radius: 8px;
1564 margin-bottom: 30px;
1565 }
1566 .tt-booking-modal .ant-modal-header {
1567 border-radius: 8px 8px 0 0;
1568 -webkit-border-radius: 8px 8px 0 0;
1569 -ms-border-radius: 8px 8px 0 0;
1570 }
1571 .tt-booking-modal .tt-booking-modal-details {
1572 background-color: #f4f5f6;
1573 padding: 20px 30px;
1574 border-radius: 8px;
1575 }
1576 .tt-booking-modal .ant-list-item-meta-title {
1577 margin: 0;
1578 text-transform: uppercase;
1579 font-size: 13px;
1580 font-weight: 700;
1581 }
1582 .tt-booking-modal .ant-list-split .ant-list-item {
1583 border-bottom: none;
1584 padding: 10px 0;
1585 }
1586
1587 .ant-select-selection-item,
1588 .ant-select-item-option-content {
1589 text-transform: capitalize;
1590 }
1591
1592 .tt-booking-cancel {
1593 text-decoration: line-through;
1594 }
1595
1596 .tt-submenu-action-select {
1597 margin: 0;
1598 }
1599 .tt-submenu-action-select .ant-input-lg,
1600 .tt-submenu-action-select .ant-picker,
1601 .tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector,
1602 .tt-submenu-action-select .ant-input-affix-wrapper,
1603 .tt-submenu-action-select .ant-input-number,
1604 .tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
1605 height: 37px;
1606 }
1607 .tt-submenu-action-select .ant-input-lg .ant-select-selection-item,
1608 .tt-submenu-action-select .ant-picker .ant-select-selection-item,
1609 .tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
1610 .tt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item,
1611 .tt-submenu-action-select .ant-input-number .ant-select-selection-item,
1612 .tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
1613 line-height: 35px;
1614 }
1615 .tt-submenu-action-select.timetics-input .ant-select-arrow {
1616 right: 9px;
1617 }
1618
1619 .tt-booking-list .tt-meeting-status,
1620 .tt-booking-list .tt-customer-email {
1621 font-weight: 600;
1622 }
1623
1624 .tt-bulk-delete .ant-space-item span {
1625 font-weight: 600;
1626 }
1627
1628 .tt-seatsmap-wrapper {
1629 position: relative;
1630 padding-bottom: 70%;
1631 overflow: auto;
1632 padding-left: 40px;
1633 padding-top: 30px;
1634 padding-right: 40px;
1635 }
1636 .tt-seatsmap-wrapper .seats-item {
1637 position: absolute;
1638 display: inline-block;
1639 }
1640 .tt-seatsmap-wrapper .seats-item.chair {
1641 cursor: pointer;
1642 }
1643 .tt-seatsmap-wrapper .seats-item.circle {
1644 border-radius: 50%;
1645 }
1646
1647 .tt-seat-map-controls {
1648 display: flex;
1649 justify-content: center;
1650 align-items: center;
1651 gap: 15px;
1652 margin: 30px 0;
1653 flex-wrap: wrap;
1654 }
1655 .tt-seat-map-controls .tt-set-map-button {
1656 line-height: 0px;
1657 }
1658 .tt-seat-map-controls .timetics-dot {
1659 height: 25px;
1660 width: 25px;
1661 border-radius: 50%;
1662 display: inline-block;
1663 }
1664
1665 .tt-meeting-location-type {
1666 height: 40px;
1667 display: flex;
1668 align-items: center;
1669 line-height: 1;
1670 }
1671
1672 .tt-schedules-container {
1673 margin-bottom: 20px;
1674 }
1675 .tt-schedules-container .tt-schedules-content {
1676 border: 1px solid var(--tt-secondary-color-12);
1677 padding: 30px;
1678 border-radius: 8px;
1679 }
1680 .tt-schedules-container .tt-schedules-content .ant-checkbox-wrapper span {
1681 text-transform: uppercase;
1682 font-weight: 700;
1683 font-size: 14px;
1684 }
1685 .tt-schedules-container .tt-schedules-content .ant-checkbox {
1686 margin-right: 15px;
1687 }
1688 .tt-schedules-container .tt-schedules-content .ant-checkbox span {
1689 text-transform: uppercase;
1690 }
1691 .tt-schedules-container .tt-schedules-content .ant-checkbox-checked .ant-checkbox-inner {
1692 background-color: #000;
1693 border-color: #000;
1694 }
1695 .tt-schedules-container .tt-meeting-schedule {
1696 padding: 25px 20px 20px 20px;
1697 background-color: #ffffff;
1698 border: 1px solid var(--tt-secondary-color-12);
1699 border-radius: 6px;
1700 margin-top: -28px;
1701 }
1702 @media screen and (max-width: 570px) {
1703 .tt-schedules-container .tt-meeting-schedule {
1704 padding: 0;
1705 }
1706 }
1707 .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
1708 margin-bottom: 20px;
1709 }
1710 @media screen and (max-width: 570px) {
1711 .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
1712 margin: 20px;
1713 }
1714 }
1715 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule {
1716 display: flex;
1717 gap: 20px;
1718 margin-bottom: 20px;
1719 position: relative;
1720 }
1721 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule:last-child {
1722 margin-bottom: 0;
1723 }
1724 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule .ant-checkbox + span {
1725 padding-left: 20px;
1726 }
1727 .tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule-time {
1728 width: 100%;
1729 }
1730 .tt-schedules-container .tt-meeting-schedule .tt-single-host-delete {
1731 margin-top: 16px;
1732 }
1733 .tt-schedules-container .tt-meeting-schedule .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1734 border-radius: 4px;
1735 }
1736 .tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper {
1737 font-weight: 600;
1738 color: #aeb0b3;
1739 }
1740 .tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
1741 color: #000;
1742 }
1743 .tt-schedules-container .tt-host-wrapper {
1744 display: flex;
1745 align-items: center;
1746 gap: 8px;
1747 min-height: 30px;
1748 }
1749 .tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
1750 padding: 30px;
1751 }
1752 @media screen and (max-width: 570px) {
1753 .tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
1754 padding: 10px;
1755 }
1756 }
1757 .tt-schedules-container .tt-availability-btn-area {
1758 margin-bottom: 15px;
1759 }
1760 .tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg {
1761 fill: #ffffff;
1762 }
1763 .tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg path {
1764 stroke: none;
1765 }
1766 .tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg {
1767 fill: transparent;
1768 }
1769 .tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg path {
1770 stroke: var(--tt-primary-color);
1771 }
1772 .tt-schedules-container .tt-availability-day {
1773 font-weight: 600;
1774 text-transform: uppercase;
1775 font-size: 14px;
1776 }
1777 .tt-schedules-container .ant-divider-horizontal {
1778 margin: 16px 0;
1779 border-top-color: var(--tt-secondary-color-12);
1780 }
1781 .tt-schedules-container .ant-checkbox + span {
1782 position: relative;
1783 top: -3px;
1784 text-transform: uppercase;
1785 font-weight: 600;
1786 padding-left: 25px;
1787 }
1788 .tt-schedules-container .ant-select:not(.ant-select-customize-input) .ant-select-selector {
1789 border: 1px solid var(--tt-secondary-color-12);
1790 border-radius: 4px;
1791 }
1792 .tt-schedules-container .ant-select-dropdown {
1793 border-radius: 4px;
1794 box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
1795 }
1796 .tt-schedules-container .ant-checkbox-wrapper {
1797 margin-top: 5px;
1798 }
1799 .tt-schedules-container .tt-add-schedule-time-slot .anticon {
1800 margin-top: 4px;
1801 }
1802 .tt-schedules-container .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
1803 border-color: var(--tt-primary-color);
1804 box-shadow: none;
1805 }
1806 .tt-schedules-container .tt-single-host-schedule + .tt-single-host-schedule {
1807 margin-top: 15px;
1808 }
1809
1810 .tt-schedule-time-slot-delete {
1811 line-height: 1;
1812 margin-top: 3px;
1813 }
1814
1815 .tt-overview-content-area .tt-overview-heading h2 {
1816 margin: 0;
1817 font-size: 26px;
1818 font-weight: 600;
1819 line-height: 32px;
1820 }
1821 .tt-overview-content-area .tt-overview-performance .ant-card-meta-title {
1822 font-size: 18px;
1823 font-weight: 400;
1824 line-height: 1.3;
1825 color: #5f6a78;
1826 margin-bottom: 0;
1827 }
1828 .tt-overview-content-area .tt-overview-performance .ant-card-meta-description {
1829 margin: 0;
1830 font-size: 30px;
1831 font-weight: 700;
1832 line-height: 34px;
1833 color: #000;
1834 }
1835 .tt-overview-content-area .tt-overview-performance .tt-overview-card {
1836 border-radius: 8px;
1837 box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
1838 }
1839 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-body {
1840 padding: 30px;
1841 }
1842 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta {
1843 display: block;
1844 margin: 0;
1845 }
1846 .tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta-avatar {
1847 padding: 0;
1848 margin-bottom: 32px;
1849 }
1850 .tt-overview-content-area .tt-overview-title {
1851 margin: 0;
1852 font-size: 18px;
1853 font-weight: 600;
1854 color: var(--tt-secondary-color-65);
1855 }
1856 .tt-overview-content-area .tt-overview-card-data {
1857 margin: 0;
1858 font-size: 40px;
1859 font-weight: 600;
1860 line-height: 48px;
1861 letter-spacing: -0.011em;
1862 }
1863
1864 .tt-overview-wrapper .tt-page-header-wrapper {
1865 margin-bottom: 0;
1866 border-bottom-color: transparent;
1867 padding-bottom: 20px;
1868 }
1869
1870 .toplevel_page_timetics .tt-overview-heading .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
1871 padding: 0 16px;
1872 align-items: center;
1873 height: 36px;
1874 }
1875
1876 .tt-overview-heading {
1877 display: flex;
1878 justify-content: space-between;
1879 align-items: center;
1880 margin-bottom: 25px;
1881 flex-wrap: wrap;
1882 gap: 10px;
1883 }
1884
1885 .tt-overview-reports,
1886 .tt-overview-upcomming-bookings {
1887 border-radius: 8px;
1888 box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
1889 background-color: #ffffff;
1890 padding: 30px;
1891 }
1892
1893 .tt-overview-upcomming-bookings .tt-upcomming-booking-name {
1894 min-width: 60%;
1895 font-size: 14px;
1896 font-weight: 600;
1897 margin: 0;
1898 }
1899 .tt-overview-upcomming-bookings .ant-list-item-meta-title {
1900 margin-top: 0;
1901 }
1902 .tt-overview-upcomming-bookings .ant-list-item {
1903 align-items: flex-start;
1904 }
1905
1906 .tt-overview-report-chart {
1907 border: 1px solid #eeeeee;
1908 border-radius: 8px;
1909 padding: 20px;
1910 }
1911
1912 .tt-customize-form-container h5.ant-typography {
1913 margin: 0;
1914 font-weight: 600;
1915 font-size: 16px;
1916 line-height: 17px;
1917 letter-spacing: -0.011em;
1918 }
1919 .tt-customize-form-container .tt-customize-form-header {
1920 margin-bottom: 30px;
1921 }
1922 .tt-customize-form-container .tt-customize-form-header .tt-customize-form-desc {
1923 font-weight: 400;
1924 font-size: 14px;
1925 line-height: 17px;
1926 letter-spacing: -0.011em;
1927 color: var(--tt-secondary-color-50);
1928 }
1929 .tt-customize-form-container .tt-single-field {
1930 border: 1px solid var(--tt-secondary-color-12);
1931 border-radius: 6px;
1932 margin-bottom: 20px;
1933 padding: 10px 10px 10px 16px;
1934 display: flex;
1935 align-items: center;
1936 justify-content: space-between;
1937 position: relative;
1938 transition: 0.4s;
1939 }
1940 .tt-customize-form-container .tt-single-field::before {
1941 content: "";
1942 position: absolute;
1943 display: inline-block;
1944 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>');
1945 background-repeat: no-repeat;
1946 background-size: contain;
1947 width: 9px;
1948 height: 15px;
1949 left: -20px;
1950 top: 50%;
1951 transform: translateY(-50%);
1952 visibility: hidden;
1953 opacity: 0;
1954 display: none;
1955 }
1956 .tt-customize-form-container .tt-single-field .tt-field-action-info {
1957 display: flex;
1958 gap: 10px;
1959 }
1960 .tt-customize-form-container .tt-single-field:last-child {
1961 margin-bottom: 0;
1962 }
1963 .tt-customize-form-container .tt-single-field .tt-field-required {
1964 margin-left: 10px;
1965 font-size: 10px;
1966 background: var(--tt-secondary-color-08);
1967 border-radius: 3px;
1968 font-weight: 500;
1969 line-height: 12px;
1970 letter-spacing: 0.03em;
1971 padding: 1px 4px 3px;
1972 }
1973 .tt-customize-form-container .tt-customize-form-area {
1974 padding: 16px;
1975 border-radius: 5px;
1976 border: 1px solid var(--tt-secondary-color-12);
1977 }
1978
1979 .tt-custom-form-modal .tt-custom-form-area .tt-placeholder-field {
1980 background-color: #f8f8fb;
1981 padding: 20px;
1982 border-radius: 8px;
1983 }
1984 .tt-custom-form-modal .ant-modal-body {
1985 padding: 40px 40px 0 40px;
1986 }
1987 .tt-custom-form-modal .ant-modal-footer {
1988 border-top: none;
1989 padding: 8px 40px 40px 40px;
1990 }
1991
1992 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item > .ant-collapse-header {
1993 align-items: center;
1994 }
1995 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item {
1996 margin-bottom: 30px;
1997 border: 1px solid var(--tt-secondary-color-12);
1998 border-radius: 8px;
1999 }
2000 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item:last-child {
2001 margin-bottom: 0;
2002 border-radius: 8px;
2003 }
2004 @media (max-width: 480px) {
2005 .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-card-meta {
2006 flex-direction: column;
2007 }
2008 .tt-settings-wrapper .tt-integration-settings.ant-collapse .tt-apple-calendar .ant-collapse-header {
2009 padding-right: 12px;
2010 }
2011 }
2012 .tt-settings-wrapper .tt-payment-settings .ant-collapse-header {
2013 padding: 15px !important;
2014 }
2015 .tt-settings-wrapper .tt-payment-settings .ant-collapse-content-box {
2016 background-color: var(--tt-secondary-color-05);
2017 border-radius: 0 5px 5px 0;
2018 }
2019 .tt-settings-wrapper .tt-payment-settings .ant-collapse-item {
2020 margin-bottom: 30px;
2021 border: 1px solid #eaeaea;
2022 border-radius: 5px;
2023 -webkit-border-radius: 5px;
2024 -ms-border-radius: 5px;
2025 }
2026 @media screen and (max-width: 768px) {
2027 .tt-settings-wrapper .tt-payment-settings .ant-card-meta {
2028 flex-direction: column;
2029 }
2030 }
2031 .tt-settings-wrapper .tt-local-payment-panel .ant-collapse-content-box,
2032 .tt-settings-wrapper .tt-woocommerce-payment .ant-collapse-content-box {
2033 display: none;
2034 }
2035 .tt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child,
2036 .tt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
2037 align-items: center;
2038 border-radius: 5px;
2039 -webkit-border-radius: 5px;
2040 -ms-border-radius: 5px;
2041 }
2042 .tt-settings-wrapper .ant-card-meta-avatar {
2043 padding-right: 16px;
2044 flex: 0 0 54px;
2045 }
2046 .tt-settings-wrapper .ant-card-meta-avatar svg {
2047 width: 54px;
2048 height: 54px;
2049 background: #edf4ff;
2050 padding: 15px;
2051 border-radius: 50%;
2052 }
2053 .tt-settings-wrapper .tt-general-sitting {
2054 border: 1px solid var(--tt-secondary-color-12);
2055 border-radius: 8px;
2056 padding: 25px;
2057 }
2058 .tt-settings-wrapper .tt-general-sitting .ant-form-item {
2059 margin-bottom: 0;
2060 }
2061 @media screen and (min-width: 768px) {
2062 .tt-settings-wrapper .tt-general-sitting .tt-align-right {
2063 text-align: right;
2064 }
2065 }
2066 .tt-settings-wrapper .tt-color-setting {
2067 display: flex;
2068 justify-content: start;
2069 align-items: center;
2070 }
2071 @media (min-width: 768px) {
2072 .tt-settings-wrapper .tt-color-setting {
2073 justify-content: flex-end;
2074 }
2075 }
2076 .tt-settings-wrapper .tt-color-setting .tt-color-input-field {
2077 flex-basis: 40%;
2078 }
2079 .tt-settings-wrapper .tt-color-setting .tt-react-color {
2080 display: flex;
2081 justify-content: center;
2082 align-items: center;
2083 border: 1px solid var(--tt-secondary-color-12);
2084 padding: 8px;
2085 border-radius: 5px;
2086 -webkit-border-radius: 5px;
2087 -ms-border-radius: 5px;
2088 }
2089 .tt-settings-wrapper .tt-color-setting .tt-react-color .tt-react-color-code {
2090 max-width: 70px;
2091 margin-left: 10px;
2092 }
2093 .tt-settings-wrapper .tt-color-setting .tt-react-color-picker {
2094 position: absolute;
2095 z-index: 2;
2096 }
2097 @media screen and (max-width: 768px) {
2098 .tt-settings-wrapper .ant-collapse-extra .tt-primary-color {
2099 display: none;
2100 }
2101 }
2102
2103 .tt-color-picker {
2104 position: relative;
2105 }
2106 .tt-color-picker .wp-picker-holder {
2107 position: absolute;
2108 bottom: 104%;
2109 z-index: 99;
2110 }
2111 .tt-color-picker input.button.button-small.wp-picker-clear {
2112 display: none;
2113 }
2114 .tt-color-picker.color-picker-bottom .wp-picker-holder {
2115 top: 104%;
2116 }
2117
2118 .ant-collapse-item.ant-collapse-item-disabled {
2119 background: rgba(234, 234, 234, 0.4196078431);
2120 opacity: 0.7;
2121 }
2122
2123 .tt-flatpickr-calendar {
2124 padding-right: 10px;
2125 }
2126 .tt-flatpickr-calendar .flatpickr-calendar {
2127 width: 100%;
2128 box-shadow: none;
2129 background: transparent;
2130 }
2131 .tt-flatpickr-calendar .flatpickr-calendar .dayContainer {
2132 width: 100%;
2133 min-width: 100%;
2134 max-width: 100%;
2135 }
2136 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days,
2137 .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
2138 width: 100%;
2139 max-width: 100%;
2140 }
2141 .tt-flatpickr-calendar .flatpickr-months {
2142 padding-bottom: 20px;
2143 border-bottom: 1px solid #eaeaea;
2144 margin-bottom: 20px;
2145 }
2146 .tt-flatpickr-calendar .flatpickr-day {
2147 height: 50px;
2148 line-height: 50px;
2149 border-radius: 6px;
2150 -webkit-border-radius: 6px;
2151 -ms-border-radius: 6px;
2152 color: #0a1018;
2153 font-weight: 600;
2154 }
2155 .tt-flatpickr-calendar .flatpickr-day.selected {
2156 color: #fff;
2157 border: none;
2158 background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%);
2159 }
2160 .tt-flatpickr-calendar .flatpickr-disabled {
2161 opacity: 0.4;
2162 }
2163 .tt-flatpickr-calendar .flatpickr-day.today {
2164 border-color: transparent;
2165 }
2166 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
2167 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
2168 left: auto;
2169 right: 40px;
2170 }
2171 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
2172 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
2173 display: block;
2174 cursor: no-drop;
2175 opacity: 0.4;
2176 }
2177 .tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
2178 .tt-flatpickr-calendar .flatpickr-current-month {
2179 text-align: left;
2180 }
2181 .tt-flatpickr-calendar .flatpickr-current-month {
2182 left: 0;
2183 }
2184 .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
2185 .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
2186 height: 34px;
2187 width: 34px;
2188 padding: 0;
2189 background: #eaeaea;
2190 line-height: 39px;
2191 border-radius: 5px;
2192 }
2193 .tt-flatpickr-calendar .flatpickr-months .cur-year,
2194 .tt-flatpickr-calendar .flatpickr-months .cur-month {
2195 font-weight: 600 !important;
2196 }
2197 .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
2198 .tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
2199 .tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
2200 background: transparent;
2201 }
2202
2203 .flatpickr-input {
2204 display: none;
2205 }
2206
2207 .timetics-onboard .tt-onboard-header {
2208 display: flex;
2209 justify-content: space-between;
2210 align-items: center;
2211 margin: 60px 0;
2212 flex-wrap: wrap;
2213 gap: 20px;
2214 }
2215 .timetics-onboard .tt-onboard-header .tt-help-info {
2216 font-size: 15px;
2217 font-weight: 400;
2218 color: #000000;
2219 }
2220 .timetics-onboard .tt-onboard-header .tt-help-info .tt-get-help-link {
2221 font-weight: 700;
2222 color: #5d5dff;
2223 }
2224 .timetics-onboard .timetics-wizard-container {
2225 max-width: 600px;
2226 margin: 0 auto;
2227 }
2228 .timetics-onboard .onboard-wizard-container {
2229 background-color: #fff;
2230 border-radius: 20px;
2231 padding: 40px;
2232 animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running;
2233 }
2234 @media screen and (max-width: 570px) {
2235 .timetics-onboard .onboard-wizard-container {
2236 padding: 20px;
2237 }
2238 }
2239 .timetics-onboard .tt-onboard-progress-bar {
2240 max-width: 400px;
2241 text-align: center;
2242 margin: 0 auto;
2243 margin-bottom: 50px;
2244 }
2245 .timetics-onboard .tt-onboard-progress-bar .ant-progress-bg {
2246 background-color: #3161f1;
2247 }
2248 .timetics-onboard .tt-onboard-progress-bar .ant-progress-inner {
2249 background-color: #e2e2e3;
2250 }
2251 .timetics-onboard .tt-skip-button {
2252 text-align: center;
2253 margin-top: 20px;
2254 }
2255 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link {
2256 border: none;
2257 }
2258 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link span {
2259 border-bottom: 1px solid #84878b;
2260 line-height: 1;
2261 color: #84878b;
2262 }
2263 .timetics-onboard .tt-skip-button .ant-btn.ant-btn-link:hover span {
2264 border-color: #5d5dff;
2265 color: #5d5dff;
2266 }
2267 .timetics-onboard p {
2268 font-size: 14px;
2269 color: #838790;
2270 margin: 0;
2271 line-height: 24px;
2272 text-wrap: balance;
2273 }
2274 .timetics-onboard .tt-onboard-welcome {
2275 padding: 40px 80px;
2276 }
2277 .timetics-onboard .tt-onboard-welcome .banner {
2278 text-align: center;
2279 margin-bottom: 50px;
2280 }
2281 .timetics-onboard .tt-onboard-welcome .banner img {
2282 width: 75%;
2283 }
2284 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content {
2285 text-align: center;
2286 }
2287 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content h3 {
2288 font-size: 32px;
2289 line-height: 38px;
2290 margin-bottom: 20px;
2291 font-weight: 700;
2292 margin-top: 0;
2293 }
2294 .timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content p {
2295 margin-bottom: 35px;
2296 text-wrap: inherit;
2297 }
2298 .timetics-onboard .tt-onboard-wizard-header {
2299 text-align: center;
2300 margin-bottom: 35px;
2301 }
2302 .timetics-onboard .tt-onboard-wizard-header h3 {
2303 font-size: 24px;
2304 font-weight: 700;
2305 line-height: 29px;
2306 margin-bottom: 15px;
2307 margin-top: 0;
2308 }
2309 .timetics-onboard .tt-onboard-action-btn-wrapper {
2310 display: flex;
2311 justify-content: space-between;
2312 gap: 15px;
2313 margin-top: 30px;
2314 }
2315 @media screen and (max-width: 570px) {
2316 .timetics-onboard .tt-onboard-action-btn-wrapper {
2317 justify-content: center;
2318 }
2319 }
2320 .timetics-onboard .tt-outline-icon-btn .anticon svg path {
2321 transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
2322 }
2323 .timetics-onboard .tt-outline-icon-btn:hover .anticon svg path {
2324 stroke: var(--tt-primary-color);
2325 }
2326 .timetics-onboard .tt-single-calendar-connect {
2327 display: flex;
2328 justify-content: space-between;
2329 align-items: center;
2330 border: 1px solid var(--tt-secondary-color-12);
2331 padding: 15px;
2332 border-radius: 8px;
2333 flex-wrap: wrap;
2334 gap: 10px;
2335 }
2336 .timetics-onboard .tt-calendar-icon {
2337 display: flex;
2338 gap: 15px;
2339 align-items: center;
2340 }
2341 .timetics-onboard .tt-single-calendar-connect + .tt-single-calendar-connect {
2342 margin-top: 15px;
2343 }
2344 .timetics-onboard .tt-onboard-availability {
2345 padding: 30px;
2346 border: 1px solid var(--tt-secondary-color-12);
2347 border-radius: 10px;
2348 }
2349 .timetics-onboard .tt-onboard-availability.timetics-input > .ant-divider:first-child {
2350 display: none;
2351 }
2352 .timetics-onboard .tt-empathizing {
2353 color: #5d5dff;
2354 font-weight: 600;
2355 }
2356 .timetics-onboard .tt-onboard-demo-data-import {
2357 margin: 120px 0;
2358 }
2359
2360 @keyframes AnimationFadeIn {
2361 from {
2362 opacity: 0;
2363 transform: translateX(50px);
2364 }
2365 to {
2366 opacity: 1;
2367 }
2368 }
2369 .toplevel_page_timetics .tt-pro-notice {
2370 padding-right: 8px;
2371 }
2372 .toplevel_page_timetics .tt-go-pro-btn {
2373 z-index: 1000;
2374 }
2375 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default {
2376 color: #0a1018;
2377 border: 1px solid #fb9e12;
2378 background-color: #fef6e6;
2379 }
2380 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-integration {
2381 position: absolute;
2382 right: 8px;
2383 top: 50%;
2384 transform: translate(-10px, -50%);
2385 }
2386 .toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-meeting-integration {
2387 position: absolute;
2388 top: 50%;
2389 right: 6px;
2390 transform: translate(0, -2%);
2391 }
2392 .toplevel_page_timetics .tt-go-pro-btn .tt-go-pro-arrow {
2393 margin-left: 8px;
2394 }
2395