/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/admin.scss ***!
  \*********************************************************************************************************************/
: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;
  }
}

#time_tics_dashboard {
  margin: 20px 40px 0 20px;
}
@media screen and (max-width: 768px) {
  #time_tics_dashboard {
    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;
}
@media screen and (max-width: 768px) {
  .tt-container-wrapper .tt-form-container {
    padding: 20px;
  }
}
.tt-container-wrapper .tt-form-container {
  background-color: #ffffff;
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 8px;
}
.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::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-handle {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
}
.toplevel_page_timetics .ant-switch.ant-switch-checked {
  background: var(--tt-primary-color);
}
.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-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 20px);
}
.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 {
  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;
}

.tt-meeting-menu-warper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 10px;
}

.tt-dropdown-content {
  margin-top: 15px;
}
.tt-dropdown-content .ant-dropdown-menu {
  max-width: 420px;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
}
.tt-dropdown-content .ant-dropdown-menu-item {
  padding: 0;
}
.tt-dropdown-content .ant-dropdown-menu-item:hover {
  background-color: #fff;
}
.tt-dropdown-content .tt-meeting-create-btn {
  padding: 13px 20px;
}
.tt-dropdown-content .tt-meeting-create-btn .ant-space-item svg {
  fill: var(--tt-primary-color);
}
.tt-dropdown-content .tt-meeting-create-btn h5.ant-typography {
  font-size: 15px;
  line-height: 18px;
  color: var(--tt-secondary-color);
  display: flex;
  margin: 0;
}
.tt-dropdown-content .tt-meeting-create-btn .ant-typography.ant-typography-secondary {
  display: block;
  margin-top: 6px;
  color: var(--tt-secondary-color-50);
}
.tt-dropdown-content .tt-meeting-create-btn .ant-badge-count,
.tt-dropdown-content .tt-meeting-create-btn .ant-badge-dot,
.tt-dropdown-content .tt-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(--tt-state-color-02);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.tt-dropdown-content .tt-bg-opacity {
  background-color: #eaeaeb;
  opacity: 0.3;
  cursor: not-allowed;
}
.tt-dropdown-content .ant-ribbon {
  line-height: 19px;
}
.tt-dropdown-content .ant-ribbon-text {
  color: #fff;
  font-size: 12px;
}

#time_tics_dashboard .tt-meeting-filter-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media (max-width: 980px) {
  #time_tics_dashboard .tt-meeting-filter-area {
    flex-wrap: wrap;
    justify-content: start;
  }
}
#time_tics_dashboard .tt-meeting-filter-area .ant-btn {
  height: 36px;
  padding: 6px 10px;
}
#time_tics_dashboard .tt-meeting-filter-area .ant-btn.ant-popover-open .anticon svg {
  fill: var(--tt-primary-color);
}

.tt-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(--tt-secondary-color-12);
}
.tt-filter-popover .ant-form-item {
  margin-bottom: 16px;
}
.tt-filter-popover .ant-popover-arrow {
  display: none;
}

#time_tics_dashboard .ant-btn.tt-add-location-btn {
  color: var(--tt-primary-color);
  display: flex;
  align-items: center;
  margin-top: -10px;
  font-size: 14px;
}
#time_tics_dashboard .ant-btn.tt-add-location-btn svg {
  fill: var(--tt-primary-color);
  border: 1px solid var(--tt-primary-color);
  border-radius: 100vmax;
  padding: 2px;
}
#time_tics_dashboard .ant-btn.tt-add-location-btn span + span {
  border-bottom: 1px solid var(--tt-primary-color);
}
#time_tics_dashboard .ant-btn.tt-add-location-btn:hover, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus {
  border-color: transparent;
}
#time_tics_dashboard .ant-btn.tt-add-location-btn:hover span + span, #time_tics_dashboard .ant-btn.tt-add-location-btn:focus span + span {
  border-bottom: 1px solid var(--tt-primary-color);
}
#time_tics_dashboard .location-input .ant-select-selection-item {
  padding-right: 10px;
}

.tt-location-item svg {
  margin-right: 8px;
  width: 15px;
  height: 15px;
}

.tt-meeting-price-input input[type=number] {
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
}
.tt-meeting-price-input .ant-input-number {
  width: 100%;
}

.ticket-type-wrapper {
  padding: 20px;
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 8px;
}
.ticket-type-wrapper .timetics-input .ant-form-item-label > label {
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .ticket-type-wrapper .timetics-input.ant-form-item {
    margin-bottom: 5px;
  }
}
.ticket-type-wrapper .tt-ticket-repeater-delete {
  text-align: right;
  margin-top: 10px;
}
.ticket-type-wrapper .tt-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;
}

.tt-meetings-container {
  display: flex;
  gap: 1rem;
}
.tt-meetings-container .tt-categories-area {
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .tt-meetings-container {
    flex-direction: column;
  }
  .tt-meetings-container .tt-categories-area {
    align-self: stretch;
  }
}

