.menu-title {
  text-align: center !important;
}
.logo-lg img {
  width: 120px !important;
}
.navbar-menu .navbar-nav .nav-link,
.menu-title {
  color: #ffffffbd;
}
body {
  background-color: var(--vz-body-bg);
}
.page-title-box {
  padding: 10px 1.5rem;
  background-color: unset;
  box-shadow: unset;
  border-bottom: 0;
  margin: -7px -1.4rem 1rem -21px;
}
button,
th,
.paginate_button a,
label {
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'primary-font' !important; */
}
.app-search .form-control,
div.dataTables_wrapper div.dataTables_filter input,
.form-select,
.dashboard_search {
  background-color: #e2e4d3b2;
}
.page-title-box h4 {
  font-weight: 700;
  font-size: 20px !important;
  text-transform: uppercase;
  color: var(--vz-primary);
}
[data-layout='twocolumn'] .menu-title {
  display: block !important;
}
p,
a,
input,
select,
textarea,
td {
}
/* .app-kanban .ps__thumb-y{
   display: none !important;
} */

.navbar-menu {
  background: var(--vz-primary) !important;
}

[data-layout='twocolumn'] .twocolumn-iconview {
  background: var(--vz-primary) !important;
}

input[readonly] {
  background-color: #f0f0f0;
}

input[readonly]:focus {
  background-color: #f0f0f0;
}

textarea[readonly] {
  background-color: #f0f0f0;
}

textarea[readonly]:focus {
  background-color: #f0f0f0;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

select[readonly] {
  pointer-events: none;
  touch-action: none;
  background: #eee;
  box-shadow: none;
}

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
input.dt-button:focus:not(.disabled) {
  border: unset !important;
  text-shadow: unset !important;
  outline: none;
  background-color: unset !important;
  filter: unset !important;
}

.dt-button {
  --vz-btn-padding-x: 0.9rem !important;
  --vz-btn-padding-y: 0.5rem !important;
  --vz-btn-font-size: 0.8125rem !important;
  --vz-btn-font-weight: 400 !important;
  --vz-btn-line-height: 1.5 !important;
  --vz-btn-color: var(--vz-body-color) !important;
  --vz-btn-bg: transparent !important;
  --vz-btn-border-width: var(--vz-border-width) !important;
  --vz-btn-border-color: transparent !important;
  --vz-btn-border-radius: var(--vz-border-radius) !important;
  --vz-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  --vz-btn-disabled-opacity: 0.65 !important;
  --vz-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--vz-btn-focus-shadow-rgb), 0.5) !important;
  display: inline-block !important;
  padding: var(--vz-btn-padding-y) var(--vz-btn-padding-x) !important;
  font-family: var(--vz-btn-font-family) !important;
  font-size: var(--vz-btn-font-size) !important;
  font-weight: var(--vz-btn-font-weight) !important;
  line-height: var(--vz-btn-line-height) !important;
  color: var(--vz-btn-color) !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  border: var(--vz-btn-border-width) solid var(--vz-btn-border-color) !important;
  border-radius: var(--vz-btn-border-radius) !important;
  background-color: var(--vz-btn-bg) !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out !important;
}

.btn-label-secondary,
.btn-secondary {
  background-color: #f2ece5 !important;
  margin-bottom: 0.5rem !important;
  text-transform: uppercase !important;
  color: var(--vz-primary) !important;
}

#selectProjectFilter .position-relative {
  width: 240.781px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  top: unset;
  left: unset;
  position: unset;
  padding: unset;
  margin-left: unset;
}

#ExportForm .position-relative {
  width: 100% !important;
}

#status {
  width: 15px;
  height: 15px;
  position: unset;
  left: 50%;
  top: 50%;
  margin: unset;
}

.btn-primary {
  background-color: var(--vz-primary) !important;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: white !important;
}

form .btn-success {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: white !important;
}

.auth-pass-inputgroup {
  width: 100% !important;
}

.dt-buttons.btn-group button {
  border-radius: 4px !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link,
[data-layout='twocolumn'] .twocolumn-iconview .nav-icon {
  color: #f2ece57a;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: #d0b3a0 !important;
  font-weight: 700;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
  background-color: #d0b3a0 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
  content: '';
  background-color: #f2ece594 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px !important;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  vertical-align: top;
}

.dataTables_scrollHeadInner .text-header-small {
  font-size: 10px !important;
  text-align: center !important;
  width: 100%;
  display: block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single,
.select2.select2-container:not(:has(.select2-selection--multiple)),
.select2-hidden-accessible {
  height: 37px !important;
  line-height: 35px;
  /* color: #878a99 !important; */
  background: none !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--vz-primary);
  color: white;
}

.select2-container--default .select2-results__option[aria-selected='true']:hover {
  background-color: var(--vz-primary) !important;
}

#back-to-top {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

.select2-container--default .select2-results__option[aria-selected='true']:hover {
  background-color: var(--vz-primary);
}

.customizer-setting .rounded-pill {
  background-color: #d0b3a0;
  border-color: #d0b3a0;
}

.navbar-header .btn-topbar:hover,
.navbar-header .btn-topbar:focus,
.navbar-header .btn-topbar:active,
.navbar-header .btn-topbar.active {
  background-color: #f2ece5;
}

.page-link:hover {
  background-color: #f2ece5;
  border-color: #f2ece5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 46% !important;
  width: auto !important;
  height: fit-content !important;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 5px 6px 3px !important;
}

/* #selectProjectFilter span {
    width: 168.781px !important;
    margin-left: 1rem;
} */
.bootstrap-select .dropdown-toggle:after {
  transform: rotate(0deg) translateY(-50%) !important;
}

.nav-tabs-custom .nav-link {
  color: rgba(var(--vz-primary-rgb), .5);
}

.nav-tabs-custom .nav-item .nav-link.active {
  color: var(--vz-primary);
}

.nav-success.nav-tabs-custom .nav-link.active:after {
  background-color: var(--vz-primary);
}

.form-control-sm {
  padding: 0.5rem 0.9rem;
}

.dataTables_empty {
  padding: 0.7rem !important;
}

.dropdown-item.active,
.dropdown-item:active,
.bootstrap-select.show-tick .dropdown-menu .selected {
  background-color: var(--vz-primary) !important;
  color: white;
  margin: 6px;
  border-radius: 5px;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*='col-']) {
  width: 100%;
  border: 1px solid #ced4da !important;
}

