/* Customize the tooltip to have btn-outline-info like background and border */
.checkoutOverlay {
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.7);
  color: #666f76;
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.tooltip-inner {
  background-color: #ffff !important;
  border: 1px solid black !important; /* Bootstrap's info color */
  color: black !important; /* Info text color */
  padding: 3px 6px; /* Optional: Add padding for better appearance */
  font-size: 12px; /* Optional: Adjust font size */
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: black !important;
}
.tooltip.bs-tooltip-left .arrow:before {
  border-right-color: black !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-right-color: black !important;
}
.tooltip.bs-tooltip-top .arrow:before {
  border-right-color: black !important;
}

 /* Remove the inner and outer spin buttons on number inputs */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;  /* Remove the spinner buttons */
    margin: 0; /* Reset the margin */
}

/* Hide the time axis for all but the first calendar */
.calendar:not(:first-child) .fc-timegrid-slot-label {
  display: none;
}

.btn-primary {
  background-color: #122682 !important; 
}

.btn-primary:hover {
  background-color: #0d1d62 !important; 
}

.pickle8color, .input-group-text {
  background-color: #122682;
  color: #caff01;
}

.pickle8border {
  border-color: #122682;
}

.pickle8bg {
  background-color: #122682;
}

.form-control, .select2-selection {
   border-color: #122682 !important;
}