.tt-meeting-update-page-btn-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.tt-meeting-update-page-btn-area .tt-meeting-preview-btn.ant-btn.ant-btn-default:hover .anticon svg {
  fill: var(--tt-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 .tt-more-action-btn {
  opacity: 0;
  pointer-events: none;
}
.category_item:hover .tt-more-action-btn {
  opacity: 1;
  pointer-events: all;
}
.category_item:hover .category_item--heading {
  color: #0c274a;
}

.tt-meeting-copy-btn:hover svg {
  fill: none;
}
.tt-meeting-copy-btn:hover svg path {
  stroke: var(--tt-primary-color);
}

.tt-btn-outline-svg-arrow-icon:hover .anticon svg {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tt-btn-outline-svg-arrow-icon:hover .anticon svg path {
  stroke: var(--tt-primary-color);
}

.tt-categories-area .tt-categories-create-btn.ant-btn:hover .anticon svg {
  fill: var(--tt-primary-color);
}

.tt-meeting-type.ant-typography {
  margin-bottom: 30px;
}

.tt-meeting-create-step {
  padding-bottom: 29px;
}
.tt-meeting-create-step p {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.tt-meeting-create-step .step-bar {
  position: relative;
}
.tt-meeting-create-step .step-bar .step1,
.tt-meeting-create-step .step-bar .step2 {
  height: 4px;
  width: 48%;
  border-radius: 20px;
  background: #000000;
  position: absolute;
  content: "";
  opacity: 0.2;
}
.tt-meeting-create-step .step-bar .step1 {
  top: 0;
  left: 0;
  opacity: 1;
}
.tt-meeting-create-step .step-bar .step2 {
  top: 0;
  right: 0;
}

.tt-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);
}
@media screen and (max-width: 570px) {
  .tt-single-meeting-card {
    padding: 20px;
  }
}
.tt-single-meeting-card {
  border-radius: 8px;
  position: relative;
}
.tt-single-meeting-card.disabled-meeting-card {
  background-color: #eeeff1;
  border: 1px solid var(--tt-secondary-color-12);
  opacity: 0.5;
}
.tt-single-meeting-card.disabled-meeting-card .ant-btn {
  background-color: transparent;
}
.tt-single-meeting-card .meeting-header-info-wrappers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 15px;
  column-gap: 15px;
}
.tt-single-meeting-card .meeting-header-info-wrappers .tt-meeting-title {
  cursor: pointer;
}
.tt-single-meeting-card .meeting-meta-list {
  display: flex;
  gap: 24px;
  margin-top: 0;
  margin-bottom: 45px;
}
.tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item {
  position: relative;
  margin: 0 0 0 10px;
}
.tt-single-meeting-card .meeting-meta-list .tt-meeting-list-item::before {
  position: absolute;
  content: "";
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #d9d9d9;
}
.tt-single-meeting-card .meeting-meta-list p {
  line-height: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
}
.tt-single-meeting-card .meeting-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tt-single-meeting-card .meeting-card-footer .ant-btn:hover .anticon:not(.tt-eye-stroke) svg path {
  stroke: var(--tt-primary-color);
}
.tt-single-meeting-card .meeting-card-footer .ant-btn:hover .tt-eye-stroke svg {
  fill: var(--tt-primary-color);
}
.tt-single-meeting-card .meeting-card-footer .ant-btn.ant-btn-dangerous:hover .anticon svg path {
  stroke: var(--tt-danger-color);
}
.tt-single-meeting-card .meeting-pagination {
  margin-top: 20px;
}
.tt-single-meeting-card .tt-meeting-checkbox {
  position: absolute;
  top: 1px;
  left: 4px;
}
.tt-single-meeting-card .ant-checkbox-inner {
  background-color: transparent;
  border-color: var(--tt-secondary-color-12);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}

.tt-meeting-card-bulk-action-wrapper .ant-btn .anticon {
  position: relative;
  top: 2px;
}
.tt-meeting-card-bulk-action-wrapper .ant-btn:not(.ant-btn-dangerous):hover svg {
  fill: var(--tt-primary-color);
}

.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner {
  width: 18px;
  height: 18px;
}
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox .ant-checkbox-inner::after {
  width: 6px;
  height: 9px;
  left: 22%;
  top: 45%;
  border-radius: 0;
}
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  border-color: var(--tt-primary-color) !important;
}
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-input:focus + .ant-checkbox-inner,
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox:hover .ant-checkbox-inner {
  border-color: var(--tt-secondary-color-12);
}
.toplevel_page_timetics .tt-single-meeting-card .ant-checkbox-wrapper:hover .ant-checkbox-inner:after {
  position: absolute;
  display: table;
  border: 2px solid var(--tt-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_timetics .tt-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(--tt-primary-color);
}

.tt-share-meeting-modal .ant-modal-content,
.tt-share-meeting-modal .ant-modal-header {
  border-radius: 16px;
}
.tt-share-meeting-modal .ant-modal-header {
  padding: 24px 30px;
  margin-right: 20px;
  border-bottom: none;
}
.tt-share-meeting-modal .ant-modal-body {
  padding: 0px 30px 30px;
}
.tt-share-meeting-modal .tt-share-meeting-wrapper {
  position: relative;
}
.tt-share-meeting-modal .tt-share-meeting-wrapper .tt-copy-button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.tt-share-meeting-modal .tt-share-meeting-wrapper .tt-saas-copy-button {
  position: absolute;
  right: 5px;
  top: 72%;
  transform: translateY(-50%);
}
.tt-share-meeting-modal .tt-share-link-input input[readonly] {
  background-color: transparent;
}
.tt-share-meeting-modal .tt-share-link-input {
  position: relative;
  margin-bottom: 0;
}
.tt-share-meeting-modal .tt-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%);
}
.tt-share-meeting-modal .tt-saas-share-link-input input[readonly] {
  background-color: transparent;
}
.tt-share-meeting-modal .tt-saas-share-link-input {
  position: relative;
  margin-bottom: 0;
}
.tt-share-meeting-modal .tt-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;
}

