:root {
--tt-primary-color: #0060e5;
--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-saturated: #0056cc;
--tt-secondary-gradient: linear-gradient(180deg, #45505e 0%, #0a1018 100%);
}
.wpmet-jhanda-href img {
max-width: 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-top: 20px;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.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 {
display: flex;
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-center {
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.5;
}
#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 {
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-tab-container {
padding-left: 0;
}
.tt-container-wrapper:has(.tt-custom-tab) {
max-width: 900px;
}
.tt-container-wrapper:not(:has(.tt-custom-tab)) {
max-width: 750px;
}
.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],
input[type=number] {
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;
display: block;
width: 100%;
}
.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-color);
}
.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-color);
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-color);
}
.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);
display: flex;
}
.toplevel_page_timetics .ant-tabs-tab-btn .ant-tabs-tab-icon {
display: flex;
}
.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-color);
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);
background-color: inherit;
}
.toplevel_page_timetics .ant-btn.ant-btn-primary {
background: var(--tt-primary-color);
color: #fff;
border: none;
}
.toplevel_page_timetics .ant-btn.ant-btn-primary:hover, .toplevel_page_timetics .ant-btn.ant-btn-primary:focus {
background: var(--tt-primary-saturated) !important;
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.tt-link-dark-btn {
font-size: 12px;
color: var(--tt-secondary-color);
}
.toplevel_page_timetics .ant-btn.tt-link-btn span {
border-bottom: 1px solid;
}
.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: 0px;
top: 4px;
}
.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;
}
.tt-empty-view-wrapper {
max-width: 990px;
margin: 0 auto;
text-align: center;
border-radius: 10px;
padding: 100px 20px;
}
.tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-content {
display: flex;
flex-direction: column;
align-items: center;
}
.tt-empty-view-wrapper .tt-empty-view-container .tt-empty-data-icon {
margin-bottom: 20px;
}
.tt-meeting-list-empty {
border-radius: 10px;
padding: 60px 20px;
max-width: 50vw;
margin: auto;
margin-top: 80px;
}
@media (max-width: 992px) {
.tt-meeting-list-empty {
max-width: 100%;
margin-top: 50px;
padding: 0;
}
.tt-meeting-list-empty .ant-result-title {
font-size: 20px;
}
}
.tt-card-border-less {
box-shadow: none !important;
background-color: transparent;
}
.tt-card-border-less .ant-card-body {
padding: 0;
}
.timetics-stripe { }
.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;
padding: 0rem 1.8rem !important;
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;
box-sizing: border-box;
}
}
.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;
}
.timetics-single-booking-wrapper .flatpickr-input {
display: none;
}
.tt-booking-slot-wrapper {
overflow: auto;
transition: all ease 200ms;
-ms-overflow-style: none; scrollbar-width: none;
}
.tt-booking-slot-wrapper::-webkit-scrollbar {
width: 0; }
.tt-scroll-bar {     scrollbar-width: thin;
scrollbar-color: var(--tt-secondary-color-50);  }
.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;
}
.tt-ticket-price-variation-wrapper {
border-bottom: 1px solid #f0f0f0;
margin-top: 10px;
}
.tt-ticket-price-variation-wrapper .tt-ticket-price-variation p {
margin: 8px 0;
}
.tt-booking-body-wrap .timetics-input .ant-form-item-extra, .timetics-category-meeting .tt-category-booking-wrap .timetics-input .ant-form-item-extra {
margin-top: 5px;
font-style: italic;
}
.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;
}