/*!************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/frontend.scss ***! \************************************************************************************************************************/ :root { --tt-primary-color: #3161f1; --tt-primary-color-70: #4c93ff; --tt-primary-color-50: #78aeff; --tt-primary-color-25: #a5c9ff; --tt-primary-color-15: #d2e4ff; --tt-primary-color-08: #e9f2ff; --tt-primary-color-06: #f3f6fe; --tt-secondary-color: #0c274a; --tt-secondary-color-65: #556880; --tt-secondary-color-50: #8693a5; --tt-secondary-color-30: #b6bec9; --tt-secondary-color-20: #ced4db; --tt-secondary-color-12: #e2ecf4; --tt-secondary-color-08: #ecf2f8; --tt-secondary-color-05: #f3f7fb; --tt-secondary-color-03: #f8fafc; --tt-danger-color: #e42d23; --tt-danger-light-color: #f7d0d3; --tt-success-color: #00c14e; --tt-alert-color: #ef8201; --tt-disable-color: #cecfd1; --tt-state-color-01: #06a78a; --tt-state-color-02: #f1a208; --tt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); --tt-primary-gradient-reverse: linear-gradient( 170deg, #3263f8 0%, #254ec8 100% ); --tt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%); } .tt-margin-0 { margin: 0 !important; } .tt-mb-0 { margin-bottom: 0 !important; } .tt-mb-10 { margin-bottom: 10px !important; } .tt-mb-15 { margin-bottom: 15px !important; } .tt-mb-20 { margin-bottom: 20px !important; } .tt-mb-25 { margin-bottom: 25px !important; } .tt-mb-30 { margin-bottom: 30px !important; } .tt-mb-35 { margin-bottom: 35px !important; } .tt-mb-40 { margin-bottom: 40px !important; } .tt-mb-45 { margin-bottom: 45px !important; } .tt-mt-0 { margin-top: 0 !important; } .tt-mt-5 { margin-top: 5px !important; } .tt-mt-10 { margin-top: 10px !important; } .tt-mt-30 { margin-top: 30px !important; } .tt-mt-40 { margin-top: 40px !important; } .tt-mr-15 { margin-right: 15px !important; } .tt-mx-10 { margin: 0 10px !important; } .tt-primary-color { color: var(--tt-primary-color); } #wpcontent { min-height: 100vh; background-color: #ecf2f8; } @media screen and (max-width: 768px) { #wpcontent { padding-right: 10px; } } .wrap { margin: 20px 40px 0 20px; } @media screen and (max-width: 768px) { .wrap { margin: 0; } } .toplevel_page_timetics .tt-page-header-wrapper { border-bottom: 1px solid #d9d9d9; padding-bottom: 27px; margin-bottom: 30px; } .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header { padding: 0; background-color: transparent; } .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-left, .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-extra { margin: 0; } .toplevel_page_timetics .tt-page-header-wrapper .ant-page-header-heading-title { font-size: 22px; line-height: 33px; } .toplevel_page_timetics .tt-page-header-wrapper .ant-btn svg { fill: var(--tt-primary-color); } .toplevel_page_timetics .tt-page-header-wrapper .tt-header-info-dropdown.ant-btn { padding: 4px 0px; } .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon .anticon:hover path { stroke: var(--tt-primary-color); } .toplevel_page_timetics .tt-shortcode-list .ant-input-group-addon:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-item-active, .toplevel_page_timetics .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, .toplevel_page_timetics .ant-dropdown-menu-item:hover, .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, .toplevel_page_timetics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active, .toplevel_page_timetics .ant-dropdown-menu-submenu-title:hover { background-color: var(--tt-secondary-color-08); } .toplevel_page_timetics .ant-list-split .ant-list-item { border-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .ant-divider-horizontal { border-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .tt-spinner-canter { width: 100%; height: 90vh; display: flex; align-items: center; justify-content: center; opacity: 0.8; } .timetics-input .ant-input-lg, .timetics-input .ant-picker, .timetics-input .ant-select:not(.ant-select-customize-input) .ant-select-selector, .timetics-input .ant-input-affix-wrapper, .timetics-input .ant-input-number, .timetics-input .ant-input-number-lg, .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { border-color: var(--tt-secondary-color-12); border-radius: 6px; height: 42px; padding: 0 15px; font-size: 14px; } .timetics-input .ant-input-number-lg input { height: 40px; line-height: 40px; } .timetics-input .ant-form-item-label > label { font-weight: 500; font-size: 13px; line-height: 20px; color: var(--tt-secondary-color); text-transform: capitalize; } .timetics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item { line-height: 42px; padding-right: 10px; } .timetics-input textarea.ant-input { border-radius: 6px; } .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-item, .timetics-input .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 40px; } .timetics-input.tt-sm-input .ant-input-number-sm { height: 34px; line-height: 32px; } .timetics-input .ant-select-arrow { right: 15px; height: 15px; } .timetics-input .ant-select-arrow .anticon-down { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjg3MDY4IDIuNjEyMDRDMC4zODk4MTYgMi4xMzExOCAwLjM4OTgxNiAxLjM1MTU0IDAuODcwNjc5IDAuODcwNjhDMS4zNTE1NCAwLjM4OTgxNyAyLjEzMTE4IDAuMzg5ODE2IDIuNjEyMDQgMC44NzA2OEw4LjI1ODY0IDYuNTE3MjhMMTMuOTA1MiAwLjg3MDY4QzE0LjM4NjEgMC4zODk4MTcgMTUuMTY1NyAwLjM4OTgxNiAxNS42NDY2IDAuODcwNjc5QzE2LjEyNzUgMS4zNTE1NCAxNi4xMjc1IDIuMTMxMTggMTUuNjQ2NiAyLjYxMjA0TDguOTY1NzUgOS4yOTI4OUM4LjU3NTIyIDkuNjgzNDIgNy45NDIwNiA5LjY4MzQyIDcuNTUxNTMgOS4yOTI4OUwwLjg3MDY4IDIuNjEyMDRaIiBmaWxsPSIjMEExMDE4Ii8+Cjwvc3ZnPgo="); width: 14px; height: 9px; background-repeat: no-repeat; background-size: 13px; } .timetics-input .ant-select-arrow .anticon-down svg { display: none; } .ant-input-affix-wrapper input[type=text]:focus, .ant-input-affix-wrapper input[type=password]:focus, .ant-input-affix-wrapper input[type=color]:focus, .ant-input-affix-wrapper input[type=date]:focus, .ant-input-affix-wrapper input[type=datetime]:focus, .ant-input-affix-wrapper input[type=datetime-local]:focus, .ant-input-affix-wrapper input[type=email]:focus, .ant-input-affix-wrapper input[type=month]:focus, .ant-input-affix-wrapper input[type=number]:focus, .ant-input-affix-wrapper input[type=search]:focus, .ant-input-affix-wrapper input[type=tel]:focus, .ant-input-affix-wrapper input[type=time]:focus, .ant-input-affix-wrapper input[type=url]:focus, .ant-input-affix-wrapper input[type=week]:focus, .ant-input-affix-wrapper input[type=checkbox]:focus, .ant-input-affix-wrapper input[type=radio]:focus, .ant-input-affix-wrapper select:focus, .ant-input-affix-wrapper textarea:focus, .ant-select-selection-search input[type=text]:focus, .ant-select-selection-search input[type=password]:focus, .ant-select-selection-search input[type=color]:focus, .ant-select-selection-search input[type=date]:focus, .ant-select-selection-search input[type=datetime]:focus, .ant-select-selection-search input[type=datetime-local]:focus, .ant-select-selection-search input[type=email]:focus, .ant-select-selection-search input[type=month]:focus, .ant-select-selection-search input[type=number]:focus, .ant-select-selection-search input[type=search]:focus, .ant-select-selection-search input[type=tel]:focus, .ant-select-selection-search input[type=time]:focus, .ant-select-selection-search input[type=url]:focus, .ant-select-selection-search input[type=week]:focus, .ant-select-selection-search input[type=checkbox]:focus, .ant-select-selection-search input[type=radio]:focus, .ant-select-selection-search select:focus, .ant-select-selection-search textarea:focus { box-shadow: none; outline: none; } .input-search-field .ant-input-affix-wrapper { font-size: 16px; border-radius: 6px; padding: 1px 15px; } .tt-heading { font-weight: 600; font-size: 24px; } #time_tics_dashboard .ant-btn, .tt-btn-dropdown .ant-btn, .ant-modal-wrap .ant-btn, .ant-popover-inner-content .ant-btn { border-radius: 6px; font-weight: 600; } #time_tics_dashboard .ant-btn.ant-btn-sm, .tt-btn-dropdown .ant-btn.ant-btn-sm, .ant-modal-wrap .ant-btn.ant-btn-sm, .ant-popover-inner-content .ant-btn.ant-btn-sm { height: 30px; line-height: 30px; padding: 0 11px; } #time_tics_dashboard .ant-btn.ant-btn-md, .tt-btn-dropdown .ant-btn.ant-btn-md, .ant-modal-wrap .ant-btn.ant-btn-md, .ant-popover-inner-content .ant-btn.ant-btn-md { height: 34px; line-height: 34px; } #time_tics_dashboard .ant-btn.ant-btn-lg, .tt-btn-dropdown .ant-btn.ant-btn-lg, .ant-modal-wrap .ant-btn.ant-btn-lg, .ant-popover-inner-content .ant-btn.ant-btn-lg { height: 38px; line-height: 1; } #time_tics_dashboard .ant-btn svg, .tt-btn-dropdown .ant-btn svg, .ant-modal-wrap .ant-btn svg, .ant-popover-inner-content .ant-btn svg { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } #time_tics_dashboard .tt-more-action-btn, .tt-btn-dropdown .tt-more-action-btn, .ant-modal-wrap .tt-more-action-btn, .ant-popover-inner-content .tt-more-action-btn { padding: 5px 6px; } #time_tics_dashboard .tt-more-action-btn:hover svg, .tt-btn-dropdown .tt-more-action-btn:hover svg, .ant-modal-wrap .tt-more-action-btn:hover svg, .ant-popover-inner-content .tt-more-action-btn:hover svg { fill: var(--tt-primary-color); } .tt-action-dropdown .ant-dropdown-menu { min-width: 208px; padding: 4px; border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 1px solid var(--tt-secondary-color-12); } .tt-action-dropdown .ant-dropdown-menu-item { padding: 6px 10px; border-radius: 4px; } .tt-action-dropdown .ant-dropdown-menu-item a { text-decoration: none; font-weight: 500; font-size: 14px; color: var(--tt-secondary-color-65); } .tt-action-dropdown .ant-dropdown-menu-item:hover a { color: var(--tt-secondary-color); } .tt-action-dropdown.tt-action-area .ant-dropdown-menu { min-width: 210px; padding: 4px; } .tt-action-dropdown.tt-action-area .ant-dropdown-menu svg { margin-right: 5px; position: relative; bottom: -3px; } .tt-action-dropdown.tt-action-area .ant-dropdown-menu-item { padding: 7px 12px; } .tt-text-right { text-align: right; } .tt-notification-content .ant-collapse-content > .ant-collapse-content-box { padding: 25px; } .tt-container-wrapper { max-width: 1000px; margin: 60px auto 0; } .tt-container-wrapper .tt-appoint-type { font-size: 21px; line-height: 25px; margin: 0 0 40px 0; font-weight: 600; } .tt-container-wrapper .tt-form-container { padding: 30px; background-color: #ffffff; border: 1px solid var(--tt-secondary-color-12); border-radius: 8px; } @media screen and (max-width: 768px) { .tt-container-wrapper .tt-form-container { padding: 20px; } } .tt-container-wrapper .tt-form-container .ant-collapse { border-radius: 8px; } .tt-container-wrapper .tt-form-container .ant-collapse-header-text { font-size: 14px; font-weight: 600; } .tt-container-wrapper .tt-form-container .tt-link-btn { padding: 0; } .tt-container-wrapper .tt-form-container .timetics-input.tt-notice-time-input { margin-top: 32px; } @media screen and (max-width: 570px) { .tt-container-wrapper .tt-form-container .timetics-input.tt-notice-time-input { margin-top: -15px; } } .tt-container-wrapper .tt-settings-container { padding-left: 0; } .ql-editor { min-height: 130px; } .tt-tooltip-card .ant-tooltip-arrow { min-width: 18px; min-height: 18px; } .tt-tooltip-card .ant-tooltip-inner { min-height: 20px; padding: 4px 8px; font-size: 12px; } @media screen and (max-width: 782px) { input[type=text] { min-height: 30px; } } @media (max-width: 590px) { .ant-picker-panel-container .ant-picker-panels { flex-direction: column; } } .tt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input { background-color: transparent; } .ant-notification { margin-top: 16px !important; } .toplevel_page_timetics .ant-switch { height: 24px; background-color: var(--tt-secondary-color-20); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); border-radius: 28px; } .toplevel_page_timetics .ant-switch .ant-switch-handle { top: 4px; left: 4px; width: 16px; height: 16px; } .toplevel_page_timetics .ant-switch .ant-switch-handle::before { box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15); background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.8) 87.98%); } .toplevel_page_timetics .ant-switch.ant-switch-checked { background: var(--tt-primary-gradient); } .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 20px); } .toplevel_page_timetics .ant-switch.ant-switch-checked .ant-switch-handle::before { background: linear-gradient(210.38deg, #ffffff 11.21%, rgba(255, 255, 255, 0.7) 87.98%); box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25); } .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner { width: 20px; height: 20px; border-radius: 4px; z-index: 1; } .toplevel_page_timetics .ant-checkbox .ant-checkbox-inner::after { width: 6.714286px; height: 11.142857px; left: 23%; top: 45%; border-radius: 0; } .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner { background: var(--tt-primary-gradient); border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-checkbox.ant-checkbox-checked:after { border-radius: 4px; } .toplevel_page_timetics .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after { width: 12px; height: 12px; left: 50%; top: 50%; border-radius: 2px; background: var(--tt-primary-gradient); } .toplevel_page_timetics .ant-checkbox + span { position: relative; top: -3px; } .toplevel_page_timetics .ant-checkbox.ant-checkbox-disabled .ant-checkbox-input { width: 20px; height: 20px; top: 4px; } .toplevel_page_timetics .ant-checkbox-input:focus + .ant-checkbox-inner, .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox-inner, .toplevel_page_timetics .ant-checkbox:hover .ant-checkbox-inner { border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-checkbox-wrapper:hover .ant-checkbox:after, .toplevel_page_timetics .ant-checkbox:hover:after { visibility: visible; border-color: var(--tt-primary-color); } .toplevel_page_timetics .meeting-pagination { text-align: right; } @media (max-width: 991px) { .toplevel_page_timetics .meeting-pagination { text-align: center; } } .toplevel_page_timetics .ant-pagination .ant-pagination-item { width: 30px; min-width: 30px; line-height: 25px; height: 30px; background-color: transparent; border-color: transparent; border-radius: 4px; } .toplevel_page_timetics .ant-pagination .ant-pagination-item a { font-weight: 600; line-height: 28px; } .toplevel_page_timetics .ant-pagination .ant-pagination-item:hover { border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-pagination .ant-pagination-item-active { border: 1px solid var(--tt-primary-color); border-radius: 4px; } .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link, .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link { background-color: transparent; border: 1px solid transparent; } .toplevel_page_timetics .ant-pagination-next .ant-pagination-item-link:hover, .toplevel_page_timetics .ant-pagination-prev .ant-pagination-item-link:hover { border-color: transparent; } .toplevel_page_timetics .ant-pagination-disabled .ant-pagination-item-link, .toplevel_page_timetics .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: transparent; background-color: transparent; cursor: not-allowed; } .toplevel_page_timetics .tt-meeting-create-btn .ant-btn-primary svg { fill: #fff !important; } .toplevel_page_timetics .ant-tabs-tab-btn { color: var(--tt-secondary-color-50); } .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav, .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav, .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav, .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav { margin: 0 0 30px; } .toplevel_page_timetics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 0 0 10px; font-size: 15px; font-weight: 600; } .toplevel_page_timetics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .toplevel_page_timetics .ant-tabs-tab:hover { color: var(--tt-primary-color); text-shadow: none; } .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav:before, .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav:before, .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav:before, .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav:before { border-bottom: 1px solid #d9d9d9; } .toplevel_page_timetics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_timetics .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_timetics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_timetics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 3px; } .toplevel_page_timetics .ant-tabs-ink-bar { background: var(--tt-primary-gradient); border-radius: 10px 10px 0 0; } .toplevel_page_timetics .tt-settings-wrapper .ant-typography.ant-typography-secondary { color: var(--tt-secondary-color-65); } .toplevel_page_timetics .tt-settings-wrapper .ant-btn.ant-btn-default { text-decoration: none; line-height: 1; padding: 0 15px; color: var(--tt-primary-color); border-color: var(--tt-primary-color); } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav { border-right: 1px solid #e1e4e9; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-ink-bar { background: none; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab { padding: 10px 24px !important; margin: 0 !important; transition: 0.3s ease-in; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab path { stroke: #8693a5; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active { background-color: #e9f2ff; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active path { stroke: #3161f1; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-nav .ant-tabs-nav-operations { display: none !important; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-content-holder .ant-tabs-tabpane { padding-left: 40px !important; } .toplevel_page_timetics .tt-custom-tab > .ant-tabs-content-holder .ant-card-meta-avatar svg { background: none; border-radius: 0; } .toplevel_page_timetics .tt-custom-tab .tt-tab-heading { font-size: 16px; font-weight: 600; border-bottom: 1px solid #e1e4e9; padding-bottom: 20px; margin-bottom: 30px; } .toplevel_page_timetics .ant-table { background-color: transparent; } .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 6px; } .toplevel_page_timetics .ant-table .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 6px; } .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:last-child { border-bottom-right-radius: 6px; } .toplevel_page_timetics .ant-table .ant-table-container table > tbody > tr:last-child td:first-child { border-bottom-left-radius: 6px; } .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 { display: none; } .toplevel_page_timetics .ant-table .ant-table-sticky-holder, .toplevel_page_timetics .ant-table .ant-table-sticky-scroll { background: transparent; } .toplevel_page_timetics .ant-table .ant-table-thead > tr > th { background: #e9eaef; border-bottom-color: transparent; box-shadow: none; } .toplevel_page_timetics .ant-table table tr td.ant-table-selection-column, .toplevel_page_timetics .ant-table table tr th.ant-table-selection-column { padding-right: 20px; padding-left: 20px; } .toplevel_page_timetics .ant-table .ant-table-tbody > tr > td { background-color: #fff; } .toplevel_page_timetics .ant-table .ant-table-tbody tr:nth-child(2n-1) td { background-color: var(--tt-secondary-color-05); } .toplevel_page_timetics .ant-spin { color: var(--tt-primary-color); } .toplevel_page_timetics .ant-spin .ant-spin-dot-item { background-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-spin-blur { opacity: 0; } .toplevel_page_timetics .ant-alert-info { border: transparent; border-radius: 8px; } .toplevel_page_timetics .ant-spin-blur { opacity: 0; } .toplevel_page_timetics .ant-collapse { background-color: #fff; border-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child { border-radius: 0 0 8px 8px; } .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header, .toplevel_page_timetics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 8px 8px; border-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .ant-collapse.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 25px; padding-bottom: 25px; } .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { position: relative; background-color: transparent; border-top-right-radius: 7px; border-top-left-radius: 7px; } .toplevel_page_timetics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item:not(.ant-collapse-item-active) > .ant-collapse-header { border-radius: 8px; } .toplevel_page_timetics .ant-collapse .ant-collapse-content > .ant-collapse-content-box { background-color: var(--tt-secondary-color-05); padding: 25px; border-radius: 0 0 8px 8px; } .toplevel_page_timetics .ant-collapse .ant-collapse-item-active .ant-collapse-expand-icon .anticon svg { transform: rotate(-180deg); } .toplevel_page_timetics .ant-collapse > .ant-collapse-item { border-bottom-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .ant-collapse-item.ant-collapse-item-disabled { opacity: 1; } .toplevel_page_timetics .ant-tooltip .ant-tooltip-inner { background: var(--tt-secondary-gradient); border-radius: 4px; font-weight: 600; font-size: 12px; } .toplevel_page_timetics .ant-tooltip .ant-tooltip-arrow-content { --antd-arrow-background-color: var(--tt-secondary-color); } .toplevel_page_timetics .ant-select-single:not(.ant-select-customize-input, .tt-location-type-select) .ant-select-selector { line-height: 40px; padding: 0 40px 0 20px; border-radius: 6px; } .toplevel_page_timetics .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item, .toplevel_page_timetics .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 40px; transition: all 0.3s; font-weight: 500; color: var(--tt-secondary-color-65); } .toplevel_page_timetics .ant-select-dropdown { border: transparent; border-radius: 4px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); padding: 0; } .toplevel_page_timetics .ant-select-dropdown { border: 1px solid var(--tt-secondary-color-12); border-radius: 6px; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1); padding: 4px; } .toplevel_page_timetics .ant-select-dropdown .ant-select-item { color: var(--tt-secondary-color-65); font-weight: 500; padding: 6.5px 12px; } .toplevel_page_timetics .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) { border-radius: 4px; background-color: var(--tt-secondary-color-05); color: var(--tt-secondary-color); } .toplevel_page_timetics .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background-color: var(--tt-secondary-color-08); color: var(--tt-secondary-color); border-radius: 4px; } .toplevel_page_timetics .flatpickr-day.selected, .toplevel_page_timetics .flatpickr-day.startRange, .toplevel_page_timetics .flatpickr-day.endRange, .toplevel_page_timetics .flatpickr-day.selected.inRange, .toplevel_page_timetics .flatpickr-day.startRange.inRange, .toplevel_page_timetics .flatpickr-day.endRange.inRange, .toplevel_page_timetics .flatpickr-day.selected:focus, .toplevel_page_timetics .flatpickr-day.startRange:focus, .toplevel_page_timetics .flatpickr-day.endRange:focus, .toplevel_page_timetics .flatpickr-day.selected:hover, .toplevel_page_timetics .flatpickr-day.startRange:hover, .toplevel_page_timetics .flatpickr-day.endRange:hover, .toplevel_page_timetics .flatpickr-day.selected.prevMonthDay, .toplevel_page_timetics .flatpickr-day.startRange.prevMonthDay, .toplevel_page_timetics .flatpickr-day.endRange.prevMonthDay, .toplevel_page_timetics .flatpickr-day.selected.nextMonthDay, .toplevel_page_timetics .flatpickr-day.startRange.nextMonthDay, .toplevel_page_timetics .flatpickr-day.endRange.nextMonthDay { background: var(--tt-primary-color); border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-modal-content, .toplevel_page_timetics .ant-modal-header { border-radius: 6px; } .toplevel_page_timetics .ant-btn { color: var(--tt-secondary-color); } .toplevel_page_timetics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .tt-link-btn) { padding: 4px 10px; } .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 { color: var(--tt-primary-color); border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-btn.ant-btn-primary { background-image: var(--tt-primary-gradient); color: #fff; border: none; } .toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus { background-image: var(--tt-primary-gradient-reverse); color: #fff; } .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg { width: 15px; height: 15px; } .toplevel_page_timetics .ant-btn.ant-btn-primary .anticon svg path { stroke: #fff; } .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 { color: #fff; } .toplevel_page_timetics .ant-btn.ant-btn-lg { padding: 10px 18px 10px 18px; font-size: 14px; font-weight: 600; border-radius: 6px; } .toplevel_page_timetics .ant-btn.ant-btn-default { display: inline-flex; align-items: center; justify-content: center; } .toplevel_page_timetics .ant-btn.ant-btn-default .anticon { margin-top: 3px; } .toplevel_page_timetics .ant-btn.ant-btn-default svg { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .toplevel_page_timetics .ant-btn.ant-btn-default:not(:disabled):hover .anticon:not(.tt-no-fill-icon) svg { fill: var(--tt-primary-color); } .toplevel_page_timetics .ant-btn.ant-btn-default.tt-default-btn { height: 36px; padding: 6px 10px; } .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 { fill: var(--tt-primary-color); } .toplevel_page_timetics .ant-btn.ant-btn-dangerous { color: var(--tt-danger-color); border-color: var(--tt-danger-light-color); } .toplevel_page_timetics .ant-btn.ant-btn-dangerous .anticon { margin-top: 0; } .toplevel_page_timetics .ant-btn.ant-btn-dangerous svg { fill: none; } .toplevel_page_timetics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg { fill: var(--tt-danger-color); } .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus { color: var(--tt-danger-color); border-color: var(--tt-danger-color); } .toplevel_page_timetics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_timetics .ant-btn.ant-btn-dangerous:focus .anticon svg path { stroke: var(--tt-danger-color) !important; } .toplevel_page_timetics .ant-btn.tt-link-btn { padding: 0; color: var(--tt-primary-color); line-height: 1; white-space: normal; text-align: left; line-height: 1.5; margin: 0 !important; border-width: 0; } .toplevel_page_timetics .ant-btn.tt-link-btn span { text-decoration: underline; } .toplevel_page_timetics .ant-btn.tt-link-btn:hover, .toplevel_page_timetics .ant-btn.tt-link-btn:focus { color: var(--tt-secondary-color); } .toplevel_page_timetics .ant-btn[disabled], .toplevel_page_timetics .ant-btn[disabled]:active, .toplevel_page_timetics .ant-btn[disabled]:focus, .toplevel_page_timetics .ant-btn[disabled]:hover { color: #ffffff; border-color: transparent; background: #ced4db; } .toplevel_page_timetics .ant-btn[disabled].ant-btn-link, .toplevel_page_timetics .ant-btn[disabled]:active.ant-btn-link, .toplevel_page_timetics .ant-btn[disabled]:focus.ant-btn-link, .toplevel_page_timetics .ant-btn[disabled]:hover.ant-btn-link { background-color: transparent; color: #ced4db !important; } .toplevel_page_timetics .ant-btn[disabled] .anticon svg { fill: #ffffff; } .toplevel_page_timetics .ant-btn[disabled]:hover .anticon svg { fill: #ffffff; } .toplevel_page_timetics .ant-input, .toplevel_page_timetics .ant-input-password, .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) { color: var(--tt-secondary-color); border-color: var(--tt-secondary-color-12); } .toplevel_page_timetics .ant-input:hover, .toplevel_page_timetics .ant-input-password:hover, .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-input:focus, .toplevel_page_timetics .ant-input-password:focus, .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus { border-color: var(--tt-primary-color); outline: 4px solid rgba(49, 97, 241, 0.25); box-shadow: none; } .toplevel_page_timetics .ant-input[disabled], .toplevel_page_timetics .ant-input-password[disabled], .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] { color: rgba(0, 0, 0, 0.25); } .toplevel_page_timetics .ant-input::placeholder, .toplevel_page_timetics .ant-input-password::placeholder, .toplevel_page_timetics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)::placeholder { color: var(--tt-secondary-color-30); } .toplevel_page_timetics .ant-form-item-explain-error { padding: 5px 0; } .toplevel_page_timetics .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before { position: absolute; right: -13px; top: 0; } .toplevel_page_timetics .ant-input-number-handler-wrap { display: none; } .toplevel_page_timetics .ant-radio-checked .ant-radio-inner { border-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-radio-inner:after { background-color: var(--tt-primary-color); } .toplevel_page_timetics .ant-collapse > .ant-collapse-item > .ant-collapse-header { align-items: center; } .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline { border-color: var(--tt-primary-color); color: var(--tt-primary-color); } .toplevel_page_timetics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .tt-dropdown-item { font-weight: 500; font-size: 14px; color: var(--tt-secondary-color-65); } .toplevel_page_timetics .tt-submenu-action-wrapper { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .toplevel_page_timetics .tt-submenu-action-wrapper .tt-submenu-action-select { width: 220px; } .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper { display: flex; gap: 15px; column-gap: 15px; flex-wrap: wrap; } @media (max-width: 991px) { .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper { flex-direction: column; } .toplevel_page_timetics .tt-submenu-action-wrapper .tt-header-action-wrapper .ant-form-item { margin: 0; } } .ant-spin.ant-spin-spinning.tt-loader-spinner { display: flex; justify-content: center; align-items: center; flex-direction: column; } #adminmenu .wp-submenu .tt-go-pro-link a { color: var(--tt-state-color-02); } .tt-country-phone-code .react-tel-input .form-control { width: 100%; height: 42px; border-color: var(--tt-secondary-color-12) !important; } .tt-country-phone-code .tt-phone-input:focus { border-color: var(--tt-primary-color); outline: 3.5px solid rgba(49, 97, 241, 0.25); box-shadow: none; } .tt-country-phone-code .react-tel-input .selected-flag { border-color: var(--tt-secondary-color-12) !important; } .tt-country-phone-code .react-tel-input .selected-flag .arrow { display: none; } @media screen and (max-width: 782px) { .tt-country-phone-code .react-tel-input .country-list { width: 200px; } } .tt-phone-input-country-search { display: flex; align-items: center; padding: 1rem !important; } .tt-phone-input-country-search-box { margin: 0 !important; width: 100%; padding-block: 0.5rem !important; } .tt-phone-input { border-color: #d9d9d9 !important; } .tt-phone-input:hover, .tt-phone-input:focus { border-color: var(--tt-primary-color) !important; } .tt-phone-input-dropdown-btn { border-color: #d9d9d9 !important; } .tt-phone-input-dropdown-btn:hover, .tt-phone-input-dropdown-btn:focus { border-color: var(--tt-primary-color) !important; } .tt-category-tree .ant-tree-switcher { padding-block: 4px; } .tt-guest-setting .ant-card-meta-description { margin-right: 52px; } .tt-guest-field-wrapper .tt-multipleGuestInput-container { border: 1px solid #d9d9d9; border-radius: 8px; padding: 8px; min-height: 120px; cursor: text; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: baseline; gap: 4px; margin: 8px 0; } .tt-guest-field-wrapper .tt-multipleGuestInput-tag { margin: 0; padding: 2px 4px; background: #bcffdb; border-radius: 4px; color: #000000; display: flex; align-items: center; cursor: pointer; display: flex; align-items: center; font-weight: 600; } .tt-guest-field-wrapper .tt-multipleguestinput-input { all: unset; display: block; flex: 1; width: auto; min-width: 20ch; overflow-x: hidden; resize: none; margin: 0; padding: 2px 4px; } .tt-guest-field-wrapper .tt-guest-input-close { background-color: #c84545; border-radius: 100vmax; position: absolute; top: 0; right: 0; height: 15px; width: 15px; display: grid; place-items: center; transform: translate(60%, -50%); outline: 2px solid white; } .tt-error-page-wrapper { margin: 0 auto; max-width: 600px; background: var(--tt-secondary-color-03); border-radius: 10px; } .tt-error-page-wrapper .tt-error-icon { margin: 40px 0 30px; } .tt-error-page-wrapper .tt-error-content { margin-top: 100px; text-align: center; padding: 20px 20px 60px; } .tt-form-left-sidebar .tt-meeting-location-list .anticon.tt-money-icon svg, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon.tt-money-icon svg { fill: none; } .timetics-stripe { /* spinner/processing state, errors */ } .timetics-stripe #payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; } .timetics-stripe #payment-element { margin-bottom: 24px; } .timetics-stripe .spinner, .timetics-stripe .spinner:before, .timetics-stripe .spinner:after { border-radius: 50%; } .timetics-stripe .spinner { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .timetics-stripe .spinner:before, .timetics-stripe .spinner:after { position: absolute; content: ""; } .timetics-stripe .spinner:before { width: 10.4px; height: 20.4px; background: #5469d4; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px; -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; } .timetics-stripe .spinner:after { width: 10.4px; height: 10.2px; background: #5469d4; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; } .timetics-stripe div#link-authentication-element { margin-bottom: 12px; } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .timetics-meeting-list-wrapper .timetics-meeting-filter { margin-bottom: 30px; } .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select-wrapper { display: flex; justify-content: flex-start; gap: 20px; } .timetics-meeting-list-wrapper .timetics-meeting-filter .timetics-select { cursor: pointer; max-width: 200px; background-color: #fff; border-color: var(--tt-secondary-color-08) !important; font-weight: 500; color: #0c274a; } .timetics-meeting-list-wrapper .tt-meeting-list-item { background: #ffffff; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.08); border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; } .timetics-meeting-list-wrapper .tt-meeting-list-item p { font-size: 14px; color: #606469; margin: 0 0 20px; } .timetics-meeting-list-wrapper .tt-title { font-weight: 600; font-size: 20px; line-height: 30px; margin: 0 0 15px; } .timetics-meeting-list-wrapper .tt-author { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; row-gap: 8px; margin-top: 0; margin-bottom: 10px; } .timetics-meeting-list-wrapper .tt-author li { display: flex; align-items: center; gap: 8px; } .timetics-meeting-list-wrapper .tt-author li img { width: 35px; height: 35px; object-fit: cover; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .timetics-meeting-list-wrapper .tt-author li span { font-weight: 600; font-size: 16px; color: #606469; } .timetics-meeting-list-wrapper .meeting-info-list { list-style: none; padding: 0; } .timetics-meeting-list-wrapper .meeting-info-list li { font-weight: 500; font-size: 14px; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .tt-booking-list-modal .ant-modal-content { min-height: 600px; } .tt-booking-list-modal .ant-modal-close-x { display: flex; justify-content: center; align-items: center; } .tt-meeting-list-wrapper { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; gap: 30px; } @media (min-width: 768px) { .tt-meeting-list-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .tt-meeting-list-wrapper { grid-template-columns: repeat(3, 1fr); } } .timetics-category-meeting { background-color: #f2f4f8; min-height: 100%; } .timetics-category-meeting .tt-meeting-card { border-radius: 10px; border: 1px solid #e2ecf4; } .timetics-category-meeting .tt-meeting-card .tt-section-heading { font-weight: 600; font-size: 25px; line-height: 27px; text-align: center; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting, .timetics-category-meeting .tt-meeting-card .tt-staff-box { border-radius: 10px; border: 1px solid #e2ecf4; padding: 20px; margin-bottom: 20px; cursor: pointer; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-flex, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-flex { display: flex; justify-content: space-between; align-items: center; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-heading, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-heading, .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title { text-transform: capitalize; color: var(--tt-secondary-color); font-size: 16px; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-title { font-weight: 600; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-sub-title, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-sub-title { text-transform: capitalize; color: var(--tt-secondary-color-50); font-size: 12px; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting .tt-meeting-price, .timetics-category-meeting .tt-meeting-card .tt-staff-box .tt-meeting-price { font-weight: 700; padding-right: 20px; } .timetics-category-meeting .tt-meeting-card .tt-single-meeting:hover, .timetics-category-meeting .tt-meeting-card .tt-staff-box:hover { border: 1px solid #3161f1; box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.15); transition: 0.3s ease-in; } .timetics-category-meeting .tt-frontend-transition { transition: 0.3s all ease; } .timetics-category-meeting .tt-form-category-sidebar { border: 1px solid #e2ecf4 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } @media (max-width: 768px) { .timetics-category-meeting .tt-form-category-sidebar { border-radius: 10px !important; } } .timetics-category-meeting .tt-category-booking-wrap { border: 1px solid #e2ecf4 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } @media (max-width: 768px) { .timetics-category-meeting .tt-category-booking-wrap { border-radius: 10px !important; } } .timetics-category-meeting .tt-go-back-icon { margin-right: 2%; cursor: pointer; background-color: transparent; } .timetics-category-meeting .tt-go-back-icon:hover { background-color: #efefef; } .tt-staff-box { text-align: center; animation: antSlideLeftIn 0.5s ease-out; } .tt-staff-box .tt-staff-check-box { position: absolute; float: right; top: -8; left: -5; } .tt-vertical-border { border-left: 1px solid #e2ecf4; } @media (max-width: 768px) { .tt-vertical-border { border-left: none; border-top: 1px solid #e2ecf4; padding-top: 16px; } } .timetics-single-page-wrapper { padding: 100px 0; } .timetics-single-page-wrapper .timetics-container { max-width: 1200px; margin: auto; padding: 0 15px; } .ant-btn { border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .tt-section-title { font-weight: 600; font-size: 25px; line-height: 27px; } .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar, .tt-booking-body-wrap, .timetics-category-meeting .tt-category-booking-wrap { border: 1px solid #eaeaea; background: #fff; padding: 20px !important; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; } @media (min-width: 768px) { .tt-form-left-sidebar, .timetics-category-meeting .tt-form-category-sidebar, .tt-booking-body-wrap, .timetics-category-meeting .tt-category-booking-wrap { height: 100%; padding: 25px 30px !important; } } .tt-form-left-sidebar .submit-btn, .tt-form-left-sidebar .submit-btn-disabled, .tt-form-left-sidebar .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .tt-form-left-sidebar .submit-btn-disabled, .tt-form-left-sidebar .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled, .timetics-category-meeting .tt-category-booking-wrap .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .tt-booking-body-wrap .submit-btn-disabled, .tt-booking-body-wrap .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .tt-category-booking-wrap .submit-btn-disabled, .timetics-category-meeting .tt-category-booking-wrap .tt-form-category-sidebar .submit-btn-disabled, .tt-booking-body-wrap .submit-btn, .tt-booking-body-wrap .submit-btn-disabled, .tt-booking-body-wrap .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled, .timetics-category-meeting .tt-category-booking-wrap .tt-booking-body-wrap .submit-btn-disabled, .timetics-category-meeting .tt-category-booking-wrap .submit-btn, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled { color: #fff; font-size: 15px; font-weight: 700; background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); border: none; } .tt-form-left-sidebar .submit-btn:hover, .tt-form-left-sidebar .submit-btn-disabled:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:hover, .tt-form-left-sidebar .submit-btn:focus, .tt-form-left-sidebar .submit-btn-disabled:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:focus, .tt-booking-body-wrap .submit-btn:hover, .tt-booking-body-wrap .submit-btn-disabled:hover, .timetics-category-meeting .tt-category-booking-wrap .submit-btn:hover, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover, .tt-booking-body-wrap .submit-btn:focus, .tt-booking-body-wrap .submit-btn-disabled:focus, .timetics-category-meeting .tt-category-booking-wrap .submit-btn:focus, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus { background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); } .tt-form-left-sidebar .submit-btn .anticon svg, .tt-form-left-sidebar .submit-btn-disabled .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .anticon svg, .tt-booking-body-wrap .submit-btn .anticon svg, .tt-booking-body-wrap .submit-btn-disabled .anticon svg, .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon svg, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon svg { width: 15px; height: 15px; } .tt-form-left-sidebar .submit-btn .anticon path, .tt-form-left-sidebar .submit-btn-disabled .anticon path, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .anticon path, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .anticon path, .tt-booking-body-wrap .submit-btn .anticon path, .tt-booking-body-wrap .submit-btn-disabled .anticon path, .timetics-category-meeting .tt-category-booking-wrap .submit-btn .anticon path, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .anticon path { stroke: #fff; } .tt-form-left-sidebar .submit-btn .ant-btn-loading-icon svg, .tt-form-left-sidebar .submit-btn-disabled .ant-btn-loading-icon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn .ant-btn-loading-icon svg, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled .ant-btn-loading-icon svg, .tt-booking-body-wrap .submit-btn .ant-btn-loading-icon svg, .tt-booking-body-wrap .submit-btn-disabled .ant-btn-loading-icon svg, .timetics-category-meeting .tt-category-booking-wrap .submit-btn .ant-btn-loading-icon svg, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled .ant-btn-loading-icon svg { fill: #ffffff; } .tt-form-left-sidebar .submit-btn-disabled, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled, .tt-booking-body-wrap .submit-btn-disabled, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled { background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%); } .tt-form-left-sidebar .submit-btn-disabled:hover, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:hover, .tt-form-left-sidebar .submit-btn-disabled:focus, .timetics-category-meeting .tt-form-category-sidebar .submit-btn-disabled:focus, .tt-booking-body-wrap .submit-btn-disabled:hover, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:hover, .tt-booking-body-wrap .submit-btn-disabled:focus, .timetics-category-meeting .tt-category-booking-wrap .submit-btn-disabled:focus { background: linear-gradient(180deg, #aaa3a3 0%, #76777c 100%); } .tt-form-left-sidebar .ant-form-item-explain-error, .timetics-category-meeting .tt-form-category-sidebar .ant-form-item-explain-error, .tt-booking-body-wrap .ant-form-item-explain-error, .timetics-category-meeting .tt-category-booking-wrap .ant-form-item-explain-error { display: block; padding: 5px 0; } .tt-form-left-sidebar .ant-btn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn .anticon svg, .tt-booking-body-wrap .ant-btn .anticon svg, .timetics-category-meeting .tt-category-booking-wrap .ant-btn .anticon svg { width: 15px; height: 15px; } .tt-form-left-sidebar .ant-btn.backbtn, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn, .tt-booking-body-wrap .ant-btn.backbtn, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn { border-color: transparent; background: transparent; box-shadow: none; color: #0a1018; font-weight: 700; } .tt-form-left-sidebar .ant-btn.backbtn span, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn span, .tt-booking-body-wrap .ant-btn.backbtn span, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn span { border-bottom: 1px solid #0a1018; } .tt-form-left-sidebar .ant-btn.backbtn .anticon, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon, .tt-booking-body-wrap .ant-btn.backbtn .anticon, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon { border: none; } .tt-form-left-sidebar .ant-btn.backbtn .anticon svg, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn .anticon svg, .tt-booking-body-wrap .ant-btn.backbtn .anticon svg, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn .anticon svg { fill: none; width: 15px; height: 15px; } .tt-form-left-sidebar .ant-btn.backbtn:hover, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn:hover, .tt-form-left-sidebar .ant-btn.backbtn:focus, .timetics-category-meeting .tt-form-category-sidebar .ant-btn.backbtn:focus, .tt-booking-body-wrap .ant-btn.backbtn:hover, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:hover, .tt-booking-body-wrap .ant-btn.backbtn:focus, .timetics-category-meeting .tt-category-booking-wrap .ant-btn.backbtn:focus { background-color: transparent; border-color: transparent; color: #0a1018; } .tt-form-left-sidebar .tt-host-item, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item { display: flex; } .tt-form-left-sidebar .tt-host-item .ant-typography, .timetics-category-meeting .tt-form-category-sidebar .tt-host-item .ant-typography { font-size: 16px; font-weight: 600; color: #000000; text-transform: capitalize; } .tt-form-left-sidebar .tt-meeting-name, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-name { font-size: 24px; line-height: 29px; margin: 0 0 10px; color: #000000; } .tt-form-left-sidebar .tt-meeting-description, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-description { font-size: 14px; line-height: 22px; display: block; } .tt-form-left-sidebar .tt-meeting-location-list .anticon, .timetics-category-meeting .tt-form-category-sidebar .tt-meeting-location-list .anticon { display: block; } .tt-form-left-sidebar .tt-booking-side-info, .timetics-category-meeting .tt-form-category-sidebar .tt-booking-side-info { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; } .tt-form-left-sidebar .tt-seat-selected-number, .timetics-category-meeting .tt-form-category-sidebar .tt-seat-selected-number { display: flex; flex-wrap: wrap; gap: 10px; } .tt-form-left-sidebar .tt-select-host-wrapper, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper { margin-bottom: 25px; } .tt-form-left-sidebar .tt-select-host-wrapper .tt-host-label-text, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .tt-host-label-text { font-size: 14px; font-weight: 500; color: var(--tt-secondary-color-50); margin-bottom: 5px; display: inline-block; } .tt-form-left-sidebar .tt-select-host-wrapper .tt-select-host-content .tt-host-name, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .tt-select-host-content .tt-host-name { font-weight: 600; font-size: 16px; color: var(--tt-secondary-color); } .tt-form-left-sidebar .tt-select-host-wrapper .ant-select:not(.ant-select-customize-input) .ant-select-selector, .timetics-category-meeting .tt-form-category-sidebar .tt-select-host-wrapper .ant-select:not(.ant-select-customize-input) .ant-select-selector { height: 50px; align-items: center; } .tt-form-left-sidebar .ant-select:not(.ant-select-customize-input) .ant-select-selector, .timetics-category-meeting .tt-form-category-sidebar .ant-select:not(.ant-select-customize-input) .ant-select-selector { border-radius: 6px; } .ant-result-icon .anticon.anticon-check-circle svg { fill: var(--tt-success-color) !important; } .ant-select-item.ant-select-item-option.tt-host-option-item { min-height: 40px; align-items: center; } .tt-flatpickr-calendar { padding-right: 10px; } .tt-flatpickr-calendar .flatpickr-rContainer { width: 100%; } .tt-flatpickr-calendar .flatpickr-calendar { width: 100%; box-shadow: none; background: transparent; } .tt-flatpickr-calendar .flatpickr-calendar .dayContainer { width: 100%; min-width: 100%; max-width: 100%; } .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-days, .tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day { width: 100%; max-width: 100%; } .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled, .tt-flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover { color: var(--tt-secondary-color); opacity: 0.4; } .tt-flatpickr-calendar .flatpickr-months { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; display: flex; align-items: center; } .tt-flatpickr-calendar .flatpickr-day { height: 50px; line-height: 50px; border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #0a1018; font-weight: 600; } .tt-flatpickr-calendar .flatpickr-day.selected { color: #fff; border: none; background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); } .tt-flatpickr-calendar .flatpickr-disabled { opacity: 0.4; } .tt-flatpickr-calendar .flatpickr-day.today { border-color: transparent; } .tt-flatpickr-calendar .flatpickr-day.today::before { content: ""; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); width: 5px; height: 5px; border-radius: 100vmax; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: auto; right: 40px; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: flex; justify-content: center; align-items: center; cursor: no-drop; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month { display: flex; justify-content: center; align-items: center; top: 8px; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-month, .tt-flatpickr-calendar .flatpickr-current-month { text-align: left; } .tt-flatpickr-calendar .flatpickr-current-month { display: flex; align-items: center; left: 0; padding-top: 0; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month { height: 20px; width: 20px; padding: 0; line-height: 20px; border-radius: 100vmax; background-color: #0c274a; } .tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month svg { stroke: #ffffff; stroke-width: 2px; fill: transparent; width: 10px; height: 10px; } .tt-flatpickr-calendar .flatpickr-months .cur-year, .tt-flatpickr-calendar .flatpickr-months .cur-month { font-weight: 600 !important; } .tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus, .tt-flatpickr-calendar .flatpickr-months .cur-month:hover, .tt-flatpickr-calendar .flatpickr-months .cur-month:focus { background: transparent; } .flatpickr-input { display: none; } .tt-booking-slot-wrapper { overflow: auto; transition: all ease 200ms; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } .tt-booking-slot-wrapper::-webkit-scrollbar { width: 0; /* Width of the scrollbar */ } .tt-scroll-bar { /* Thumb (the draggable part) */ /* Corner (between the vertical and horizontal scrollbar) */ /* For Firefox */ /* Unlike WebKit browsers, Firefox doesn't allow separate styling of track and thumb */ /* Both track and thumb */ scrollbar-width: thin; scrollbar-color: var(--tt-secondary-color-50); /* Track */ /* Thumb */ } .tt-scroll-bar::-webkit-scrollbar { width: 8px; height: 8px; } .tt-scroll-bar::-webkit-scrollbar-thumb { background: var(--tt-secondary-color-50); border-radius: 8px; } .tt-scroll-bar::-webkit-scrollbar-corner { background: var(--tt-secondary-color-50); } .tt-scroll-bar::-ms-scrollbar { width: 8px; height: 8px; } .tt-scroll-bar::-ms-scrollbar-thumb { background: var(--tt-secondary-color-20); } .tt-slot-list::-webkit-scrollbar { background-color: #fff; width: 0px; } .tt-slot-list .ant-list-items { margin: 0; padding: 0; } .tt-slot-list .ant-list-item .ant-btn-block { height: 40px; color: #000; border-color: var(--tt-secondary-color-12); box-shadow: none; font-weight: 600; } .tt-slot-list .ant-list-item .ant-btn-block:hover { color: #3161f1; border-color: #3161f1; } .tt-meeting-booking-result-wrapper { border: 1px solid #eaeaea; border-radius: 8px; background: #fff; overflow: auto; } .tt-meeting-booking-result-wrapper .ant-result { padding: 30px 50px; } @media (max-width: 570px) { .tt-meeting-booking-result-wrapper .ant-result { padding: 20px; } } .tt-meeting-booking-result-wrapper .ant-result-title { font-weight: 600; } .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info { display: flex; } .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-WQ { flex-basis: 40%; } .tt-meeting-booking-result-wrapper .tt-single-meeting-booking-info .tt-meeting-booking-details { flex-basis: 60%; text-align: left; } .tt-meeting-booking-result-wrapper .tt-meeting-booking-change-info { margin: 20px 0; } .tt-meeting-booking-result-wrapper .tt-bookings-upadate-text { color: var(--tt-secondary-color-65); text-decoration: underline; cursor: pointer; } .tt-booking-body-wrap .tt-arrow-right.anticon svg, .timetics-category-meeting .tt-category-booking-wrap .tt-arrow-right.anticon svg { fill: none; } .tt-booking-body-wrap .tt-selected-date, .timetics-category-meeting .tt-category-booking-wrap .tt-selected-date { font-size: 16px; text-align: center; font-weight: 500; margin-bottom: 15px; } .tt-booking-body-wrap .anticon.tt-arrow-right path, .timetics-category-meeting .tt-category-booking-wrap .anticon.tt-arrow-right path { stroke: white; } .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { height: 0; width: 0; visibility: hidden; } .tt-slot-list-wrap { text-align: center; font-weight: 700; padding: 5px 10px; min-height: 100%; } @media (max-width: 570px) { .tt-slot-list-wrap { padding-left: 0; } } .tt-slot-list-wrap .ant-list-item { padding: 6px 0; } .tt-slot-list-wrap .ant-spin-nested-loading { height: 100%; } .tt-meeting-location-type { height: 40px; display: flex; align-items: center; line-height: 1; } .tt-payment-radio-btn .ant-radio-button-wrapper { border: 1px solid #eaeaea; } .tt-payment-radio-btn .ant-radio-button-wrapper:not(:first-child):before { display: none; } .tt-payment-radio-btn .tt-payment-radio-btn-icon { line-height: 1; display: flex; align-items: center; height: 100%; } .tt-payment-radio-btn .tt-payment-btn { border-radius: 6px; margin-right: 20px; margin-bottom: 10px; } @media (max-width: 380px) { .tt-payment-radio-btn .tt-payment-btn { margin-bottom: 20px; } } .tt-payment-radio-btn .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-in-form-item.tt-payment-btn { border-color: var(--tt-primary-color); } .tt-payment-radio-btn .ant-radio-button-wrapper:first-child:last-child { border-radius: 6px; } .tt-seat-booking-button { margin-top: 25px; } .tt-google-Cal-message { text-align: left; font-size: 14px; background-color: var(--tt-primary-color-08); padding: 5px 10px; border-radius: 5px; margin-bottom: 15px; } .timetics-user-account-wrapper .user-dashboard-container { max-width: 670px; margin: 0 auto; } .timetics-user-account-wrapper .tt-user-header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; margin-bottom: 30px; } .timetics-user-account-wrapper .tt-user-header h3.ant-typography { margin: 0; } .timetics-user-account-wrapper .tt-user-info-area { display: flex; gap: 15px; } .timetics-user-account-wrapper .ant-btn svg { fill: var(--tt-secondary-color); } .timetics-user-account-wrapper table { margin: 0; } .timetics-user-account-wrapper table, .timetics-user-account-wrapper td, .timetics-user-account-wrapper th { border: none; } .timetics-user-account-wrapper p { margin: 0 !important; } .timetics-user-account-wrapper .tt-user-back-button { display: inline-block; cursor: pointer; margin-bottom: 30px; } .timetics-user-account-wrapper .tt-user-back-button .anticon svg { fill: none; margin-right: 7px; color: #606469; } .timetics-user-account-wrapper .btn-text { display: inline-block; color: #606469; cursor: pointer; font-weight: 600; font-size: 13px; border-bottom: 1px solid #606469; } .timetics-user-account-wrapper .tt-user-profile-edit .tt-user-info-update-btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .timetics-user-account-wrapper .tt-booking-cancel { text-decoration: line-through; } .timetics-user-account-wrapper .tt-user-bookings-area .ant-select-single .ant-select-selector { align-items: center; }