.tt-action-wrap .ant-btn.ant-btn-dangerous .anticon {
  margin-top: 3px;
}
.tt-action-wrap .ant-btn.ant-btn-default:hover .anticon svg path {
  stroke: var(--tt-primary-color);
}

.tt-booking-modal .ant-modal-content {
  border-radius: 8px;
  margin-bottom: 30px;
}
.tt-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;
}
.tt-booking-modal .tt-booking-modal-details {
  background-color: #f4f5f6;
  padding: 20px 30px;
  border-radius: 8px;
}
.tt-booking-modal .tt-booking-modal-details .tt-booking-modal-description-text {
  color: rgb(69, 69, 69) !important;
}
.tt-booking-modal .ant-list-item-meta-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}
.tt-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;
}

.tt-admin-booking-slot .ant-select-selection-item,
.tt-admin-booking-slot .ant-select-item-option-content {
  text-transform: initial;
}

.tt-booking-cancel {
  text-decoration: line-through;
}

.tt-submenu-action-select {
  margin: 0;
}
.tt-submenu-action-select .ant-input-lg,
.tt-submenu-action-select .ant-picker,
.tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector,
.tt-submenu-action-select .ant-input-affix-wrapper,
.tt-submenu-action-select .ant-input-number,
.tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 37px;
}
.tt-submenu-action-select .ant-input-lg .ant-select-selection-item,
.tt-submenu-action-select .ant-picker .ant-select-selection-item,
.tt-submenu-action-select .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.tt-submenu-action-select .ant-input-affix-wrapper .ant-select-selection-item,
.tt-submenu-action-select .ant-input-number .ant-select-selection-item,
.tt-submenu-action-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item {
  line-height: 35px;
}
.tt-submenu-action-select.timetics-input .ant-select-arrow {
  right: 9px;
}
.tt-submenu-action-select.timetics-input label {
  color: #8693a5 !important;
}

.ant-form-item-label label {
  color: #8693a5 !important;
}

.tt-booking-list .tt-meeting-status,
.tt-booking-list .tt-customer-email {
  font-weight: 600;
}

.tt-bulk-delete .ant-space-item span {
  font-weight: 600;
}

.tt-seatsmap-wrapper {
  position: relative;
  padding-bottom: 70%;
  overflow: auto;
  padding-left: 40px;
  padding-top: 30px;
  padding-right: 40px;
}
.tt-seatsmap-wrapper .seats-item {
  position: absolute;
  display: inline-block;
}
.tt-seatsmap-wrapper .seats-item.chair {
  cursor: pointer;
}
.tt-seatsmap-wrapper .seats-item.circle {
  border-radius: 50%;
}

.tt-seat-map-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 30px 0;
  flex-wrap: wrap;
}
.tt-seat-map-controls .tt-set-map-button {
  line-height: 0px;
}
.tt-seat-map-controls .timetics-dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}

.tt-meeting-location-type {
  height: 40px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.tt-booking-view-action .ant-radio-button-wrapper {
  height: 40px;
  line-height: 38px;
}
.tt-booking-view-action .ant-radio-button-wrapper:hover, .tt-booking-view-action .ant-radio-button-wrapper:focus {
  color: var(--tt-primary-color);
}
.tt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: var(--tt-primary-color);
  border-color: var(--tt-primary-color);
}
.tt-booking-view-action .ant-radio-button-wrapper:first-child {
  border-radius: 6px 0 0 6px;
}
.tt-booking-view-action .ant-radio-button-wrapper:last-child {
  border-radius: 0 6px 6px 0;
}
.tt-booking-view-action .tt-booking-view-radio {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tt-booking-view-action .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: var(--tt-primary-color);
}

.tt-bg-white {
  background-color: white !important;
}

