.spacer {
    flex-grow: 1;
}

/* Make body and html 100% height to allow flex layout */
body, html {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.navbar-dark .form-control.dark-input {
    background-color: #212529; /* Darker background for navbar */
    color: #f8f9fa; /* Light text */
    border-color: #6c757d;
    padding: 0.375rem 0.75rem; /* Adjust padding for navbar height */
    border-radius: 0.25rem;
}

.navbar-dark .form-control.dark-input::placeholder {
    color: #adb5bd; /* Lighter placeholder text color */
    opacity: 1; /* Ensures opacity does not affect color */
}

.navbar-dark .form-control.dark-input:focus {
    background-color: #343a40; /* Slightly lighter background on focus */
    color: #f8f9fa;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); /* Soft focus glow */
}

#welcome-section {
    border-bottom: solid #dee2e6 1px;
}

html, body {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.custom-centered-nav-link {
    text-align: center;
    align-content: center;
}