/* Override the Bootstrap Navbar background color */
.navbar {
    background-color: white !important;  /* Change navbar background color */
    border-color: white !important;      /* Remove or change navbar border color */
    height: 80px;  /* Adjust the height of the navbar */
    display: flex;  /* Use flexbox for vertical alignment */
    align-items: center;  /* Vertically center content */
}

/* Adjust navbar link padding and alignment to fit the new height */
.nav-link {
    color: white !important;  /* Change the text color */
    padding-top: 0;  /* Adjust padding */
    padding-bottom: 0;  /* Adjust padding */
    height: 100%;  /* Make the links take up the full height */
    display: flex;
    align-items: center;  /* Vertically center the links */
}

/* Optional: Change the background and text color of the active link */
.nav-link.active {
    background-color: white !important;
    color: black !important;
}

.group_label_width {
    flex: 0 0 200px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 10px;  /* Add space between label and input */
}

.group_label_width_2 {
    flex: 0 0 140px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 10px;  /* Add space between label and input */
}

.group_label_width_3 {
    flex: 0 0 260px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 10px;  /* Add space between label and input */
}

.group_label_width_160px {
    flex: 0 0 160px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 10px;  /* Add space between label and input */
}

.group_label_width_170px {
    flex: 0 0 160px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 5px;  /* Add space between label and input */
}



.group_label_width_190px {
    flex: 0 0 190px;  /* Adjust label width */
    background-color: #FFFFFF;
    border-style: none;
    text-align: right;
    padding-right: 10px;  /* Add space between label and input */
}

.group_input_width input {
    min-width: 500px;  /* Ensure a minimum width of 200px */
    width: 500px;  /* Allow input to grow and take available space */
    max-width: 500px;  /* Set a maximum width of 500px for larger screens */
    text-align: center;  /* Center-align the text inside the input */
    flex-grow: 1;  /* Allow input to grow based on available space */
}

.group_label_auto_inputs_color {
    flex: 0 0 150px;
    background-color: #FFFFFF;
    text-align: right;
}

.input-group {
    display: flex;
    align-items: center;  /* Vertically align labels and inputs */
    justify-content: flex-start;  /* Keep content left-aligned */
    margin-bottom: 10px;  /* Add margin between input groups */
}


.dash-card {
    padding: 0px;              /* Ensure padding inside the card */
    border-radius: 10px;        /* Adjust card border radius if needed */
    overflow: hidden;           /* Prevent overflow of content */
}

.button-glow {
    border: 2px solid #b3eaf6;  /* Two shades darker glacier blue border */
    box-shadow: 0 0 2px #00008B, 0 0 2px #72A0C1;  /* One shade darker glacier blue glow */
}

.btn-secondary {
    background-color: #6c757d;
    color: white;
}

.btn-light {
    background-color: #f8f9fa;
    color: black;
}