.tt-schedules-container .tt-schedules-content {
  border: 1px solid var(--tt-secondary-color-12);
  padding: 30px;
  border-radius: 8px;
}
.tt-schedules-container .tt-schedules-content .ant-checkbox-wrapper span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.tt-schedules-container .tt-schedules-content .ant-checkbox {
  margin-right: 15px;
}
.tt-schedules-container .tt-schedules-content .ant-checkbox span {
  text-transform: uppercase;
}
.tt-schedules-container .tt-schedules-content .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #000;
  border-color: #000;
}
.tt-schedules-container .tt-meeting-schedule {
  padding: 25px 20px 20px 20px;
}
@media screen and (max-width: 570px) {
  .tt-schedules-container .tt-meeting-schedule {
    padding: 0;
  }
}
.tt-schedules-container .tt-meeting-schedule {
  background-color: #ffffff;
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 6px;
  margin-top: -28px;
}
.tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
  margin-bottom: 20px;
}
@media screen and (max-width: 570px) {
  .tt-schedules-container .tt-meeting-schedule .tt-availability-btn-area {
    margin: 20px;
  }
}
.tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  position: relative;
}
.tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule:last-child {
  margin-bottom: 0;
}
.tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule .ant-checkbox + span {
  padding-left: 20px;
}
.tt-schedules-container .tt-meeting-schedule .tt-single-host-schedule-time {
  width: 100%;
}
.tt-schedules-container .tt-meeting-schedule .tt-single-host-delete {
  margin-top: 16px;
}
.tt-schedules-container .tt-meeting-schedule .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 4px;
}
.tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper {
  font-weight: 600;
  color: #aeb0b3;
}
.tt-schedules-container .tt-meeting-schedule .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
  color: #000;
}
.tt-schedules-container .tt-host-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
}
.tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
  padding: 30px;
}
@media screen and (max-width: 570px) {
  .tt-schedules-container .tt-meeting-schedule-wrapper .ant-collapse-content > .ant-collapse-content-box {
    padding: 10px;
  }
}
.tt-schedules-container .tt-availability-btn-area {
  margin-bottom: 15px;
}
.tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg {
  fill: #ffffff;
}
.tt-schedules-container .tt-availability-btn-area .ant-space-item:first-child .ant-btn-primary .anticon svg path {
  stroke: none;
}
.tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg {
  fill: transparent;
}
.tt-schedules-container .tt-availability-btn-area .ant-space-item .ant-btn-default:hover .anticon svg path {
  stroke: var(--tt-primary-color);
}
.tt-schedules-container .tt-availability-day {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}
.tt-schedules-container .ant-divider-horizontal {
  margin: 16px 0;
  border-top-color: var(--tt-secondary-color-12);
}
.tt-schedules-container .ant-checkbox + span {
  position: relative;
  top: -3px;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 25px;
}
.tt-schedules-container .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 4px;
}
.tt-schedules-container .ant-select-dropdown {
  border-radius: 4px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
}
.tt-schedules-container .ant-checkbox-wrapper {
  margin-top: 5px;
}
.tt-schedules-container .tt-add-schedule-time-slot .anticon {
  margin-top: 4px;
}
.tt-schedules-container .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--tt-primary-color);
  box-shadow: none;
}
.tt-schedules-container .tt-single-host-schedule + .tt-single-host-schedule {
  margin-top: 15px;
}

.tt-schedule-time-slot-delete {
  line-height: 1;
  margin-top: 3px;
}

.tt-apply-custom-schedule .ant-checkbox-group {
  display: inline-flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 8px;
}

.tt-overview-content-area .tt-overview-heading h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.tt-overview-content-area .tt-overview-performance .ant-card-meta-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: #5f6a78;
  margin-bottom: 0;
}
.tt-overview-content-area .tt-overview-performance .ant-card-meta-description {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  color: #000;
}
.tt-overview-content-area .tt-overview-performance .tt-overview-card {
  border-radius: 8px;
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.1019607843);
}
.tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-body {
  padding: 30px;
}
.tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta {
  display: block;
  margin: 0;
}
.tt-overview-content-area .tt-overview-performance .tt-overview-card .ant-card-meta-avatar {
  padding: 0;
  margin-bottom: 32px;
}
.tt-overview-content-area .tt-overview-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--tt-secondary-color-65);
}
.tt-overview-content-area .tt-overview-card-data {
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.011em;
}

.tt-overview-wrapper .tt-page-header-wrapper {
  margin-bottom: 0;
  border-bottom-color: transparent;
  padding-bottom: 20px;
}

.toplevel_page_timetics .tt-overview-heading .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 16px;
  align-items: center;
  height: 36px;
}

.tt-overview-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
  gap: 10px;
}

.tt-overview-reports,
.tt-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%;
}

