.table td {
    text-align: center;
}
.table th {
    padding: 1.125rem .2rem;
    text-align: center;
}
.tableFixHead {
    overflow: auto;
    max-height: 560px;
    min-height: 0px
}

/* Table Sizing */
#work-order-table-wrapper {
    max-height: 625px;
}
#prev-alert-events-table-wrapper {
    max-height: 585px;
}
#curr-alert-events-table-wrapper {
    max-height: 585px;
}
#flush-volume-card {
    height: 725px;
}
#time-range-tool-graph-card {
    min-height: 580px;
}
#alert-col .tableFixHead {
    max-height: 480px;
    min-height: 0px
}

#priority-col .tableFixHead {
    max-height: 300px;
    min-height: 0px
}
.tableFixHead thead th {
    position: sticky; top: 0; z-index: 1; background-color: white;
}

.pb-3 {
    padding-top: 1rem;
}

/* Header Stats */
.total-cost-val {
    background-color: #751111;
}

.page-header {
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
}

.stat-col {
    padding: 0 0 0 1.5rem;
}


/* Range Tool */

.total-unintentional-cost-card {
    background-color: #F90716;
    padding: 1em;
    text-align:center;
    border-radius: 0 0 15px 15px;
}

.total-unintentional-usage-card {
    background-color: #F90716;
    padding: 1em;
    text-align:center;
    border-radius: 15px 15px 0 0;
    
}

.total-intentional-usage-card {
    color: white;
    background-color: #279c13;
    padding: 1em;
    text-align:center;
    border-radius: 15px 15px 0 0;
}

.total-flush-count-card {
    color: white;
    background-color: #279c13;
    padding: 1em;
    text-align:center;
    border-radius: 0 0 15px 15px;
}

.total-priority-water-loss-card {
    background-color: #f5b342;
    padding: 1em;
    text-align:center;
    border-radius: 15px 15px 15px 15px;
}
.total-leak-water-loss-card {
    background-color: #28527a;
    padding: 1em;
    text-align:center;
    border-radius: 15px 15px 15px 15px;
}

@media (max-width: 1300px) {
    .total-unintentional-cost-card, .total-intentional-usage-card, .total-priority-water-loss-card, .total-leak-water-loss-card {
        border-radius: 0;
    }
}

/* Navbar */
@media (max-width: 1000px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .dropdown-bordered.dropdown-toggle::after {
        display: None;
    }
    #property-text {
        line-height: 7px;
    }
    .welcome-text {
        line-height: 0px !important;
    }
}

/* Flush Volume Efficiency */
@media (max-width: 581px) {
    #total-annualized-cost-value, #total-annualized-waste-value, #total-toilets-value {
        font-size: 1.2rem;
    }
}

#time-range-chart {
    max-height: 1800px;
    /* min-height: 1800px; */
}

#range-chart-one {
    max-height:500px;
    /* min-height: 1800px; */
}

/* flash messages */
.alert {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.alert-success {
    background-color: #e8f5e9;
    border-left: 4px solid #43a047;
    color: #2e7d32;
}

.alert-success .alert-close-icon {
    color: #2e7d32;
}

/* Optional hover effect for close button */
.alert-close-icon {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.alert-close-icon:hover {
    opacity: 1;
    text-decoration: none;
}