.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
  /* border: 1px solid #ced4da !important; */
  /* border-radius: 5px !important; */
}

#selectProjectExport .bootstrap-select .dropdown-menu {
  margin-left: -1px !important;
}

.dashboard_search {
  height: 38px;
}
.flatpickr-months .flatpickr-month {
  color: white !important;
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  height: 45px;
  align-items: center;
  display: flex;
}

.flatpickr-day.selected {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  fill: #ffffff !important;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #ffffff !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #ffffff !important;
}
/*
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 13px !important;
  height: auto !important;
  margin-bottom: -4px !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 28px !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 38px !important;
} */

.timeline-item:after {
  content: '';
  background: rgb(238, 232, 232);
}
.card-shadow-none {
  box-shadow: unset;
}

.fc-toolbar-chunk .fc-button-group .fc-button {
  color: #878aa2 !important;
  background-color: #ebece0 !important;
}
.fc-toolbar-chunk .fc-button-group .fc-button:hover,
.fc-toolbar-chunk .fc-button-group .fc-button.active {
  color: #fff !important;
  background-color: var(--vz-primary) !important;
}
.fc-toolbar-chunk .fc-today-button {
  background-color: var(--vz-primary) !important;
  border: var(--vz-primary) !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  background-color: var(--vz-primary) !important;
  border-color: var(--vz-primary) !important;
  color: #fff !important;
}
.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-dot {
  border-color: var(--vz-primary) !important;
}
/* .bg-secondary-subtle {
    background-color: var(--vz-body-bg);
} */
/* .fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-title, .fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-main, .fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle .fc-event-title, .fc-list-table .fc-list-event.bg-secondary-subtle{
    color: var(--vz-primary) !important;
} */
.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-title > a {
  color: var(--vz-primary) !important;
}
.fc .fc-col-header-cell {
  background-color: var(--vz-body-bg);
}
.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
  background-color: var(--vz-body-bg);
}

.bg-info-subtle {
  background-color: #ebece0 !important;
}
@media (max-width: 767px) {
  .customLoader {
    width: 100% !important;
    height: auto !important;
  }
}

/* ---- Darker theme (Merchant Core POS) ---- */
:root,
[data-bs-theme='light'],
[data-bs-theme='dark'] {
  --vz-primary: #2c3a6b;
  --vz-primary-rgb: 44, 58, 107;
  --vz-link-color: #2c3a6b;
  --vz-link-color-rgb: 44, 58, 107;
  --vz-link-hover-color: #222d54;
  --vz-link-hover-color-rgb: 34, 45, 84;
}
[data-bs-theme='dark'] {
  --vz-primary: #4a5d9e;
  --vz-primary-rgb: 74, 93, 158;
  --vz-link-color: #aab4d8;
  --vz-link-hover-color: #c4cbe6;
  --vz-body-bg: #0f1114;
  --vz-body-bg-rgb: 15, 17, 20;
  --vz-secondary-bg: #16191d;
  --vz-secondary-bg-rgb: 22, 25, 29;
  --vz-tertiary-bg: #1c2024;
  --vz-tertiary-bg-rgb: 28, 32, 36;
  --vz-border-color: #23272c;
  --vz-card-bg: #16191d;
  --vz-card-bg-custom: #16191d;
  --vz-header-bg: #13161a;
  --vz-header-border: #13161a;
  --vz-header-item-bg: #1c2024;
  --vz-topbar-user-bg: #1c2024;
  --vz-footer-bg: #13161a;
  --vz-input-bg-custom: #13161a;
  --vz-input-border-custom: #23272c;
}
[data-sidebar='dark'] {
  --vz-vertical-menu-bg: #131a30;
  --vz-vertical-menu-border: #131a30;
  --vz-twocolumn-menu-iconview-bg: #172040;
}
[data-bs-theme='dark'] [data-sidebar='dark'],
[data-bs-theme='dark'][data-sidebar='dark'] {
  --vz-vertical-menu-bg: #0b0d10;
  --vz-vertical-menu-border: #0b0d10;
}
[data-topbar='dark'] {
  --vz-header-bg: #131a30;
  --vz-header-border: #131a30;
}
.btn-primary {
  --vz-btn-bg: #2c3a6b;
  --vz-btn-border-color: #2c3a6b;
  --vz-btn-hover-bg: #253159;
  --vz-btn-hover-border-color: #222d54;
  --vz-btn-active-bg: #222d54;
  --vz-btn-active-border-color: #1f294d;
}
[data-bs-theme='dark'] .btn-primary {
  --vz-btn-bg: #3a4a85;
  --vz-btn-border-color: #3a4a85;
}