/* livewire */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Dark semi-transparent background */
    z-index: 9999; /* Just below the spinner */
}

.spinner {
    border: 8px solid #f3f3f3; /* Light gray */
    border-top: 8px solid #0D78CF; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: fixed; /* Keeps it in a fixed position */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for size */
    z-index: 10000; /* Ensure it's above other content */
}

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


/* modify select options */
.choices__inner{
    padding: auto auto   !important;
    min-height: 30px !important;
    margin-top: 1px !important;
 
}
.choices .choices__inner{
    line-height: 10px !important;
    font-size: 13px !important;
    padding-right: 30px !important;

   /*  color: black; */
}

/* notification position  */
/* .notification_position{
    position: fixed;
    bottom: 10px !important;
    left: 10px;
} */

small{
    font-size: 9px !important;
}



/* table font size */
.table {
    font-size: 13px !important; /* Adjust the font size as needed */
}

.table th, .table td {
    font-size: 14px !important; /* Adjust the font size for table headers and cells */
}

.table th{
    font-size: 14px !important; /* Adjust the font size for table headers and cells */
    font-weight: bold;
}

.plus-button-custom{
    margin-top: 25px !important;
}



/* online indecator */
.status-icon {
    position: relative;
    display: inline-block; /* Allows us to position the green circle */
  }

  .status-icon img {
    width: 50px; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
  }

  .online-indicator {
    position: absolute;
    bottom: 4px;
    left: 8px;
    width: 12px; /* Adjust size as needed */
    height: 12px; /* Adjust size as needed */
    background-color: lime; /* Or #00FF00 for a more vibrant green */
    border-radius: 50%; /* Make it a circle */
  }



  /* partial payment */
.partial_paymeny_paid_container {
    height: 60vh;
}
@media (max-width: 767px) {
    .partial_paymeny_paid_container {
        height: auto;
    }
}