.tt-overview-upcomming-bookings .tt-upcomming-booking-name {
  min-width: 60%;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.tt-overview-upcomming-bookings .ant-list-item-meta-title {
  margin-top: 0;
}
.tt-overview-upcomming-bookings .ant-list-item {
  align-items: flex-start;
}

.tt-overview-report-chart {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 20px;
}

.tt-customize-form-container h5.ant-typography {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: -0.011em;
}
.tt-customize-form-container .tt-customize-form-header {
  margin-bottom: 30px;
}
.tt-customize-form-container .tt-customize-form-header .tt-customize-form-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.011em;
  color: var(--tt-secondary-color-50);
}
.tt-customize-form-container .tt-single-field {
  border: 1px solid var(--tt-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;
}
.tt-customize-form-container .tt-single-field::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" viewBox="0 0 9 15" fill="none"><path d="M3 1.5C3 2.32843 2.32843 3 1.5 3C0.671573 3 0 2.32843 0 1.5C0 0.671573 0.671573 0 1.5 0C2.32843 0 3 0.671573 3 1.5Z" fill="%23B5B7BA"/><path d="M3 7.5C3 8.32843 2.32843 9 1.5 9C0.671573 9 0 8.32843 0 7.5C0 6.67157 0.671573 6 1.5 6C2.32843 6 3 6.67157 3 7.5Z" fill="%23B5B7BA"/><path d="M3 13.5C3 14.3284 2.32843 15 1.5 15C0.671573 15 0 14.3284 0 13.5C0 12.6716 0.671573 12 1.5 12C2.32843 12 3 12.6716 3 13.5Z" fill="%23B5B7BA"/><path d="M9 1.5C9 2.32843 8.32843 3 7.5 3C6.67157 3 6 2.32843 6 1.5C6 0.671573 6.67157 0 7.5 0C8.32843 0 9 0.671573 9 1.5Z" fill="%23B5B7BA"/><path d="M9 7.5C9 8.32843 8.32843 9 7.5 9C6.67157 9 6 8.32843 6 7.5C6 6.67157 6.67157 6 7.5 6C8.32843 6 9 6.67157 9 7.5Z" fill="%23B5B7BA"/><path d="M9 13.5C9 14.3284 8.32843 15 7.5 15C6.67157 15 6 14.3284 6 13.5C6 12.6716 6.67157 12 7.5 12C8.32843 12 9 12.6716 9 13.5Z" fill="%23B5B7BA"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 15px;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  display: none;
}
.tt-customize-form-container .tt-single-field .tt-field-action-info {
  display: flex;
  gap: 10px;
}
.tt-customize-form-container .tt-single-field:last-child {
  margin-bottom: 0;
}
.tt-customize-form-container .tt-single-field .tt-field-required {
  margin-left: 10px;
  font-size: 10px;
  background: var(--tt-secondary-color-08);
  border-radius: 3px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.03em;
  padding: 1px 4px 3px;
}
.tt-customize-form-container .tt-customize-form-area {
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--tt-secondary-color-12);
}

.tt-custom-form-modal .tt-custom-form-area .tt-placeholder-field {
  background-color: #f8f8fb;
  padding: 20px;
  border-radius: 8px;
}
.tt-custom-form-modal .ant-modal-body {
  padding: 40px 40px 0 40px;
}
.tt-custom-form-modal .ant-modal-footer {
  border-top: none;
  padding: 8px 40px 40px 40px;
}

.tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item > .ant-collapse-header {
  align-items: center;
}
.tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item {
  margin-bottom: 30px;
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 8px;
}
.tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-collapse-item:last-child {
  margin-bottom: 0;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .tt-settings-wrapper .tt-integration-settings.ant-collapse .ant-card-meta {
    flex-direction: column;
  }
  .tt-settings-wrapper .tt-integration-settings.ant-collapse .tt-apple-calendar .ant-collapse-header {
    padding-right: 12px;
  }
}
.tt-settings-wrapper .tt-payment-settings .ant-collapse-header {
  padding: 15px !important;
}
.tt-settings-wrapper .tt-payment-settings .ant-collapse-content-box {
  background-color: var(--tt-secondary-color-05);
  border-radius: 0 5px 5px 0;
}
.tt-settings-wrapper .tt-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) {
  .tt-settings-wrapper .tt-payment-settings .ant-card-meta {
    flex-direction: column;
  }
}
.tt-settings-wrapper .tt-local-payment-panel .ant-collapse-content-box,
.tt-settings-wrapper .tt-woocommerce-payment .ant-collapse-content-box {
  display: none;
}
.tt-settings-wrapper .ant-collapse > .ant-collapse-item:last-child,
.tt-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;
}
.tt-settings-wrapper .ant-card-meta {
  align-items: center;
}
.tt-settings-wrapper .ant-card-meta svg {
  padding: 0 15px;
}
.tt-settings-wrapper .tt-general-sitting {
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 8px;
  padding: 25px;
}
.tt-settings-wrapper .tt-general-sitting .ant-form-item {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .tt-settings-wrapper .tt-general-sitting .tt-align-right {
    text-align: right;
  }
}
.tt-settings-wrapper .tt-color-setting {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media (min-width: 768px) {
  .tt-settings-wrapper .tt-color-setting {
    justify-content: flex-end;
  }
}
.tt-settings-wrapper .tt-color-setting .tt-color-input-field {
  flex-basis: 40%;
}
.tt-settings-wrapper .tt-color-setting .tt-react-color {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--tt-secondary-color-12);
  padding: 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.tt-settings-wrapper .tt-color-setting .tt-react-color .tt-react-color-code {
  max-width: 70px;
  margin-left: 10px;
}
.tt-settings-wrapper .tt-color-setting .tt-react-color-picker {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .tt-settings-wrapper .ant-collapse-extra .tt-primary-color {
    display: none;
  }
}

.tt-color-picker {
  position: relative;
}
.tt-color-picker .wp-picker-holder {
  position: absolute;
  bottom: 104%;
  z-index: 99;
}
.tt-color-picker input.button.button-small.wp-picker-clear {
  display: none;
}
.tt-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;
}

