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

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