/*!*********************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***! \*********************************************************************************************************************/ :root { --bkt-primary-color: #3161f1; --bkt-primary-color-70: #4c93ff; --bkt-primary-color-50: #78aeff; --bkt-primary-color-25: #a5c9ff; --bkt-primary-color-15: #d2e4ff; --bkt-primary-color-08: #e9f2ff; --bkt-primary-color-06: #f3f6fe; --bkt-secondary-color: #0c274a; --bkt-secondary-color-65: #556880; --bkt-secondary-color-50: #8693a5; --bkt-secondary-color-30: #b6bec9; --bkt-secondary-color-20: #ced4db; --bkt-secondary-color-12: #e2ecf4; --bkt-secondary-color-08: #ecf2f8; --bkt-secondary-color-05: #f3f7fb; --bkt-secondary-color-03: #f8fafc; --bkt-danger-color: #e42d23; --bkt-danger-light-color: #f7d0d3; --bkt-success-color: #00c14e; --bkt-alert-color: #ef8201; --bkt-disable-color: #cecfd1; --bkt-state-color-01: #06a78a; --bkt-state-color-02: #f1a208; --bkt-primary-gradient: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); --bkt-primary-gradient-reverse: linear-gradient( 170deg, #3263f8 0%, #254ec8 100% ); --bkt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%); } .wpmet-jhanda-href img { max-width: 100%; } .bkt-margin-0 { margin: 0 !important; } .bkt-mb-0 { margin-bottom: 0 !important; } .bkt-mb-10 { margin-bottom: 10px !important; } .bkt-mb-15 { margin-bottom: 15px !important; } .bkt-mb-20 { margin-bottom: 20px !important; } .bkt-mb-25 { margin-bottom: 25px !important; } .bkt-mb-30 { margin-bottom: 30px !important; } .bkt-mb-35 { margin-bottom: 35px !important; } .bkt-mb-40 { margin-bottom: 40px !important; } .bkt-mb-45 { margin-bottom: 45px !important; } .bkt-mt-0 { margin-top: 0 !important; } .bkt-mt-5 { margin-top: 5px !important; } .bkt-mt-10 { margin-top: 10px !important; } .bkt-mt-30 { margin-top: 30px !important; } .bkt-mt-40 { margin-top: 40px !important; } .bkt-mr-15 { margin-right: 15px !important; } .bkt-mx-10 { margin: 0 10px !important; } .bkt-primary-color { color: var(--bkt-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_booktics .bkt-page-header-wrapper { border-bottom: 1px solid #d9d9d9; padding-bottom: 27px; margin-top: 20px; margin-bottom: 30px; display: flex; justify-content: space-between; } .toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header { padding: 0; background-color: transparent; } .toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header-heading-left, .toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header-heading-extra { display: flex; margin: 0; } .toplevel_page_booktics .bkt-page-header-wrapper .ant-page-header-heading-title { font-size: 22px; line-height: 33px; } .toplevel_page_booktics .bkt-page-header-wrapper .ant-btn svg { fill: var(--bkt-primary-color); } .toplevel_page_booktics .bkt-page-header-wrapper .bkt-header-info-dropdown.ant-btn { padding: 4px 0px; } .toplevel_page_booktics .bkt-shortcode-list .ant-input-group-addon .anticon:hover path { stroke: var(--bkt-primary-color); } .toplevel_page_booktics .bkt-shortcode-list .ant-input-group-addon:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .toplevel_page_booktics .ant-dropdown-menu-item.ant-dropdown-menu-item-active, .toplevel_page_booktics .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, .toplevel_page_booktics .ant-dropdown-menu-item:hover, .toplevel_page_booktics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, .toplevel_page_booktics .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active, .toplevel_page_booktics .ant-dropdown-menu-submenu-title:hover { background-color: var(--bkt-secondary-color-08); } .toplevel_page_booktics .ant-list-split .ant-list-item { border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .ant-divider-horizontal { border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .bkt-spinner-center { width: 100%; height: 90vh; display: flex; align-items: center; justify-content: center; opacity: 0.8; } .booktics-input .ant-input-lg, .booktics-input .ant-picker, .booktics-input .ant-select:not(.ant-select-customize-input) .ant-select-selector, .booktics-input .ant-input-affix-wrapper, .booktics-input .ant-input-number, .booktics-input .ant-input-number-lg, .booktics-input .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { border-color: var(--bkt-secondary-color-12); border-radius: 6px; height: 42px; padding: 0 15px; font-size: 14px; } .booktics-input .ant-input-number-lg input { height: 40px; line-height: 40px; } .booktics-input .ant-form-item-label > label { font-weight: 500; font-size: 13px; line-height: 20px; color: var(--bkt-secondary-color); text-transform: capitalize; } .booktics-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; } .booktics-input textarea.ant-input { border-radius: 6px; } .booktics-input .ant-select-single .ant-select-selector .ant-select-selection-item, .booktics-input .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 40px; } .booktics-input.bkt-sm-input .ant-input-number-sm { height: 34px; line-height: 32px; } .booktics-input .ant-select-arrow { right: 15px; height: 15px; } .booktics-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; } .booktics-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; } .bkt-heading { font-weight: 600; font-size: 24px; } #booktics_dashboard .ant-btn, .bkt-btn-dropdown .ant-btn, .ant-modal-wrap .ant-btn, .ant-popover-inner-content .ant-btn { border-radius: 6px; font-weight: 600; } #booktics_dashboard .ant-btn.ant-btn-sm, .bkt-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; } #booktics_dashboard .ant-btn.ant-btn-md, .bkt-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; } #booktics_dashboard .ant-btn.ant-btn-lg, .bkt-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.5; } #booktics_dashboard .ant-btn svg, .bkt-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); } #booktics_dashboard .bkt-more-action-btn, .bkt-btn-dropdown .bkt-more-action-btn, .ant-modal-wrap .bkt-more-action-btn, .ant-popover-inner-content .bkt-more-action-btn { padding: 5px 6px; } #booktics_dashboard .bkt-more-action-btn:hover svg, .bkt-btn-dropdown .bkt-more-action-btn:hover svg, .ant-modal-wrap .bkt-more-action-btn:hover svg, .ant-popover-inner-content .bkt-more-action-btn:hover svg { fill: var(--bkt-primary-color); } .bkt-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(--bkt-secondary-color-12); } .bkt-action-dropdown .ant-dropdown-menu-item { padding: 6px 10px; border-radius: 4px; } .bkt-action-dropdown .ant-dropdown-menu-item a { text-decoration: none; font-weight: 500; font-size: 14px; color: var(--bkt-secondary-color-65); } .bkt-action-dropdown .ant-dropdown-menu-item:hover a { color: var(--bkt-secondary-color); } .bkt-action-dropdown.bkt-action-area .ant-dropdown-menu { min-width: 210px; padding: 4px; } .bkt-action-dropdown.bkt-action-area .ant-dropdown-menu svg { margin-right: 5px; position: relative; bottom: -3px; } .bkt-action-dropdown.bkt-action-area .ant-dropdown-menu-item { padding: 7px 12px; } .bkt-text-right { text-align: right; } .bkt-notification-content .ant-collapse-content > .ant-collapse-content-box { padding: 25px; } .bkt-container-wrapper { margin: 60px auto 0; } .bkt-container-wrapper .bkt-appoint-type { font-size: 21px; line-height: 25px; margin: 0 0 40px 0; font-weight: 600; } .bkt-container-wrapper .bkt-form-container { padding: 30px; background-color: #ffffff; border: 1px solid var(--bkt-secondary-color-12); border-radius: 8px; } @media screen and (max-width: 768px) { .bkt-container-wrapper .bkt-form-container { padding: 20px; } } .bkt-container-wrapper .bkt-form-container .ant-collapse { border-radius: 8px; } .bkt-container-wrapper .bkt-form-container .ant-collapse-header-text { font-size: 14px; font-weight: 600; } .bkt-container-wrapper .bkt-form-container .bkt-link-btn { padding: 0; } .bkt-container-wrapper .bkt-form-container .booktics-input.bkt-notice-time-input { margin-top: 32px; } @media screen and (max-width: 570px) { .bkt-container-wrapper .bkt-form-container .booktics-input.bkt-notice-time-input { margin-top: -15px; } } .bkt-container-wrapper .bkt-tab-container { padding-left: 0; } .bkt-container-wrapper:has(.bkt-custom-tab) { max-width: 900px; } .bkt-container-wrapper:not(:has(.bkt-custom-tab)) { max-width: 750px; } .ql-editor { min-height: 130px; } .bkt-tooltip-card .ant-tooltip-arrow { min-width: 18px; min-height: 18px; } .bkt-tooltip-card .ant-tooltip-inner { min-height: 20px; padding: 4px 8px; font-size: 12px; } @media screen and (max-width: 782px) { input[type="text"], input[type="number"] { min-height: 30px; } } @media (max-width: 590px) { .ant-picker-panel-container .ant-picker-panels { flex-direction: column; } } .bkt-flat-picker-input.ant-input.ant-input-lg.flatpickr-input { background-color: transparent; display: block; width: 100%; } .ant-notification { margin-top: 16px !important; } .toplevel_page_booktics .ant-switch { height: 24px; background-color: var(--bkt-secondary-color-20); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.12); border-radius: 28px; } .toplevel_page_booktics .ant-switch .ant-switch-handle { top: 4px; left: 4px; width: 16px; height: 16px; } .toplevel_page_booktics .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_booktics .ant-switch.ant-switch-checked { background: var(--bkt-primary-gradient); } .toplevel_page_booktics .ant-switch.ant-switch-checked .ant-switch-handle { left: calc(100% - 20px); } .toplevel_page_booktics .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_booktics .ant-checkbox .ant-checkbox-inner { width: 20px; height: 20px; border-radius: 4px; z-index: 1; } .toplevel_page_booktics .ant-checkbox .ant-checkbox-inner::after { width: 6.714286px; height: 11.142857px; left: 23%; top: 45%; border-radius: 0; } .toplevel_page_booktics .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner { background: var(--bkt-primary-gradient); border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-checkbox.ant-checkbox-checked:after { border-radius: 4px; } .toplevel_page_booktics .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after { width: 12px; height: 12px; left: 50%; top: 50%; border-radius: 2px; background: var(--bkt-primary-gradient); } .toplevel_page_booktics .ant-checkbox + span { position: relative; top: -3px; } .toplevel_page_booktics .ant-checkbox.ant-checkbox-disabled .ant-checkbox-input { width: 20px; height: 20px; top: 4px; } .toplevel_page_booktics .ant-checkbox-input:focus + .ant-checkbox-inner, .toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox-inner, .toplevel_page_booktics .ant-checkbox:hover .ant-checkbox-inner { border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-checkbox-wrapper:hover .ant-checkbox:after, .toplevel_page_booktics .ant-checkbox:hover:after { visibility: visible; border-color: var(--bkt-primary-color); } .toplevel_page_booktics .meeting-pagination { text-align: right; } @media (max-width: 991px) { .toplevel_page_booktics .meeting-pagination { text-align: center; } } .toplevel_page_booktics .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_booktics .ant-pagination .ant-pagination-item a { font-weight: 600; line-height: 28px; } .toplevel_page_booktics .ant-pagination .ant-pagination-item:hover { border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-pagination .ant-pagination-item-active { border: 1px solid var(--bkt-primary-color); border-radius: 4px; } .toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link, .toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link { background-color: transparent; border: 1px solid transparent; } .toplevel_page_booktics .ant-pagination-next .ant-pagination-item-link:hover, .toplevel_page_booktics .ant-pagination-prev .ant-pagination-item-link:hover { border-color: transparent; } .toplevel_page_booktics .ant-pagination-disabled .ant-pagination-item-link, .toplevel_page_booktics .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_booktics .bkt-meeting-create-btn .ant-btn-primary svg { fill: #fff !important; } .toplevel_page_booktics .ant-tabs-tab-btn { color: var(--bkt-secondary-color-50); display: flex; } .toplevel_page_booktics .ant-tabs-tab-btn .ant-tabs-tab-icon { display: flex; } .toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav, .toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav, .toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav, .toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav { margin: 0 0 30px; } .toplevel_page_booktics .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 0 0 10px; font-size: 15px; font-weight: 600; } .toplevel_page_booktics .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .toplevel_page_booktics .ant-tabs-tab:hover { color: var(--bkt-primary-color); text-shadow: none; } .toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav:before, .toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav:before, .toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav:before, .toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav:before { border-bottom: 1px solid #d9d9d9; } .toplevel_page_booktics .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_booktics .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_booktics .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .toplevel_page_booktics .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 3px; } .toplevel_page_booktics .ant-tabs-ink-bar { background: var(--bkt-primary-gradient); border-radius: 10px 10px 0 0; } .toplevel_page_booktics .bkt-settings-wrapper .ant-typography.ant-typography-secondary { color: var(--bkt-secondary-color-65); } .toplevel_page_booktics .bkt-settings-wrapper .ant-btn.ant-btn-default { text-decoration: none; line-height: 1; padding: 0 15px; color: var(--bkt-primary-color); border-color: var(--bkt-primary-color); } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav { border-right: 1px solid #e1e4e9; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-ink-bar { background: none; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab { padding: 10px 24px !important; margin: 0 !important; transition: 0.3s ease-in; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab path { stroke: #8693a5; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active { background-color: #e9f2ff; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-tab-active path { stroke: #3161f1; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-nav .ant-tabs-nav-operations { display: none !important; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-content-holder .ant-tabs-tabpane { padding-left: 40px !important; } .toplevel_page_booktics .bkt-custom-tab > .ant-tabs-content-holder .ant-card-meta-avatar svg { background: none; border-radius: 0; } .toplevel_page_booktics .bkt-custom-tab .bkt-tab-heading { font-size: 16px; font-weight: 600; border-bottom: 1px solid #e1e4e9; padding-bottom: 20px; margin-bottom: 30px; } .toplevel_page_booktics .ant-table { background-color: transparent; } .toplevel_page_booktics .ant-table .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 6px; } .toplevel_page_booktics .ant-table .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 6px; } .toplevel_page_booktics .ant-table .ant-table-container table > tbody > tr:last-child td:last-child { border-bottom-right-radius: 6px; } .toplevel_page_booktics .ant-table .ant-table-container table > tbody > tr:last-child td:first-child { border-bottom-left-radius: 6px; } .toplevel_page_booktics .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_booktics .ant-table .ant-table-sticky-holder, .toplevel_page_booktics .ant-table .ant-table-sticky-scroll { background: transparent; } .toplevel_page_booktics .ant-table .ant-table-thead > tr > th { background: #e9eaef; border-bottom-color: transparent; box-shadow: none; } .toplevel_page_booktics .ant-table table tr td.ant-table-selection-column, .toplevel_page_booktics .ant-table table tr th.ant-table-selection-column { padding-right: 20px; padding-left: 20px; } .toplevel_page_booktics .ant-table .ant-table-tbody > tr > td { background-color: #fff; } .toplevel_page_booktics .ant-table .ant-table-tbody tr:nth-child(2n-1) td { background-color: var(--bkt-secondary-color-05); } .toplevel_page_booktics .ant-spin { color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-spin .ant-spin-dot-item { background-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-spin-blur { opacity: 0; } .toplevel_page_booktics .ant-alert-info { border: transparent; border-radius: 8px; } .toplevel_page_booktics .ant-spin-blur { opacity: 0; } .toplevel_page_booktics .ant-collapse { background-color: #fff; border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .ant-collapse > .ant-collapse-item:last-child { border-radius: 0 0 8px 8px; } .toplevel_page_booktics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header, .toplevel_page_booktics .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 8px 8px; border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .ant-collapse.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 25px; padding-bottom: 25px; } .toplevel_page_booktics .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_booktics .ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item:not(.ant-collapse-item-active) > .ant-collapse-header { border-radius: 8px; } .toplevel_page_booktics .ant-collapse .ant-collapse-content > .ant-collapse-content-box { background-color: var(--bkt-secondary-color-05); padding: 25px; border-radius: 0 0 8px 8px; } .toplevel_page_booktics .ant-collapse .ant-collapse-item-active .ant-collapse-expand-icon .anticon svg { transform: rotate(-180deg); } .toplevel_page_booktics .ant-collapse > .ant-collapse-item { border-bottom-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .ant-collapse-item.ant-collapse-item-disabled { opacity: 1; } .toplevel_page_booktics .ant-tooltip .ant-tooltip-inner { background: var(--bkt-secondary-gradient); border-radius: 4px; font-weight: 600; font-size: 12px; } .toplevel_page_booktics .ant-tooltip .ant-tooltip-arrow-content { --antd-arrow-background-color: var(--bkt-secondary-color); } .toplevel_page_booktics .ant-select-single:not( .ant-select-customize-input, .bkt-location-type-select ) .ant-select-selector { line-height: 40px; padding: 0 40px 0 20px; border-radius: 6px; } .toplevel_page_booktics .ant-select-single:not(.ant-pagination-options-size-changer) .ant-select-selector .ant-select-selection-item, .toplevel_page_booktics .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 40px; transition: all 0.3s; font-weight: 500; color: var(--bkt-secondary-color-65); } .toplevel_page_booktics .ant-select-dropdown { border: transparent; border-radius: 4px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); padding: 0; } .toplevel_page_booktics .ant-select-dropdown { border: 1px solid var(--bkt-secondary-color-12); border-radius: 6px; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1); padding: 4px; } .toplevel_page_booktics .ant-select-dropdown .ant-select-item { color: var(--bkt-secondary-color-65); font-weight: 500; padding: 6.5px 12px; } .toplevel_page_booktics .ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) { border-radius: 4px; background-color: var(--bkt-secondary-color-05); color: var(--bkt-secondary-color); } .toplevel_page_booktics .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background-color: var(--bkt-secondary-color-08); color: var(--bkt-secondary-color); border-radius: 4px; } .toplevel_page_booktics .flatpickr-day.selected, .toplevel_page_booktics .flatpickr-day.startRange, .toplevel_page_booktics .flatpickr-day.endRange, .toplevel_page_booktics .flatpickr-day.selected.inRange, .toplevel_page_booktics .flatpickr-day.startRange.inRange, .toplevel_page_booktics .flatpickr-day.endRange.inRange, .toplevel_page_booktics .flatpickr-day.selected:focus, .toplevel_page_booktics .flatpickr-day.startRange:focus, .toplevel_page_booktics .flatpickr-day.endRange:focus, .toplevel_page_booktics .flatpickr-day.selected:hover, .toplevel_page_booktics .flatpickr-day.startRange:hover, .toplevel_page_booktics .flatpickr-day.endRange:hover, .toplevel_page_booktics .flatpickr-day.selected.prevMonthDay, .toplevel_page_booktics .flatpickr-day.startRange.prevMonthDay, .toplevel_page_booktics .flatpickr-day.endRange.prevMonthDay, .toplevel_page_booktics .flatpickr-day.selected.nextMonthDay, .toplevel_page_booktics .flatpickr-day.startRange.nextMonthDay, .toplevel_page_booktics .flatpickr-day.endRange.nextMonthDay { background: var(--bkt-primary-color); border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-modal-content, .toplevel_page_booktics .ant-modal-header { border-radius: 6px; } .toplevel_page_booktics .ant-btn { color: var(--bkt-secondary-color); } .toplevel_page_booktics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn) { padding: 4px 10px; } .toplevel_page_booktics .ant-btn:not(.dynamic-delete-button, .ant-btn-warning, .bkt-link-btn):hover, .toplevel_page_booktics .ant-btn:not( .dynamic-delete-button, .ant-btn-warning, .bkt-link-btn ):focus { color: var(--bkt-primary-color); border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-btn.ant-btn-primary { background-image: var(--bkt-primary-gradient); color: #fff; border: none; } .toplevel_page_booktics .ant-btn.ant-btn-primary:hover, .toplevel_page_booktics .ant-btn.ant-btn-primary:focus { background-image: var(--bkt-primary-gradient-reverse); color: #fff; } .toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg { width: 15px; height: 15px; } .toplevel_page_booktics .ant-btn.ant-btn-primary .anticon svg path { stroke: #fff; } .toplevel_page_booktics .ant-btn.ant-btn-primary.ant-btn-background-ghost:hover, .toplevel_page_booktics .ant-btn.ant-btn-primary.ant-btn-background-ghost:focus { color: #fff; } .toplevel_page_booktics .ant-btn.ant-btn-lg { padding: 10px 18px 10px 18px; font-size: 14px; font-weight: 600; border-radius: 6px; } .toplevel_page_booktics .ant-btn.ant-btn-default { display: inline-flex; align-items: center; justify-content: center; } .toplevel_page_booktics .ant-btn.ant-btn-default .anticon { margin-top: 3px; } .toplevel_page_booktics .ant-btn.ant-btn-default svg { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .toplevel_page_booktics .ant-btn.ant-btn-default:not(:disabled):hover .anticon:not(.bkt-no-fill-icon) svg { fill: var(--bkt-primary-color); } .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn { height: 36px; padding: 6px 10px; } .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn:not(.bkt-default-btn[disabled]) .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn:hover .anticon svg, .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn:active .anticon svg, .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn:focus .anticon svg, .toplevel_page_booktics .ant-btn.ant-btn-default.bkt-default-btn.ant-dropdown-open .anticon svg { fill: var(--bkt-primary-color); } .toplevel_page_booktics .ant-btn.ant-btn-dangerous { color: var(--bkt-danger-color); border-color: var(--bkt-danger-light-color); } .toplevel_page_booktics .ant-btn.ant-btn-dangerous .anticon { margin-top: 0; } .toplevel_page_booktics .ant-btn.ant-btn-dangerous svg { fill: none; } .toplevel_page_booktics .ant-btn.ant-btn-dangerous .ant-btn-loading-icon svg { fill: var(--bkt-danger-color); } .toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover, .toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus { color: var(--bkt-danger-color); border-color: var(--bkt-danger-color); } .toplevel_page_booktics .ant-btn.ant-btn-dangerous:hover .anticon svg path, .toplevel_page_booktics .ant-btn.ant-btn-dangerous:focus .anticon svg path { stroke: var(--bkt-danger-color) !important; } .toplevel_page_booktics .ant-btn.bkt-link-btn { padding: 0; color: var(--bkt-primary-color); line-height: 1; white-space: normal; text-align: left; line-height: 1.5; margin: 0 !important; border-width: 0; } .toplevel_page_booktics .ant-btn.bkt-link-btn.bkt-link-dark-btn { font-size: 12px; color: var(--bkt-secondary-color); } .toplevel_page_booktics .ant-btn.bkt-link-btn span { border-bottom: 1px solid; } .toplevel_page_booktics .ant-btn.bkt-link-btn:hover, .toplevel_page_booktics .ant-btn.bkt-link-btn:focus { color: var(--bkt-secondary-color); } .toplevel_page_booktics .ant-btn[disabled], .toplevel_page_booktics .ant-btn[disabled]:active, .toplevel_page_booktics .ant-btn[disabled]:focus, .toplevel_page_booktics .ant-btn[disabled]:hover { color: #ffffff; border-color: transparent; background: #ced4db; } .toplevel_page_booktics .ant-btn[disabled].ant-btn-link, .toplevel_page_booktics .ant-btn[disabled]:active.ant-btn-link, .toplevel_page_booktics .ant-btn[disabled]:focus.ant-btn-link, .toplevel_page_booktics .ant-btn[disabled]:hover.ant-btn-link { background-color: transparent; color: #ced4db !important; } .toplevel_page_booktics .ant-btn[disabled] .anticon svg { fill: #ffffff; } .toplevel_page_booktics .ant-btn[disabled]:hover .anticon svg { fill: #ffffff; } .toplevel_page_booktics .ant-input, .toplevel_page_booktics .ant-input-password, .toplevel_page_booktics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) { color: var(--bkt-secondary-color); border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .ant-input:hover, .toplevel_page_booktics .ant-input-password:hover, .toplevel_page_booktics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-input:focus, .toplevel_page_booktics .ant-input-password:focus, .toplevel_page_booktics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus { border-color: var(--bkt-primary-color); outline: 4px solid rgba(49, 97, 241, 0.25); box-shadow: none; } .toplevel_page_booktics .ant-input[disabled], .toplevel_page_booktics .ant-input-password[disabled], .toplevel_page_booktics .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)[disabled] { color: rgba(0, 0, 0, 0.25); } .toplevel_page_booktics .ant-input::placeholder, .toplevel_page_booktics .ant-input-password::placeholder, .toplevel_page_booktics .ant-input-affix-wrapper:not( .ant-input-affix-wrapper-disabled )::placeholder { color: var(--bkt-secondary-color-30); } .toplevel_page_booktics .ant-form-item-explain-error { padding: 5px 0; } .toplevel_page_booktics .ant-form-item-label > label.ant-form-item-required:not( .ant-form-item-required-mark-optional ):before { position: absolute; right: 0px; top: 4px; } .toplevel_page_booktics .ant-input-number-handler-wrap { display: none; } .toplevel_page_booktics .ant-radio-checked .ant-radio-inner { border-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-radio-inner:after { background-color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-collapse > .ant-collapse-item > .ant-collapse-header { align-items: center; } .toplevel_page_booktics .ant-btn.ant-btn-default.primary-outline { border-color: var(--bkt-primary-color); color: var(--bkt-primary-color); } .toplevel_page_booktics .ant-btn.ant-btn-default.primary-outline .ant-dropdown-menu-title-content .bkt-dropdown-item { font-weight: 500; font-size: 14px; color: var(--bkt-secondary-color-65); } .toplevel_page_booktics .bkt-submenu-action-wrapper { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-submenu-action-select { width: 220px; } .toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-header-action-wrapper { display: flex; gap: 15px; column-gap: 15px; flex-wrap: wrap; } @media (max-width: 991px) { .toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-header-action-wrapper { flex-direction: column; } .toplevel_page_booktics .bkt-submenu-action-wrapper .bkt-header-action-wrapper .ant-form-item { margin: 0; } } .ant-spin.ant-spin-spinning.bkt-loader-spinner { display: flex; justify-content: center; align-items: center; flex-direction: column; } #adminmenu .wp-submenu .bkt-go-pro-link a { color: var(--bkt-state-color-02); } .bkt-country-phone-code .react-tel-input .form-control { width: 100%; height: 42px; border-color: var(--bkt-secondary-color-12) !important; } .bkt-country-phone-code .bkt-phone-input:focus { border-color: var(--bkt-primary-color); outline: 3.5px solid rgba(49, 97, 241, 0.25); box-shadow: none; } .bkt-country-phone-code .react-tel-input .selected-flag { border-color: var(--bkt-secondary-color-12) !important; } .bkt-country-phone-code .react-tel-input .selected-flag .arrow { display: none; } @media screen and (max-width: 782px) { .bkt-country-phone-code .react-tel-input .country-list { width: 200px; } } .bkt-phone-input-country-search { display: flex; align-items: center; padding: 1rem !important; } .bkt-phone-input-country-search-box { margin: 0 !important; width: 100%; padding-block: 0.5rem !important; } .bkt-phone-input { border-color: #d9d9d9 !important; } .bkt-phone-input:hover, .bkt-phone-input:focus { border-color: var(--bkt-primary-color) !important; } .bkt-phone-input-dropdown-btn { border-color: #d9d9d9 !important; } .bkt-phone-input-dropdown-btn:hover, .bkt-phone-input-dropdown-btn:focus { border-color: var(--bkt-primary-color) !important; } .bkt-category-tree .ant-tree-switcher { padding-block: 4px; } .bkt-guest-setting .ant-card-meta-description { margin-right: 52px; } .bkt-guest-field-wrapper .bkt-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; } .bkt-guest-field-wrapper .bkt-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; } .bkt-guest-field-wrapper .bkt-multipleguestinput-input { all: unset; display: block; flex: 1; width: auto; min-width: 20ch; overflow-x: hidden; resize: none; margin: 0; padding: 2px 4px; } .bkt-guest-field-wrapper .bkt-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; } .bkt-form-left-sidebar .bkt-meeting-location-list .anticon.bkt-money-icon svg { fill: none; } .bkt-empty-view-wrapper { max-width: 990px; margin: 0 auto; text-align: center; border-radius: 10px; padding: 100px 20px; } .bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-content { display: flex; flex-direction: column; align-items: center; } .bkt-empty-view-wrapper .bkt-empty-view-container .bkt-empty-data-icon { margin-bottom: 20px; } .bkt-meeting-list-empty { border-radius: 10px; padding: 60px 20px; max-width: 50vw; margin: auto; margin-top: 80px; } @media (max-width: 992px) { .bkt-meeting-list-empty { max-width: 100%; margin-top: 50px; padding: 0; } .bkt-meeting-list-empty .ant-result-title { font-size: 20px; } } .bkt-card-border-less { box-shadow: none !important; background-color: transparent; } .bkt-card-border-less .ant-card-body { padding: 0; } .bkt-meeting-menu-warper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 10px; } .bkt-dropdown-content { margin-top: 15px; } .bkt-dropdown-content .ant-dropdown-menu { max-width: 420px; background-color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; } .bkt-dropdown-content .ant-dropdown-menu-item { padding: 0; } .bkt-dropdown-content .ant-dropdown-menu-item:hover { background-color: #fff; } .bkt-dropdown-content .bkt-meeting-create-btn { padding: 13px 20px; } .bkt-dropdown-content .bkt-meeting-create-btn .ant-space-item svg { fill: var(--bkt-primary-color); } .bkt-dropdown-content .bkt-meeting-create-btn h5.ant-typography { font-size: 15px; line-height: 18px; color: var(--bkt-secondary-color); display: flex; margin: 0; } .bkt-dropdown-content .bkt-meeting-create-btn .ant-typography.ant-typography-secondary { display: block; margin-top: 6px; color: var(--bkt-secondary-color-50); } .bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-count, .bkt-dropdown-content .bkt-meeting-create-btn .ant-badge-dot, .bkt-dropdown-content .bkt-meeting-create-btn .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 50%; right: -25px; transform: translate(50%, -50%); transform-origin: 100% 0; background-color: var(--bkt-state-color-02); text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; font-weight: 500; } .bkt-dropdown-content .bkt-bg-opacity { background-color: #eaeaeb; opacity: 0.3; cursor: not-allowed; } .bkt-dropdown-content .ant-ribbon { line-height: 19px; } .bkt-dropdown-content .ant-ribbon-text { color: #fff; font-size: 12px; } #booktics_dashboard .bkt-meeting-filter-area { display: flex; justify-content: center; align-items: center; gap: 15px; } @media (max-width: 980px) { #booktics_dashboard .bkt-meeting-filter-area { flex-wrap: wrap; justify-content: start; } } #booktics_dashboard .bkt-meeting-filter-area .ant-btn { height: 36px; padding: 6px 10px; } #booktics_dashboard .bkt-meeting-filter-area .ant-btn.ant-popover-open .anticon svg { fill: var(--bkt-primary-color); } .bkt-filter-popover .ant-popover-inner { width: 260px; padding: 0px 10px 15px 10px; border-radius: 6px; filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.01)); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.01); border: 1px solid var(--bkt-secondary-color-12); } .bkt-filter-popover .ant-form-item { margin-bottom: 16px; } .bkt-filter-popover .ant-popover-arrow { display: none; } #booktics_dashboard .ant-btn.bkt-add-location-btn { color: var(--bkt-primary-color); display: flex; align-items: center; margin-top: -10px; font-size: 14px; } #booktics_dashboard .ant-btn.bkt-add-location-btn svg { fill: var(--bkt-primary-color); border: 1px solid var(--bkt-primary-color); border-radius: 100vmax; padding: 2px; } #booktics_dashboard .ant-btn.bkt-add-location-btn span + span { border-bottom: 1px solid var(--bkt-primary-color); } #booktics_dashboard .ant-btn.bkt-add-location-btn:hover, #booktics_dashboard .ant-btn.bkt-add-location-btn:focus { border-color: transparent; } #booktics_dashboard .ant-btn.bkt-add-location-btn:hover span + span, #booktics_dashboard .ant-btn.bkt-add-location-btn:focus span + span { border-bottom: 1px solid var(--bkt-primary-color); } #booktics_dashboard .location-input .ant-select-selection-item { padding-right: 10px; } .bkt-location-item svg { margin-right: 8px; width: 15px; height: 15px; } .bkt-meeting-price-input input[type="number"] { border: none; box-shadow: none; outline: none; padding: 0; } .bkt-meeting-price-input .ant-input-number { width: 100%; } .ticket-type-wrapper { padding: 20px; border: 1px solid var(--bkt-secondary-color-12); border-radius: 8px; } .ticket-type-wrapper .booktics-input .ant-form-item-label > label { text-transform: capitalize; } @media (max-width: 575px) { .ticket-type-wrapper .booktics-input.ant-form-item { margin-bottom: 5px; } } .ticket-type-wrapper .bkt-ticket-repeater-delete { text-align: right; margin-top: 10px; } .ticket-type-wrapper .bkt-ticket-repeater-delete .ant-btn-icon-only { width: auto; } .meeting-integrations-fields { position: relative; } .meeting-integrations-fields .hook_overwrite_opt { position: absolute; right: 7px; bottom: 5px; margin: 0; z-index: 1; background: #eaeaea; padding: 0 5px; border-radius: 4px; } .bkt-meetings-container { display: flex; gap: 1rem; } .bkt-meetings-container .bkt-categories-area { align-self: flex-start; } @media screen and (max-width: 768px) { .bkt-meetings-container { flex-direction: column; } .bkt-meetings-container .bkt-categories-area { align-self: stretch; } } .bkt-meeting-update-page-btn-area { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .bkt-meeting-update-page-btn-area .bkt-meeting-preview-btn.ant-btn.ant-btn-default:hover .anticon svg { fill: var(--bkt-primary-color); } @media screen and (max-width: 768px) { .flatpickr-months .flatpickr-month .flatpickr-current-month { padding: 0; } } .category_item { cursor: pointer; } .category_item .category_item--heading { font-weight: 600; color: #8693a5; } .category_item .bkt-more-action-btn { opacity: 0; pointer-events: none; } .category_item:hover .bkt-more-action-btn { opacity: 1; pointer-events: all; } .category_item:hover .category_item--heading { color: #0c274a; } .bkt-meeting-copy-btn:hover svg { fill: none; } .bkt-meeting-copy-btn:hover svg path { stroke: var(--bkt-primary-color); } .bkt-btn-outline-svg-arrow-icon:hover .anticon svg { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .bkt-btn-outline-svg-arrow-icon:hover .anticon svg path { stroke: var(--bkt-primary-color); } .bkt-categories-area .bkt-categories-create-btn.ant-btn:hover .anticon svg { fill: var(--bkt-primary-color); } .bkt-meeting-type.ant-typography { margin-bottom: 30px; } .bkt-meeting-create-step { padding-bottom: 29px; } .bkt-meeting-create-step p { font-size: 13px; font-weight: 600; color: #000; } .bkt-meeting-create-step .step-bar { position: relative; } .bkt-meeting-create-step .step-bar .step1, .bkt-meeting-create-step .step-bar .step2 { height: 4px; width: 48%; border-radius: 20px; background: #000000; position: absolute; content: ""; opacity: 0.2; } .bkt-meeting-create-step .step-bar .step1 { top: 0; left: 0; opacity: 1; } .bkt-meeting-create-step .step-bar .step2 { top: 0; right: 0; } .bkt-single-meeting-card { background-color: #ffffff; padding: 30px 30px 20px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); border: 1px solid rgb(238, 239, 241); border-radius: 8px; position: relative; } @media screen and (max-width: 570px) { .bkt-single-meeting-card { padding: 20px; } } .bkt-single-meeting-card.disabled-meeting-card { background-color: #eeeff1; border: 1px solid var(--bkt-secondary-color-12); opacity: 0.5; } .bkt-single-meeting-card.disabled-meeting-card .ant-btn { background-color: transparent; } .bkt-single-meeting-card .meeting-header-info-wrappers { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; column-gap: 15px; } .bkt-single-meeting-card .meeting-header-info-wrappers .bkt-meeting-title { cursor: pointer; } .bkt-single-meeting-card .meeting-meta-list { display: flex; gap: 24px; margin-top: 0; margin-bottom: 45px; } .bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item { position: relative; margin: 0 0 0 10px; } .bkt-single-meeting-card .meeting-meta-list .bkt-meeting-list-item::before { position: absolute; content: ""; left: -10px; top: 50%; transform: translateY(-50%); height: 4px; width: 4px; border-radius: 50%; background-color: #d9d9d9; } .bkt-single-meeting-card .meeting-meta-list p { line-height: 1; margin: 0; color: rgba(0, 0, 0, 0.6); } .bkt-single-meeting-card .meeting-card-footer { display: flex; justify-content: space-between; align-items: center; } .bkt-single-meeting-card .meeting-card-footer .ant-btn:hover .anticon:not(.bkt-eye-stroke) svg path { stroke: var(--bkt-primary-color); } .bkt-single-meeting-card .meeting-card-footer .ant-btn:hover .bkt-eye-stroke svg { fill: var(--bkt-primary-color); } .bkt-single-meeting-card .meeting-card-footer .ant-btn.ant-btn-dangerous:hover .anticon svg path { stroke: var(--bkt-danger-color); } .bkt-single-meeting-card .meeting-pagination { margin-top: 20px; } .bkt-single-meeting-card .bkt-meeting-checkbox { position: absolute; top: 1px; left: 4px; } .bkt-single-meeting-card .ant-checkbox-inner { background-color: transparent; border-color: var(--bkt-secondary-color-12); border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .bkt-meeting-card-bulk-action-wrapper .ant-btn .anticon { position: relative; top: 2px; } .bkt-meeting-card-bulk-action-wrapper .ant-btn:not(.ant-btn-dangerous):hover svg { fill: var(--bkt-primary-color); } .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox .ant-checkbox-inner { width: 18px; height: 18px; } .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox .ant-checkbox-inner::after { width: 6px; height: 9px; left: 22%; top: 45%; border-radius: 0; } .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner { border-color: var(--bkt-primary-color) !important; } .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox-input:focus + .ant-checkbox-inner, .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner, .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox:hover .ant-checkbox-inner { border-color: var(--bkt-secondary-color-12); } .toplevel_page_booktics .bkt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner:after { position: absolute; display: table; border: 2px solid var(--bkt-secondary-color-20); border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .toplevel_page_booktics .bkt-seat-plan-list-container .ant-result-title { line-height: 1.4; } .ant-checkbox-wrapper:hover .ant-checkbox:after, .ant-checkbox:hover:after { visibility: visible; border-color: var(--bkt-primary-color); } .bkt-share-meeting-modal .ant-modal-content, .bkt-share-meeting-modal .ant-modal-header { border-radius: 16px; } .bkt-share-meeting-modal .ant-modal-header { padding: 24px 30px; margin-right: 20px; border-bottom: none; } .bkt-share-meeting-modal .ant-modal-body { padding: 0px 30px 30px; } .bkt-share-meeting-modal .bkt-share-meeting-wrapper { position: relative; } .bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-copy-button { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .bkt-share-meeting-modal .bkt-share-meeting-wrapper .bkt-saas-copy-button { position: absolute; right: 5px; top: 72%; transform: translateY(-50%); } .bkt-share-meeting-modal .bkt-share-link-input { position: relative; margin-bottom: 0; } .bkt-share-meeting-modal .bkt-share-link-input input[readonly] { background-color: transparent; } .bkt-share-meeting-modal .bkt-share-link-input::after { content: ""; position: absolute; width: 156px; height: 30px; top: 6px; right: 68px; background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 3%, rgb(255, 255, 255) 75% ); } .bkt-share-meeting-modal .bkt-saas-share-link-input { position: relative; margin-bottom: 0; } .bkt-share-meeting-modal .bkt-saas-share-link-input input[readonly] { background-color: transparent; } .bkt-share-meeting-modal .bkt-saas-share-link-input::after { content: ""; position: absolute; width: 156px; height: 30px; bottom: 6px; right: 68px; background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 3%, rgb(255, 255, 255) 75% ); } .profile-img-wrapper .ant-avatar-circle { border: 6px solid #d9d9d9; } .staff-integration-list .ant-list-item-meta-title { margin-top: 0; } .bkt-action-wrap .ant-btn.ant-btn-dangerous .anticon { margin-top: 3px; } .bkt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path { stroke: var(--bkt-primary-color); } .bkt-booking-modal .ant-modal-content { border-radius: 8px; margin-bottom: 30px; } .bkt-booking-modal .ant-modal-header { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; } .bkt-booking-modal .bkt-booking-modal-details { background-color: #f4f5f6; padding: 20px 30px; border-radius: 8px; } .bkt-booking-modal .bkt-booking-modal-details .bkt-booking-modal-description-text { color: rgb(69, 69, 69) !important; } .bkt-booking-modal .ant-list-item-meta-title { margin: 0; text-transform: uppercase; font-size: 13px; font-weight: 700; } .bkt-booking-modal .ant-list-split .ant-list-item { border-bottom: none; padding: 10px 0; } .ant-select-selection-item, .ant-select-item-option-content { text-transform: capitalize; } .bkt-admin-booking-slot .ant-select-selection-item, .bkt-admin-booking-slot .ant-select-item-option-content { text-transform: initial; } .bkt-booking-cancel { text-decoration: line-through; } .bkt-submenu-action-select { margin: 0; } .bkt-submenu-action-select .ant-input-lg, .bkt-submenu-action-select .ant-picker, .bkt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector, .bkt-submenu-action-select .ant-input-affix-wrapper, .bkt-submenu-action-select .ant-input-number, .bkt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 37px; } .bkt-submenu-action-select .ant-input-lg .ant-select-selection-item, .bkt-submenu-action-select .ant-picker .ant-select-selection-item, .bkt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .bkt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item, .bkt-submenu-action-select .ant-input-number .ant-select-selection-item, .bkt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item { line-height: 35px; } .bkt-submenu-action-select.booktics-input .ant-select-arrow { right: 9px; } .bkt-submenu-action-select.booktics-input label { color: #8693a5 !important; } .ant-form-item-label label { color: #8693a5 !important; } .bkt-booking-list .bkt-meeting-status, .bkt-booking-list .bkt-customer-email { font-weight: 600; } .bkt-bulk-delete .ant-space-item span { font-weight: 600; } .bkt-seatsmap-wrapper { position: relative; padding-bottom: 70%; overflow: auto; padding-left: 40px; padding-top: 30px; padding-right: 40px; } .bkt-seatsmap-wrapper .seats-item { position: absolute; display: inline-block; } .bkt-seatsmap-wrapper .seats-item.chair { cursor: pointer; } .bkt-seatsmap-wrapper .seats-item.circle { border-radius: 50%; } .bkt-seat-map-controls { display: flex; justify-content: center; align-items: center; gap: 15px; margin: 30px 0; flex-wrap: wrap; } .bkt-seat-map-controls .bkt-set-map-button { line-height: 0px; } .bkt-seat-map-controls .booktics-dot { height: 25px; width: 25px; border-radius: 50%; display: inline-block; } .bkt-meeting-location-type { height: 40px; display: flex; align-items: center; line-height: 1; } .bkt-booking-view-action .ant-radio-button-wrapper { height: 40px; line-height: 38px; } .bkt-booking-view-action .ant-radio-button-wrapper:hover, .bkt-booking-view-action .ant-radio-button-wrapper:focus { color: var(--bkt-primary-color); } .bkt-booking-view-action .ant-radio-button-wrapper-checked:not( .ant-radio-button-wrapper-disabled ):hover { color: var(--bkt-primary-color); border-color: var(--bkt-primary-color); } .bkt-booking-view-action .ant-radio-button-wrapper:first-child { border-radius: 6px 0 0 6px; } .bkt-booking-view-action .ant-radio-button-wrapper:last-child { border-radius: 0 6px 6px 0; } .bkt-booking-view-action .bkt-booking-view-radio { display: flex; align-items: center; gap: 5px; } .bkt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: var(--bkt-primary-color); } .bkt-bg-white { background-color: white !important; } .bkt-schedules-container .bkt-schedules-content { border: 1px solid var(--bkt-secondary-color-12); padding: 30px; border-radius: 8px; } .bkt-schedules-container .bkt-schedules-content .ant-checkbox-wrapper span { text-transform: uppercase; font-weight: 700; font-size: 14px; } .bkt-schedules-container .bkt-schedules-content .ant-checkbox { margin-right: 15px; } .bkt-schedules-container .bkt-schedules-content .ant-checkbox span { text-transform: uppercase; } .bkt-schedules-container .bkt-schedules-content .ant-checkbox-checked .ant-checkbox-inner { background-color: #000; border-color: #000; } .bkt-schedules-container .bkt-meeting-schedule { padding: 25px 20px 20px 20px; background-color: #ffffff; border: 1px solid var(--bkt-secondary-color-12); border-radius: 6px; margin-top: -28px; } @media screen and (max-width: 570px) { .bkt-schedules-container .bkt-meeting-schedule { padding: 0; } } .bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area { margin-bottom: 20px; } @media screen and (max-width: 570px) { .bkt-schedules-container .bkt-meeting-schedule .bkt-availability-btn-area { margin: 20px; } } .bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule { display: flex; gap: 20px; margin-bottom: 20px; position: relative; } .bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule:last-child { margin-bottom: 0; } .bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule .ant-checkbox + span { padding-left: 20px; } .bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-schedule-time { width: 100%; } .bkt-schedules-container .bkt-meeting-schedule .bkt-single-host-delete { margin-top: 16px; } .bkt-schedules-container .bkt-meeting-schedule .ant-select:not(.ant-select-customize-input) .ant-select-selector { border-radius: 4px; } .bkt-schedules-container .bkt-meeting-schedule .ant-checkbox-wrapper { font-weight: 600; color: #aeb0b3; } .bkt-schedules-container .bkt-meeting-schedule .ant-checkbox-wrapper.ant-checkbox-wrapper-checked { color: #000; } .bkt-schedules-container .bkt-host-wrapper { display: flex; align-items: center; gap: 8px; min-height: 30px; } .bkt-schedules-container .bkt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box { padding: 30px; } @media screen and (max-width: 570px) { .bkt-schedules-container .bkt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box { padding: 10px; } } .bkt-schedules-container .bkt-availability-btn-area { margin-bottom: 15px; } .bkt-schedules-container .bkt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg { fill: #ffffff; } .bkt-schedules-container .bkt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg path { stroke: none; } .bkt-schedules-container .bkt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg { fill: transparent; } .bkt-schedules-container .bkt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg path { stroke: var(--bkt-primary-color); } .bkt-schedules-container .bkt-availability-day { font-weight: 600; text-transform: uppercase; font-size: 14px; } .bkt-schedules-container .ant-divider-horizontal { margin: 16px 0; border-top-color: var(--bkt-secondary-color-12); } .bkt-schedules-container .ant-checkbox + span { position: relative; top: -3px; text-transform: uppercase; font-weight: 600; padding-left: 25px; } .bkt-schedules-container .ant-select:not(.ant-select-customize-input) .ant-select-selector { border: 1px solid var(--bkt-secondary-color-12); border-radius: 4px; } .bkt-schedules-container .ant-select-dropdown { border-radius: 4px; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); } .bkt-schedules-container .ant-checkbox-wrapper { margin-top: 5px; } .bkt-schedules-container .bkt-add-schedule-time-slot .anticon { margin-top: 4px; } .bkt-schedules-container .ant-select-focused:not(.ant-select-disabled).ant-select:not( .ant-select-customize-input ) .ant-select-selector { border-color: var(--bkt-primary-color); box-shadow: none; } .bkt-schedules-container .bkt-single-host-schedule + .bkt-single-host-schedule { margin-top: 15px; } .bkt-schedule-time-slot-delete { line-height: 1; margin-top: 3px; } .bkt-apply-custom-schedule .ant-checkbox-group { display: inline-flex; flex-direction: column; margin-left: 20px; gap: 8px; } .bkt-overview-content-area .bkt-overview-heading h2 { margin: 0; font-size: 26px; font-weight: 600; line-height: 32px; } .bkt-overview-content-area .bkt-overview-performance .ant-card-meta-title { font-size: 18px; font-weight: 400; line-height: 1.3; color: #5f6a78; margin-bottom: 0; } .bkt-overview-content-area .bkt-overview-performance .ant-card-meta-description { margin: 0; font-size: 30px; font-weight: 700; line-height: 34px; color: #000; } .bkt-overview-content-area .bkt-overview-performance .bkt-overview-card { border-radius: 8px; box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843); } .bkt-overview-content-area .bkt-overview-performance .bkt-overview-card .ant-card-body { padding: 30px; } .bkt-overview-content-area .bkt-overview-performance .bkt-overview-card .ant-card-meta { display: block; margin: 0; } .bkt-overview-content-area .bkt-overview-performance .bkt-overview-card .ant-card-meta-avatar { padding: 0; margin-bottom: 32px; } .bkt-overview-content-area .bkt-overview-title { margin: 0; font-size: 18px; font-weight: 600; color: var(--bkt-secondary-color-65); } .bkt-overview-content-area .bkt-overview-card-data { margin: 0; font-size: 40px; font-weight: 600; line-height: 48px; letter-spacing: -0.011em; } .bkt-overview-wrapper .bkt-page-header-wrapper { margin-bottom: 0; border-bottom-color: transparent; padding-bottom: 20px; } .toplevel_page_booktics .bkt-overview-heading .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { padding: 0 16px; align-items: center; height: 36px; } .bkt-overview-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; gap: 10px; } .bkt-overview-reports, .bkt-overview-upcomming-bookings { border-radius: 8px; box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843); background-color: #ffffff; padding: 30px; height: 100%; } .bkt-overview-upcomming-bookings .bkt-upcomming-booking-name { min-width: 60%; font-size: 14px; font-weight: 600; margin: 0; } .bkt-overview-upcomming-bookings .ant-list-item-meta-title { margin-top: 0; } .bkt-overview-upcomming-bookings .ant-list-item { align-items: flex-start; } .bkt-overview-report-chart { border: 1px solid #eeeeee; border-radius: 8px; padding: 20px; } .bkt-customize-form-container h5.ant-typography { margin: 0; font-weight: 600; font-size: 16px; line-height: 17px; letter-spacing: -0.011em; } .bkt-customize-form-container .bkt-customize-form-header { margin-bottom: 30px; } .bkt-customize-form-container .bkt-customize-form-header .bkt-customize-form-desc { font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: -0.011em; color: var(--bkt-secondary-color-50); } .bkt-customize-form-container .bkt-single-field { border: 1px solid var(--bkt-secondary-color-12); border-radius: 6px; margin-bottom: 20px; padding: 10px 10px 10px 16px; display: flex; align-items: center; justify-content: space-between; position: relative; transition: 0.4s; } .bkt-customize-form-container .bkt-single-field::before { content: ""; position: absolute; display: inline-block; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: contain; width: 9px; height: 15px; left: -20px; top: 50%; transform: translateY(-50%); visibility: hidden; opacity: 0; display: none; } .bkt-customize-form-container .bkt-single-field .bkt-field-action-info { display: flex; gap: 10px; } .bkt-customize-form-container .bkt-single-field:last-child { margin-bottom: 0; } .bkt-customize-form-container .bkt-single-field .bkt-field-required { margin-left: 10px; font-size: 10px; background: var(--bkt-secondary-color-08); border-radius: 3px; font-weight: 500; line-height: 12px; letter-spacing: 0.03em; padding: 1px 4px 3px; } .bkt-customize-form-container .bkt-customize-form-area { padding: 16px; border-radius: 5px; border: 1px solid var(--bkt-secondary-color-12); } .bkt-custom-form-modal .bkt-custom-form-area .bkt-placeholder-field { background-color: #f8f8fb; padding: 20px; border-radius: 8px; } .bkt-custom-form-modal .ant-modal-body { padding: 40px 40px 0 40px; } .bkt-custom-form-modal .ant-modal-footer { border-top: none; padding: 8px 40px 40px 40px; } .bkt-settings-wrapper .bkt-integration-settings.ant-collapse .ant-collapse-item > .ant-collapse-header { align-items: center; } .bkt-settings-wrapper .bkt-integration-settings.ant-collapse .ant-collapse-item { margin-bottom: 30px; border: 1px solid var(--bkt-secondary-color-12); border-radius: 8px; } .bkt-settings-wrapper .bkt-integration-settings.ant-collapse .ant-collapse-item:last-child { margin-bottom: 0; border-radius: 8px; } @media (max-width: 480px) { .bkt-settings-wrapper .bkt-integration-settings.ant-collapse .ant-card-meta { flex-direction: column; } .bkt-settings-wrapper .bkt-integration-settings.ant-collapse .bkt-apple-calendar .ant-collapse-header { padding-right: 12px; } } .bkt-settings-wrapper .bkt-payment-settings .ant-collapse-header { padding: 15px !important; } .bkt-settings-wrapper .bkt-payment-settings .ant-collapse-content-box { background-color: var(--bkt-secondary-color-05); border-radius: 0 5px 5px 0; } .bkt-settings-wrapper .bkt-payment-settings .ant-collapse-item { margin-bottom: 30px; border: 1px solid #eaeaea; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } @media screen and (max-width: 768px) { .bkt-settings-wrapper .bkt-payment-settings .ant-card-meta { flex-direction: column; } } .bkt-settings-wrapper .bkt-local-payment-panel .ant-collapse-content-box, .bkt-settings-wrapper .bkt-woocommerce-payment .ant-collapse-content-box { display: none; } .bkt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child, .bkt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { align-items: center; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .bkt-settings-wrapper .ant-card-meta { align-items: center; } .bkt-settings-wrapper .ant-card-meta svg { padding: 0 15px; } .bkt-settings-wrapper .bkt-general-sitting { border: 1px solid var(--bkt-secondary-color-12); border-radius: 8px; padding: 25px; } .bkt-settings-wrapper .bkt-general-sitting .ant-form-item { margin-bottom: 0; } @media screen and (min-width: 768px) { .bkt-settings-wrapper .bkt-general-sitting .bkt-align-right { text-align: right; } } .bkt-settings-wrapper .bkt-color-setting { display: flex; justify-content: start; align-items: center; } @media (min-width: 768px) { .bkt-settings-wrapper .bkt-color-setting { justify-content: flex-end; } } .bkt-settings-wrapper .bkt-color-setting .bkt-color-input-field { flex-basis: 40%; } .bkt-settings-wrapper .bkt-color-setting .bkt-react-color { display: flex; justify-content: center; align-items: center; border: 1px solid var(--bkt-secondary-color-12); padding: 8px; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .bkt-settings-wrapper .bkt-color-setting .bkt-react-color .bkt-react-color-code { max-width: 70px; margin-left: 10px; } .bkt-settings-wrapper .bkt-color-setting .bkt-react-color-picker { position: absolute; z-index: 2; } @media screen and (max-width: 768px) { .bkt-settings-wrapper .ant-collapse-extra .bkt-primary-color { display: none; } } .bkt-color-picker { position: relative; } .bkt-color-picker .wp-picker-holder { position: absolute; bottom: 104%; z-index: 99; } .bkt-color-picker input.button.button-small.wp-picker-clear { display: none; } .bkt-color-picker.color-picker-bottom .wp-picker-holder { top: 104%; } .ant-collapse-item.ant-collapse-item-disabled { background: rgba(234, 234, 234, 0.4196078431); opacity: 0.7; } .bkt-flatpickr-calendar { padding-right: 10px; } .bkt-flatpickr-calendar .flatpickr-calendar { width: 100%; box-shadow: none; background: transparent; } .bkt-flatpickr-calendar .flatpickr-calendar .dayContainer { width: 100%; min-width: 100%; max-width: 100%; } .bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-days, .bkt-flatpickr-calendar .flatpickr-calendar .flatpickr-day { width: 100%; max-width: 100%; } .bkt-flatpickr-calendar .flatpickr-months { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; } .bkt-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; } .bkt-flatpickr-calendar .flatpickr-day.selected { color: #fff; border: none; background: linear-gradient(180deg, #3263f8 0%, #254ec8 100%); } .bkt-flatpickr-calendar .flatpickr-disabled { opacity: 0.4; } .bkt-flatpickr-calendar .flatpickr-day.today { border-color: transparent; } .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: auto; right: 40px; } .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: block; cursor: no-drop; opacity: 0.4; } .bkt-flatpickr-calendar .flatpickr-months .flatpickr-month, .bkt-flatpickr-calendar .flatpickr-current-month { text-align: left; } .bkt-flatpickr-calendar .flatpickr-current-month { left: 0; } .bkt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .bkt-flatpickr-calendar .flatpickr-months .flatpickr-next-month { height: 34px; width: 34px; padding: 0; background: #eaeaea; line-height: 39px; border-radius: 5px; } .bkt-flatpickr-calendar .flatpickr-months .cur-year, .bkt-flatpickr-calendar .flatpickr-months .cur-month { font-weight: 600 !important; } .bkt-flatpickr-calendar .flatpickr-months .cur-year:hover, .bkt-flatpickr-calendar .flatpickr-months .cur-year:focus, .bkt-flatpickr-calendar .flatpickr-months .cur-month:hover, .bkt-flatpickr-calendar .flatpickr-months .cur-month:focus { background: transparent; } .flatpickr-input { display: none; } .booktics-onboard .bkt-onboard-header { display: flex; justify-content: space-between; align-items: center; margin: 60px 0; flex-wrap: wrap; gap: 20px; } .booktics-onboard .bkt-onboard-header .bkt-help-info { font-size: 15px; font-weight: 400; color: #000000; } .booktics-onboard .bkt-onboard-header .bkt-help-info .bkt-get-help-link { font-weight: 700; color: #5d5dff; } .booktics-onboard .booktics-wizard-container { max-width: 600px; margin: 0 auto; } .booktics-onboard .onboard-wizard-container { background-color: #fff; border-radius: 20px; padding: 40px; animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running; } @media screen and (max-width: 570px) { .booktics-onboard .onboard-wizard-container { padding: 20px; } } .booktics-onboard .bkt-onboard-progress-bar { max-width: 400px; text-align: center; margin: 0 auto; margin-bottom: 50px; } .booktics-onboard .bkt-onboard-progress-bar .ant-progress-bg { background-color: #3161f1; } .booktics-onboard .bkt-onboard-progress-bar .ant-progress-inner { background-color: #e2e2e3; } .booktics-onboard .bkt-skip-button { text-align: center; margin-top: 20px; } .booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link { border: none; } .booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link span { border-bottom: 1px solid #84878b; line-height: 1; color: #84878b; } .booktics-onboard .bkt-skip-button .ant-btn.ant-btn-link:hover span { border-color: #5d5dff; color: #5d5dff; } .booktics-onboard p { font-size: 14px; color: #838790; margin: 0; line-height: 24px; text-wrap: balance; } .booktics-onboard .bkt-onboard-welcome { padding: 40px 80px; } .booktics-onboard .bkt-onboard-welcome .banner { text-align: center; margin-bottom: 50px; } .booktics-onboard .bkt-onboard-welcome .banner img { width: 75%; } .booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content { text-align: center; } .booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content h3 { font-size: 32px; line-height: 38px; margin-bottom: 20px; font-weight: 700; margin-top: 0; } .booktics-onboard .bkt-onboard-welcome .bkt-onboard-welcome-content p { margin-bottom: 35px; text-wrap: inherit; } .booktics-onboard .bkt-onboard-wizard-header { text-align: center; margin-bottom: 35px; } .booktics-onboard .bkt-onboard-wizard-header h3 { font-size: 24px; font-weight: 700; line-height: 29px; margin-bottom: 15px; margin-top: 0; } .booktics-onboard .bkt-onboard-action-btn-wrapper { display: flex; justify-content: space-between; gap: 15px; margin-top: 30px; } @media screen and (max-width: 570px) { .booktics-onboard .bkt-onboard-action-btn-wrapper { justify-content: center; } } .booktics-onboard .bkt-outline-icon-btn .anticon svg path { transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .booktics-onboard .bkt-outline-icon-btn:hover .anticon svg path { stroke: var(--bkt-primary-color); } .booktics-onboard .bkt-single-calendar-connect { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--bkt-secondary-color-12); padding: 15px; border-radius: 8px; flex-wrap: wrap; gap: 10px; } .booktics-onboard .bkt-calendar-icon { display: flex; gap: 15px; align-items: center; } .booktics-onboard .bkt-single-calendar-connect + .bkt-single-calendar-connect { margin-top: 15px; } .booktics-onboard .bkt-onboard-availability { padding: 30px; border: 1px solid var(--bkt-secondary-color-12); border-radius: 10px; } .booktics-onboard .bkt-onboard-availability.booktics-input > .ant-divider:first-child { display: none; } .booktics-onboard .bkt-empathizing { color: #5d5dff; font-weight: 600; } .booktics-onboard .bkt-onboard-demo-data-import { margin: 120px 0; } @keyframes AnimationFadeIn { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; } } .toplevel_page_booktics .bkt-pro-notice { padding-right: 8px; } .toplevel_page_booktics .bkt-go-pro-btn { z-index: 1000; } .toplevel_page_booktics .bkt-go-pro-btn.ant-btn.ant-btn-default { color: #0a1018; border: 1px solid #fb9e12; background-color: #fef6e6; } .toplevel_page_booktics .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-integration { position: absolute; right: 8px; top: 50%; transform: translate(-10px, -50%); } .toplevel_page_booktics .bkt-go-pro-btn.ant-btn.ant-btn-default.bkt-go-pro-meeting-integration { position: absolute; top: 50%; right: 6px; transform: translate(0, -2%); } .toplevel_page_booktics .bkt-go-pro-btn .bkt-go-pro-arrow { margin-left: 8px; } .bkt-calendar-container { background-color: transparent; border-radius: 8px; } .bkt-calendar-container .bkt-calendar .fc-timegrid-slot { padding: 7px; } .bkt-calendar-container .bkt-calendar .fc-toolbar-chunk { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; } .bkt-calendar-container .bkt-calendar .fc-daygrid-event-harness .bkt-calendar div { text-overflow: ellipsis; overflow: hidden; } .bkt-calendar-container .bkt-calendar .ant-form-item { margin-bottom: 0; } .bkt-calendar-container .bkt-calendar table .fc-scrollgrid { border: none; } .bkt-calendar-container .bkt-calendar table thead { background-color: #e2ecf4; } .bkt-calendar-container .bkt-calendar table thead .fc-scrollgrid-sync-inner { margin: 8px 0px; } .bkt-calendar-container .bkt-calendar table thead .fc-col-header-cell-cushion { font-size: 14px; color: #0c274a !important; } .bkt-calendar-container .bkt-calendar table tbody { background: #ffffff; } .bkt-calendar-container .bkt-calendar table tbody .fc-daygrid-day-number { font-size: 14px; font-weight: 600; color: #0c274a !important; margin: 10px 10px 0px 10px !important; } .bkt-calendar-container .bkt-calendar td.fc-day.fc-day-past { cursor: not-allowed; opacity: 0.3; } .bkt-calendar-container .bkt-calendar .fc .fc-daygrid-day.fc-day-today, .bkt-calendar-container .bkt-calendar .fc .fc-day-today.fc-scrollgrid, .bkt-calendar-container .bkt-calendar .fc .fc-day-today.bkt-cal-header { background: none; } .bkt-calendar-container .bkt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before, .bkt-calendar-container .bkt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.fc-scrollgrid .fc-daygrid-day-number:before, .bkt-calendar-container .bkt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.bkt-cal-header .fc-daygrid-day-number:before, .bkt-calendar-container .fc-day-today .fc-col-header-cell-cushion:before { background-color: var(--bkt-primary-color); content: ""; display: inline-block; height: 12px; width: 12px; margin-right: 8px; border-radius: 50%; } .bkt-calendar-container .bkt-calendar-drawer .ant-drawer-title { font-size: 22px; } .bkt-calendar-container .bkt-calendar-drawer .ant-drawer-header { padding: 30px 24px; margin-top: 10px; } .bkt-calendar-container .fc-today-button { background-color: #f7f7fc !important; text-transform: capitalize !important; padding: 10px 12px !important; font-weight: bold; font-size: 14px !important; color: #0c274a !important; border: none; } .bkt-calendar-container .fc-button-group > button { text-transform: capitalize !important; } .bkt-calendar-container .fc-button-group > button:first-child { border-radius: 6px 0 0 6px; } .bkt-calendar-container .fc-button-group > button:last-child { border-radius: 0px 6px 6px 0px; } .bkt-calendar-container .fc-button-group > button:not(.fc-button-active) { background-color: #f7f7fc; color: #0c274a; border: 1px solid rgba(12, 39, 74, 0.2); } .bkt-calendar-container .fc-button-group > button:hover { background-color: #0c274a !important; color: #f7f7fc; } .bkt-calendar-container .fc-daygrid-event-harness { background-color: #ecf2f8; padding: 3px; margin: 5px; border-radius: 4px; } .bkt-calendar-container .fc-daygrid-event-harness .bkt-calendar > b { color: #0c274a; font-weight: 600; font-size: 13px; } .bkt-calendar-container .fc-daygrid-event-harness:hover { background-color: #b9dbfe; } .bkt-calendar-container .fc-timegrid-event-harness { background-color: #ecf2f8; padding: 8px; margin: 5px; border-radius: 4px; } .bkt-calendar-container .fc-timegrid-event-harness .bkt-calendar > b { color: #0c274a; font-weight: 600; font-size: 13px; } .bkt-calendar-container .fc-timegrid-event-harness:hover { background-color: #b9dbfe; } .bkt-calendar-container .fc-timegrid-slot-label-cushion, .bkt-calendar-container .fc-timegrid-axis-cushion { color: #0c274a; font-size: 14px; font-weight: 600; } .bkt-calendar-container .fc-timegrid-axis-cushion { text-transform: capitalize; } .bkt-calendar-container .fc-event-main { background-color: #ecf2f8; color: #0c274a !important; padding: 2px !important; border-radius: 2px; font-weight: 600; } .bkt-calendar-container .fc-event-main:hover { background-color: #b9dbfe; } .bkt-calendar-container .fc-daygrid-event:hover { background-color: #b9dbfe !important; } .bkt-calendar-container .fc-daygrid-more-link { color: #0c274a; font-size: 12px; font-weight: 600px; margin: 5px; } .bkt-calendar-container .fc-daygrid-day, .bkt-calendar-container .fc-scrollgrid, .bkt-calendar-container .bkt-cal-header { border: 1px solid #e2ecf4 !important; } .bkt-calendar-container .fc-daygrid-day-frame { height: 120px !important; } .bkt-calendar-container .fc-header-toolbar { flex-wrap: wrap !important; gap: 20px; } @media (max-width: 480px) { .bkt-calendar-container { padding: 0px; } } .bkt-calendar-container .fc-view-harness { max-width: 100%; overflow-x: auto; } .bkt-calendar-container .fc-view-harness table { min-width: 800px; } .bkt-calendar-container .bkt-text-capitalize { text-transform: capitalize; } .bkt-calendar-container .bkt-modal-meetings { min-width: 400px; display: flex; justify-content: space-between; } .bkt-calendar-container .bkt-calendar-modal .ant-modal-header { background-color: #e2ecf4; } .bkt-calendar-container .bkt-calendar-modal .ant-popover-arrow { display: none; } .bkt-calendar-container .bkt-modal-meeting-header { font-size: 16px; font-weight: 600; background-color: #0c274a; color: #ffffff !important; border-radius: 5px; } .bkt-calendar-container .bkt-pointer { cursor: pointer; } .bkt-calendar-container .bkt-calendar-booking-delete { z-index: 11000 !important; } .bkt-calendar-container .bkt-select-with-icon .ant-select-item-option-content { display: flex; align-items: center; column-gap: 5px; } .bkt-calendar-container .bkt-calendar-toolbar-title { font-size: 1.5em; margin: 0px; color: #0c274a; } .bkt-calendar-container .bkt-align-center-justify-between { display: flex; align-items: center; gap: 10px; justify-content: end; } @media (min-width: 576px) and (max-width: 1200px) { .bkt-calendar-container .bkt-align-center-justify-between { justify-content: start; } } .bkt-calendar-container .booktics-input { height: 37px; border-radius: 8px; border: 1px solid #e2ecf4; } .bkt-calendar-container .booktics-input .ant-input:placeholder-shown { font-size: 14px; } .bkt-calendar-container .bkt-submenu-action-select { min-width: 120px; border: none !important; } @media (max-width: 400px) { .bkt-calendar-container .bkt-submenu-action-select { min-width: 90px; } } .bkt-calendar-container .bkt-prev-button, .bkt-calendar-container .bkt-next-button { border-radius: 50% !important; height: 32px !important; width: 32px !important; position: relative; } .bkt-calendar-container .bkt-prev-button:hover, .bkt-calendar-container .bkt-next-button:hover { background-color: #0c274a !important; border-color: #e2ecf4 !important; } .bkt-calendar-container .bkt-today-btn { background-color: #f7f7fc !important; padding: 17px 12px !important; font-size: 14px !important; color: #0c274a !important; font-weight: 600 !important; } .bkt-calendar-container .bkt-today-btn:hover { background-color: #0c274a !important; border-color: #e2ecf4 !important; color: #e2ecf4 !important; } .bkt-calendar-container .bkt-min-width-200 { min-width: 200px; } @media screen and (max-width: 768px) { .bkt-calendar-container .bkt-sm-mb-10 { margin-bottom: 10px; } } .bkt-calendar-container .bkt-calendar-header-action { display: flex; justify-content: flex-end; gap: 10px; align-items: center; } @media screen and (max-width: 768px) { .bkt-calendar-container .bkt-calendar-header-action { justify-content: center; flex-wrap: wrap; } } .bkt-calendar-container .bkt-calendar-header-action .bkt-cal-view-action { display: flex; gap: 15px; } .bkt-calendar-container .bkt-calendar-header-action .bkt-cal-view-action .bkt-today-btn { margin-left: 10px; } .bkt-calendar-drawer .ant-drawer-title { font-size: 22px; } .bkt-calendar-drawer .ant-drawer-header { padding: 30px 24px; margin-top: 10px; } @media (min-width: 768px) { .bkt-calendar-drawer .ant-drawer-content-wrapper { width: 500px !important; } } .bkt-calendar-popover-title-container { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .bkt-calendar-popover-title-container .bkt-popover-title-button { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; } .bkt-cal-title-btn { padding: 4px 8px; border: 1px solid #ced4db; color: #0c274a !important; font-size: 12px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal; border-radius: 5px !important; } .bkt-calendar-popover-title { font-weight: 600 !important; font-size: 16px; color: #0c274a; max-width: 200px !important; } .ant-popover-inner { border-radius: 6px !important; border: 1px solid #e2ecf4; background: #fff; padding: 8px; } .bkt-popover-content-label { color: #0c274a; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; padding: 5px 0px; } .bkt-popover-content-value { color: #0c274a; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .bkt-popover-icon-and-value-container { display: flex; gap: 8px; justify-content: flex-start; } .bkt-popover-icon-and-value-container .ant-select-selection-item { display: flex; align-items: center; column-gap: 5px; } .bkt-popover-menu { padding: 10px; } .bkt-popover-menu .ant-dropdown-menu-title-content { font-weight: 600 !important; font-size: 14px; } .bkt-popover-section-divider { width: 98%; border-color: #e2ecf4; margin: 15px 0px; } .bkt-calendar-modal .bkt-cal-modal-popover { display: flex; justify-content: space-between; width: 100%; cursor: pointer; } .bkt-calendar-modal .bkt-cal-modal-popover.ant-popover-open { color: var(--bkt-primary-color); opacity: 0.8; } .bkt-calendar-modal .bkt-modal-meetings .ant-popover-arrow { display: none; } .bkt-calendar-modal .bkt-modal-meetings .ant-popover-inner { margin: 12px; min-width: 320px; }