.tt-flatpickr-calendar {
  padding-right: 10px;
}
.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-months {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
}
.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-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: block;
  cursor: no-drop;
  opacity: 0.4;
}
.tt-flatpickr-calendar .flatpickr-months .flatpickr-month,
.tt-flatpickr-calendar .flatpickr-current-month {
  text-align: left;
}
.tt-flatpickr-calendar .flatpickr-current-month {
  left: 0;
}
.tt-flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.tt-flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  height: 34px;
  width: 34px;
  padding: 0;
  background: #eaeaea;
  line-height: 39px;
  border-radius: 5px;
}
.tt-flatpickr-calendar .flatpickr-months .cur-year,
.tt-flatpickr-calendar .flatpickr-months .cur-month {
  font-weight: 600 !important;
}
.tt-flatpickr-calendar .flatpickr-months .cur-year:hover, .tt-flatpickr-calendar .flatpickr-months .cur-year:focus,
.tt-flatpickr-calendar .flatpickr-months .cur-month:hover,
.tt-flatpickr-calendar .flatpickr-months .cur-month:focus {
  background: transparent;
}

.flatpickr-input {
  display: none;
}

.tt-meeting-overlap-checkbox {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
  margin-top: 5px;
}

.timetics-onboard .tt-onboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 60px 0;
  flex-wrap: wrap;
  gap: 20px;
}
.timetics-onboard .tt-onboard-header .tt-help-info {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
}
.timetics-onboard .tt-onboard-header .tt-help-info .tt-get-help-link {
  font-weight: 700;
  color: #5d5dff;
}
.timetics-onboard .timetics-wizard-container {
  max-width: 600px;
  margin: 0 auto;
}
.timetics-onboard .onboard-wizard-container {
  background-color: #fff;
  border-radius: 20px;
}
@media screen and (max-width: 570px) {
  .timetics-onboard .onboard-wizard-container {
    padding: 20px;
  }
}
.timetics-onboard .onboard-wizard-container {
  padding: 40px;
  animation: AnimationFadeIn 500ms ease-in 0s 1 normal none running;
}
.timetics-onboard .tt-onboard-progress-bar {
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}
.timetics-onboard .tt-onboard-progress-bar .ant-progress-bg {
  background-color: #3161f1;
}
.timetics-onboard .tt-onboard-progress-bar .ant-progress-inner {
  background-color: #e2e2e3;
}
.timetics-onboard .tt-onboard-progress-bar {
  margin-bottom: 50px;
}
.timetics-onboard .tt-skip-button {
  text-align: center;
  margin-top: 20px;
}
.timetics-onboard .tt-skip-button .ant-btn.ant-btn-link {
  border: none;
}
.timetics-onboard .tt-skip-button .ant-btn.ant-btn-link span {
  border-bottom: 1px solid #84878b;
  line-height: 1;
  color: #84878b;
}
.timetics-onboard .tt-skip-button .ant-btn.ant-btn-link:hover span {
  border-color: #5d5dff;
  color: #5d5dff;
}
.timetics-onboard p {
  font-size: 14px;
  color: #838790;
  margin: 0;
  line-height: 24px;
  text-wrap: balance;
}
.timetics-onboard .tt-onboard-welcome {
  padding: 40px 80px;
}
.timetics-onboard .tt-onboard-welcome .banner {
  text-align: center;
  margin-bottom: 50px;
}
.timetics-onboard .tt-onboard-welcome .banner img {
  width: 75%;
}
.timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content {
  text-align: center;
}
.timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content h3 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 20px;
  font-weight: 700;
  margin-top: 0;
}
.timetics-onboard .tt-onboard-welcome .tt-onboard-welcome-content p {
  margin-bottom: 35px;
  text-wrap: inherit;
}
.timetics-onboard .tt-onboard-wizard-header {
  text-align: center;
  margin-bottom: 35px;
}
.timetics-onboard .tt-onboard-wizard-header h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 15px;
  margin-top: 0;
}
.timetics-onboard .tt-onboard-action-btn-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: 30px;
}
@media screen and (max-width: 570px) {
  .timetics-onboard .tt-onboard-action-btn-wrapper {
    justify-content: center;
  }
}
.timetics-onboard .tt-outline-icon-btn .anticon svg path {
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.timetics-onboard .tt-outline-icon-btn:hover .anticon svg path {
  stroke: var(--tt-primary-color);
}
.timetics-onboard .tt-single-calendar-connect {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--tt-secondary-color-12);
  padding: 15px;
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 10px;
}
.timetics-onboard .tt-calendar-icon {
  display: flex;
  gap: 15px;
  align-items: center;
}
.timetics-onboard .tt-single-calendar-connect + .tt-single-calendar-connect {
  margin-top: 15px;
}
.timetics-onboard .tt-onboard-availability {
  padding: 30px;
  border: 1px solid var(--tt-secondary-color-12);
  border-radius: 10px;
}
.timetics-onboard .tt-onboard-availability.timetics-input > .ant-divider:first-child {
  display: none;
}
.timetics-onboard .tt-empathizing {
  color: #5d5dff;
  font-weight: 600;
}
.timetics-onboard .tt-onboard-demo-data-import {
  margin: 120px 0;
}

