/* 
6/6/25 
========================================
buttons-floating; 
========================================
*/
/*  scroll-button */
.scroll-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
}
/* file-upload-remove-file-btn */
.btn-danger.file-upload-remove-file-btn {
  max-width: 140px; /* Adjust this value to your needs */
  margin: auto;
}
/* transition effects */
.transition, form button, form .question label, form .question input { -moz-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5); -o-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5); -webkit-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5); transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5); }
* { font-family: Helvetica, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; }
/* * fade-effects */
.fade-background {
  transition: background-color 0.5s ease; /* Adjust time for fade duration */
}
.fade-out {
  transition: opacity 0.8s ease-out;
  opacity: 0;
}
/* 
========================================
end of buttons-floating;
========================================
*/


/* 
========================================
date-range-buttons
========================================
*/
.date-range-buttons {
  width: 40%; 
  min-width: var(--btn-min-width);
  height: var(--btn-height);
  --btn-gap: 10px;
  display: inline-flex; /* Changed to inline-flex for better behavior */
  align-items:start;
  justify-content:start;
  gap: var(--btn-gap);
  margin-right: 5px; /* Add spacing between buttons */
  margin-left: auto;
}
/* Remove padding from Bootstrap columns */
.date-range-buttons .col-auto {
  padding: 0;

}
/* Base button styles */
.date-range-btn {
  min-width: var(--btn-min-width);
  height: var(--btn-height);
  padding: 10px 15px;
  margin-right: 5px; 
  font-size: 1rem;
  display: inline-flex; /* Changed to inline-flex for better behavior */
  align-items: center;
  justify-content:start;
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden;
}
/* 
========================================
end of date-range-buttons
========================================
*/


/* 
========================================
bid-buttons
========================================
*/
/* responsive adjustments */
@media (max-width: 600px) {
  .btn-group .btn {
      width: 100%; /* Full width on small screens */
      margin-bottom: 5px; /* Space between buttons on small screens */
      margin-top: 5px; /* Space between buttons on small screens */
      padding: 10px 15px;
  }
}
/* style for the buttons container */
.button-container {
  width: 100%;
  margin-top: 10px; /* Space above the button */
}
.button-group-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: auto; /* Push buttons to the right */
}
.btn-group .btn {
  width: 100%;
  white-space: nowrap; /* Prevents text from wrapping */
  text-overflow: ellipsis; /* Adds an ellipsis (...) if the text is too long */
  overflow: hidden; /* Ensures that overflowed content is hidden */
  padding: 10px 15px; /* Adjust padding for better spacing */
}
button.btn {
  width: 100%;
  text-align: center;
  padding: 10px 15px;
}
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-light,
.btn-outline-dark,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-success,
.btn-outline-light.btn-lg {
  white-space: nowrap; /* Prevents text from wrapping */
  text-overflow: ellipsis; /* Adds an ellipsis (...) if the text is too long */
  overflow: hidden; /* Ensures that overflowed content is hidden */
  padding: 10px 15px; /* Adjust padding for better spacing */
  margin-right: 2px; 
  max-width: 20%; /* Ensure button width is flexible */
  min-width: 240px;
}
.btn-outline-primary{
  background-color:rgb(4, 51, 84);
  color: rgb(130, 198, 231);
}
.btn-outline-info{
  background-color:rgb(0, 90, 146);
  color: rgb(125, 212, 255);
}
.btn-outline-warning{
  background-color:rgb(168, 140, 0);
  color: rgb(249, 255, 160);
}
.btn-outline-danger{
  background-color:rgba(87, 42, 42, 0.865);
  color: rgb(255, 158, 158);
}
.btn-outline-success{
  background-color:rgba(4, 97, 10, 0.865);
  color: rgb(96, 236, 159);
}
.btn-outline-secondary{
  background-color:rgba(100, 103, 100, 0.865);
  color: rgb(218, 222, 220);
}
.confirm-button {
  width: 20%; /* Ensure the button takes the full width of the container */
  padding: 10px 15px;
  user-select: none; /* Prevent text selection */
  pointer-events: auto; /* Allow clicking but prevent other pointer events */
  white-space: nowrap; /* Prevent text wrapping */
  overflow: hidden; /* Hide any overflowing text */
  text-overflow: ellipsis; /* Show ellipsis (...) if text overflows */
}
.confirm-button::selection {
  background: none; /* Remove text selection background */
}
.confirm-button:focus {
  outline: none; /* Remove focus outline */
}
.confirm-button:before, 
.confirm-button:after {
  content: none !important; /* Prevent pseudo-elements from being created */
}
/* 
========================================
end of bid-buttons
========================================
*/