.progress-bar {
    background-color: #2ECC71;  /* Emerald green */
}

th {
    text-align: left;
    vertical-align: top;
    position: sticky;
    top: 0;
}

#fines_table, #permits_table {
    font-size: 10px;
    max-height: 160px;
    overflow-y: auto;
  }

#permits_by_number_table {
    max-height: 70vh;
    overflow-y: auto;
  }

#fines_monitoring_car_list {
  max-height: 68vh;
  font-size: 16px;
  overflow-y: auto;
}

.monitored_cars_table {
    font-size: 16px;
  }

th.fixed_width {
    width: 1000px;
  }

th {
    text-align: left;
    vertical-align: top;
    position: sticky;
    top: 0;
}
  
  
.fines_details_table {
    font-size: 14px;
  }

#retry-form, #timed-retry-form  {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* Align buttons to the left */
  gap: 0.5rem; /* Add horizontal and vertical spacing */
}

@media (max-width: 555px) {
    #retry-form, #timed-retry-form {
    flex-direction: column;
    
  }
}

.modal_progress, .permits_progress {
  display:none;
}
.htmx-request .modal_progress, .htmx-request .permits_progress {
  display:inline;
}
.htmx-request.modal_progress, .htmx-request.permits_progress {
  display:inline;
}

.permits_progress{
  display:none;
}
.htmx-request .permits_progress{
  display:inline;
}
.htmx-request.permits_progress {
  display:inline;
}


.sp{
  display:none;
}
/* .htmx-request .sp{
  display:inline;
} */
.htmx-request.sp {
  display:inline;
}


.fines_details {
    display: block;
}

.htmx-request.fines_details {
  display: none;
}


.fines_not_ok_sts{
  display:inline;
}

.htmx-request .fines_not_ok_sts{
  display:none;
} 

.htmx-request.fines_not_ok_sts{
  display:none;
} 

.button-container {
  display: flex;
  align-items: center;  /* Aligns buttons vertically */
}