/* Custom CSS for theme */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

:root {
    --bs-primary: #053F74;
    /* Change this to your desired primary color */
    --bs-primary-rgb: 5, 63, 116;
    /* Change this to your desired primary color */
    /* --bs-secondary: #6c757d; Change this to your desired secondary color */
    /* --bs-success: #28a745; Change this to your desired success color */
    /* --bs-danger: #dc3545; Change this to your desired danger color */
    /* --bs-warning: #ffc107; Change this to your desired warning color */
    /* --bs-info: #17a2b8; Change this to your desired info color */
    /* --bs-light: #f8f9fa; Change this to your desired light color */
    /* --bs-dark: #343a40; Change this to your desired dark color */
}

body,
.nav-link,
h1,
h2,
h3,
.button {
    font-family: 'Lato', sans-serif;
}

/* Additional styling for navbar and buttons if necessary */
.header,
.navbar {
    /* color: #ffffff; */
}

.button {
    background-color: #ffd201;
    /* Yellow */
    color: #053F74;
    /* Dark blue */
}

.logo {
    height: 50px;
    /* Adjust based on actual logo size */
}

.nav-link {
    padding-left: 15px;
    /* Increase left padding for each nav item */
    padding-right: 15px;
}

.logo img {
    margin-right: 10px;
    /* Adds some margin to the right of the logo for spacing */
}

.nav-link:hover {
    text-decoration: underline;
}

.content {
    background-color: #f4f4f4;
    /* Light background for the content area */
}

.card {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 15px;
}

/* Ensure the dropdown menu is not clipped */
.navbar .dropdown-menu {
    position: absolute !important;
    /* Prevent clipping */
    overflow: visible !important;
    max-height: none !important;
    /* Ensure no height restriction */
    transform: none !important;
}

/* Allow parent containers to overflow */
.navbar {
    overflow: visible !important;
    /* Prevent clipping by the navbar container */
}

.Select-control {
    height: 47px;
}

.Select--single>.Select-control .Select-value {
    line-height: 47px;
    font-size: 19px;
}

.small-date-picker input {
    font-size: 12px !important;
}

.DateInput_input {
    font-size: 12px !important;
    padding: 4px 8px !important;
    height: auto !important;
}

/* Date Picker Styles */
.DateInput,
.DateInput_1 {
    width: 90px !important;
    /* Make inputs narrower */
}

.DateInput_input,
.DateInput_input_1 {
    font-size: 12px !important;
    padding: 2px 4px !important;
    line-height: 16px !important;
    /* Reduce line height */
    height: auto !important;
}

.DateRangePickerInput {
    font-size: 12px !important;
    display: flex !important;
    /* Use flexbox for single line */
    align-items: center !important;
}

.DateRangePickerInput_arrow {
    padding: 0 4px !important;
    /* Reduce arrow padding */
}

table {
    width: auto;
}

/* wrangle all of the zindexes of the sticky headers and modals to cooperate -mf */

.sticky-top {
    z-index: 290;
}

.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner.dash-freeze-top .cell-0-1 {
    z-index: 280 !important;
}

.bp5-overlay-content {
    z-index: 1050;
}

.navbar .dropdown-menu {
    z-index: 1050 !important;
    /* Ensure it's on top */
}

.ag-header-cell {
    text-align: center;
    /* Center all header text */
}

.wrap-header {
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
    /* Optional: Center-align the text */
    overflow-wrap: break-word;
    /* Ensure proper wrapping for long text */
}

label {
    display: block;
}