@keyframes AnimationFadeIn {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
  }
}
.toplevel_page_timetics .tt-pro-notice {
  padding-right: 8px;
}
.toplevel_page_timetics .tt-go-pro-btn {
  z-index: 1000;
}
.toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default {
  color: #0a1018;
  border: 1px solid #fb9e12;
  background-color: #fef6e6;
}
.toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-integration {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(-10px, -50%);
}
.toplevel_page_timetics .tt-go-pro-btn.ant-btn.ant-btn-default.tt-go-pro-meeting-integration {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -2%);
}
.toplevel_page_timetics .tt-go-pro-btn .tt-go-pro-arrow {
  margin-left: 8px;
}

.tt-calendar-container {
  background-color: transparent;
  border-radius: 8px;
}
.tt-calendar-container .tt-calendar .fc-timegrid-slot {
  padding: 7px;
}
.tt-calendar-container .tt-calendar .fc-toolbar-chunk {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.tt-calendar-container .tt-calendar .fc-daygrid-event-harness .tt-calendar div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.tt-calendar-container .tt-calendar .ant-form-item {
  margin-bottom: 0;
}
.tt-calendar-container .tt-calendar table .fc-scrollgrid {
  border: none;
}
.tt-calendar-container .tt-calendar table thead {
  background-color: #e2ecf4;
}
.tt-calendar-container .tt-calendar table thead .fc-scrollgrid-sync-inner {
  margin: 8px 0px;
}
.tt-calendar-container .tt-calendar table thead .fc-col-header-cell-cushion {
  font-size: 14px;
  color: #0c274a !important;
}
.tt-calendar-container .tt-calendar table tbody {
  background: #ffffff;
}
.tt-calendar-container .tt-calendar table tbody .fc-daygrid-day-number {
  font-size: 14px;
  font-weight: 600;
  color: #0c274a !important;
  margin: 10px 10px 0px 10px !important;
}
.tt-calendar-container .tt-calendar td.fc-day.fc-day-past {
  cursor: not-allowed;
  opacity: 0.3;
}
.tt-calendar-container .tt-calendar .fc .fc-daygrid-day.fc-day-today, .tt-calendar-container .tt-calendar .fc .fc-day-today.fc-scrollgrid, .tt-calendar-container .tt-calendar .fc .fc-day-today.tt-cal-header {
  background: none;
}
.tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before, .tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.fc-scrollgrid .fc-daygrid-day-number:before, .tt-calendar-container .tt-calendar .fc-daygrid .fc-scrollgrid .fc-scrollgrid-section.fc-scrollgrid-section-body .fc-day-today.tt-cal-header .fc-daygrid-day-number:before,
.tt-calendar-container .fc-day-today .fc-col-header-cell-cushion:before {
  background-color: var(--tt-primary-color);
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  margin-right: 8px;
  border-radius: 50%;
}
.tt-calendar-container .tt-calendar-drawer .ant-drawer-title {
  font-size: 22px;
}
.tt-calendar-container .tt-calendar-drawer .ant-drawer-header {
  padding: 30px 24px;
  margin-top: 10px;
}
.tt-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;
}
.tt-calendar-container .fc-button-group > button {
  text-transform: capitalize !important;
}
.tt-calendar-container .fc-button-group > button:first-child {
  border-radius: 6px 0 0 6px;
}
.tt-calendar-container .fc-button-group > button:last-child {
  border-radius: 0px 6px 6px 0px;
}
.tt-calendar-container .fc-button-group > button:not(.fc-button-active) {
  background-color: #f7f7fc;
  color: #0c274a;
  border: 1px solid rgba(12, 39, 74, 0.2);
}
.tt-calendar-container .fc-button-group > button:hover {
  background-color: #0c274a !important;
  color: #f7f7fc;
}
.tt-calendar-container .fc-daygrid-event-harness {
  background-color: #ecf2f8;
  padding: 3px;
  margin: 5px;
  border-radius: 4px;
}
.tt-calendar-container .fc-daygrid-event-harness .tt-calendar > b {
  color: #0c274a;
  font-weight: 600;
  font-size: 13px;
}
.tt-calendar-container .fc-daygrid-event-harness:hover {
  background-color: #b9dbfe;
}
.tt-calendar-container .fc-timegrid-event-harness {
  background-color: #ecf2f8;
  padding: 8px;
  margin: 5px;
  border-radius: 4px;
}
.tt-calendar-container .fc-timegrid-event-harness .tt-calendar > b {
  color: #0c274a;
  font-weight: 600;
  font-size: 13px;
}
.tt-calendar-container .fc-timegrid-event-harness:hover {
  background-color: #b9dbfe;
}
.tt-calendar-container .fc-timegrid-slot-label-cushion, .tt-calendar-container .fc-timegrid-axis-cushion {
  color: #0c274a;
  font-size: 14px;
  font-weight: 600;
}
.tt-calendar-container .fc-timegrid-axis-cushion {
  text-transform: capitalize;
}
.tt-calendar-container .fc-event-main {
  background-color: #ecf2f8;
  color: #0c274a !important;
  padding: 2px !important;
  border-radius: 2px;
  font-weight: 600;
}
.tt-calendar-container .fc-event-main:hover {
  background-color: #b9dbfe;
}
.tt-calendar-container .fc-daygrid-event:hover {
  background-color: #b9dbfe !important;
}
.tt-calendar-container .fc-daygrid-more-link {
  color: #0c274a;
  font-size: 12px;
  font-weight: 600px;
  margin: 5px;
}
.tt-calendar-container .fc-daygrid-day, .tt-calendar-container .fc-scrollgrid, .tt-calendar-container .tt-cal-header {
  border: 1px solid #e2ecf4 !important;
}
.tt-calendar-container .fc-daygrid-day-frame {
  height: 120px !important;
}
.tt-calendar-container .fc-header-toolbar {
  flex-wrap: wrap !important;
  gap: 20px;
}
@media (max-width: 480px) {
  .tt-calendar-container {
    padding: 0px;
  }
}
.tt-calendar-container .fc-view-harness {
  max-width: 100%;
  overflow-x: auto;
}
.tt-calendar-container .fc-view-harness table {
  min-width: 800px;
}
.tt-calendar-container .tt-text-capitalize {
  text-transform: capitalize;
}
.tt-calendar-container .tt-modal-meetings {
  min-width: 400px;
  display: flex;
  justify-content: space-between;
}
.tt-calendar-container .tt-calendar-modal .ant-modal-header {
  background-color: #e2ecf4;
}
.tt-calendar-container .tt-calendar-modal .ant-popover-arrow {
  display: none;
}
.tt-calendar-container .tt-modal-meeting-header {
  font-size: 16px;
  font-weight: 600;
  background-color: #0c274a;
  color: #ffffff !important;
  border-radius: 5px;
}
.tt-calendar-container .tt-pointer {
  cursor: pointer;
}
.tt-calendar-container .tt-calendar-booking-delete {
  z-index: 11000 !important;
}
.tt-calendar-container .tt-select-with-icon .ant-select-item-option-content {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.tt-calendar-container .tt-calendar-toolbar-title {
  font-size: 1.5em;
  margin: 0px;
  color: #0c274a;
}
.tt-calendar-container .tt-align-center-justify-between {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: end;
}
@media (min-width: 576px) and (max-width: 1200px) {
  .tt-calendar-container .tt-align-center-justify-between {
    justify-content: start;
  }
}
.tt-calendar-container .timetics-input {
  height: 37px;
  border-radius: 8px;
  border: 1px solid #e2ecf4;
}
.tt-calendar-container .timetics-input .ant-input:placeholder-shown {
  font-size: 14px;
}
.tt-calendar-container .tt-submenu-action-select {
  min-width: 120px;
  border: none !important;
}
@media (max-width: 400px) {
  .tt-calendar-container .tt-submenu-action-select {
    min-width: 90px;
  }
}
.tt-calendar-container .tt-prev-button, .tt-calendar-container .tt-next-button {
  border-radius: 50% !important;
  height: 32px !important;
  width: 32px !important;
  position: relative;
}
.tt-calendar-container .tt-prev-button:hover, .tt-calendar-container .tt-next-button:hover {
  background-color: #0c274a !important;
  border-color: #e2ecf4 !important;
}
.tt-calendar-container .tt-today-btn {
  background-color: #f7f7fc !important;
  padding: 17px 12px !important;
  font-size: 14px !important;
  color: #0c274a !important;
  font-weight: 600 !important;
}
.tt-calendar-container .tt-today-btn:hover {
  background-color: #0c274a !important;
  border-color: #e2ecf4 !important;
  color: #e2ecf4 !important;
}
.tt-calendar-container .tt-min-width-200 {
  min-width: 200px;
}
@media screen and (max-width: 768px) {
  .tt-calendar-container .tt-sm-mb-10 {
    margin-bottom: 10px;
  }
}
.tt-calendar-container .tt-calendar-header-action {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .tt-calendar-container .tt-calendar-header-action {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.tt-calendar-container .tt-calendar-header-action .tt-cal-view-action {
  display: flex;
  gap: 15px;
}
.tt-calendar-container .tt-calendar-header-action .tt-cal-view-action .tt-today-btn {
  margin-left: 10px;
}

.tt-calendar-drawer .ant-drawer-title {
  font-size: 22px;
}
.tt-calendar-drawer .ant-drawer-header {
  padding: 30px 24px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .tt-calendar-drawer .ant-drawer-content-wrapper {
    width: 500px !important;
  }
}

.tt-calendar-popover-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.tt-calendar-popover-title-container .tt-popover-title-button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.tt-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;
}

.tt-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;
}

.tt-popover-content-label {
  color: #0c274a;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 5px 0px;
}

.tt-popover-content-value {
  color: #0c274a;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.tt-popover-icon-and-value-container {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}
.tt-popover-icon-and-value-container .ant-select-selection-item {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.tt-popover-menu {
  padding: 10px;
}
.tt-popover-menu .ant-dropdown-menu-title-content {
  font-weight: 600 !important;
  font-size: 14px;
}

.tt-popover-section-divider {
  width: 98%;
  border-color: #e2ecf4;
  margin: 15px 0px;
}

.tt-calendar-modal .tt-cal-modal-popover {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.tt-calendar-modal .tt-cal-modal-popover.ant-popover-open {
  color: var(--tt-primary-color);
  opacity: 0.8;
}
.tt-calendar-modal .tt-modal-meetings .ant-popover-arrow {
  display: none;
}
.tt-calendar-modal .tt-modal-meetings .ant-popover-inner {
  margin: 12px;
  min-width: 320px;
}