.customer-search[data-v-6d36cc5e] {
  position: relative;
}
.customer-results[data-v-6d36cc5e] {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  margin: 0;
  width: calc(100% - 2px);
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}
.customer-results li[data-v-6d36cc5e] {
  padding: 8px 12px;
  cursor: pointer;
}
.customer-results li[data-v-6d36cc5e]:hover {
  background-color: #f0f0f0;
}


.v-col > .v-col {
  padding: 0 !important;
}
#pacakgeFeaturesTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#pacakgeFeaturesTable td,
#pacakgeFeaturesTable th {
  border: 1px solid #ccc !important;
  padding: 8px;
}
#pacakgeFeaturesTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: right;
  background-color: #04aa6d;
  color: white;
}
.v-switch--paid {
  background-color: #4caf50; /* Green for Paid */
}
.v-switch--not-paid {
  background-color: #f44336; /* Red for Not Paid */
}
.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it appears above everything */
}
.spinner {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #81c784; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

/* Spin Animation */
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

/* Optionally, disable interaction with the rest of the page while the spinner is active */
.page-content {
  pointer-events: none;
}
.fixed-text {
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #b5f5b9;
  margin-top: 15px;
  z-index: 1001; /* Ensure it's on top of the spinner overlay */
}
#deliveryAddressesTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}
#deliveryAddressesTable td,
#deliveryAddressesTable th {
  border: 1px solid #ccc !important;
  padding: 8px;
}
#deliveryAddressesTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: right;
  background-color: #2196f3;
  color: white;
}
#daysMappingTable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: 15px;
}
#daysMappingTable td,
#daysMappingTable th {
  border: 1px solid #ccc !important;
  padding: 8px;
}
#daysMappingTable th {
  background-color: #04aa6d;
  color: white;
}