/* Navbar customizations */
.custom-navbar {
  background-color: #4a90e2 !important; /* New specified blue */
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  border: none;
  box-shadow: none;
  margin-top: -8px; /* Remove space between navbar and Chrome UI */
  margin-bottom: 0;
}

/* Remove weird light line above */
.custom-navbar::before {
  display: none;
}

/* Navbar brand and nav link font size and color */
.navbar-brand, .nav-link, .dropdown-toggle {
  font-size: 1rem;
  color: white !important;
}

/* Button spacing in navbar to clearly define boundaries */
.navbar .btn-secondary {
  margin-left: 0.5rem;
}

/* Title text to match button color and uniform font */
.custom-title-color {
  color: #4a90e2 !important;
  font-weight: 700;
  font-size: 24px;
}

/* Left label alignment */
.label-left-align {
  text-align: left;
}

/* Bold text for specific labels */
.bold-text {
  font-weight: bold;
}

/* Checkbox label styling */
.bold-checkbox {
  font-weight: bold;
  cursor: pointer;
  width: auto !important;
  padding-left: 0.4rem;
}

/* Hide input borders for plaintext inputs */
.input-plaintext {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}

/* Radio item labels colored black */
.custom-sort-radio-text-black .form-check-label {
  color: black !important;
}

/* Spacing for Quantity label */
.custom-quantity-label-spacing {
  margin-right: 8px;
  margin-bottom: 3px;
}

/* Quote and Show Credits buttons blue consistent */
.custom-blue-button {
  background-color: #4a90e2 !important;
  border-color: #4a90e2 !important;
  color: white !important;
}

/* Close Options button red color as specified */
.custom-close-collar-button {
  background-color: #FFA500 !important; /* darker gray */
  border-color: #FFA500 !important;
  color: rgb(0, 0, 0) !important;
}

/* Shares Sold button red color as specified */
.custom-shares-sold-button {
  background-color: #FFA500 !important; /* darker gray */
  border-color: #FFA500 !important;
  color: rgb(0, 0, 0) !important;
}

/* Button shadows for clearer boundaries */
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

/* Card background and border for form container */
.bg-white {
  background-color: #ffffff !important;
}

.border-light {
  border-color: #dee2e6 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

/* Additional paddings for container */
.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

/* Set width for consistent button size */
#quote-btn, #submit-show-credits-btn, #shares-sold-btn, #submit-btn, #close-collar-btn {
  width: 300px !important;
}

#notification {
  background-color: #ffffff !important;
  color: #333 !important;
  border: none !important;
}

/* === Uniform font for all text === */
body, 
h1, h2, h3, h4, h5, h6, 
p, span, div, td, th, li, a, label, input, select, textarea, button {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}


/* Style the date picker input to match Bootstrap select */
.date-picker-custom {
    width: 100% !important;
}

.date-picker-custom .SingleDatePickerInput {
    width: 100% !important;
    display: block !important;
}

.date-picker-custom .SingleDatePickerInput__withBorder {
    width: 100% !important;
}

.date-picker-custom .DateInput {
    width: 100% !important;
}

.date-picker-custom .DateInput_input {
    width: 100% !important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-family: inherit;
}

.date-picker-custom .DateInput_input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}