/* ================================================
   INLINE INVOICE DISCOUNTS - Custom Styles
   ================================================ */

/* Discount column styling */
.bill_col_discount {
    min-width: 150px;
}

.bill_col_discount .input-group-append {
    width: 60px;
}

.bill_col_discount .js_item_discount_type {
    font-size: 12px;
    padding: 0.25rem;
}

/* Hide discount column when needed */
.bill_col_discount.hidden {
    display: none !important;
}

/* Disabled button styling */
button.disabled,
a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Timer comments column styling; added by COSCRM team, not part of the original CRM */
.th_timer_comments, .td_timer_comments {
    max-width: 300px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Utility classes; added by COSCRM team; not part of the original CRM
   Must beat theme rule: form label { font-weight: 400; } */
.fw-500,
form label.fw-500 {
    font-weight: 500;
}
.fz-18{
    font-size: 18px;
}
.b-0{
    border: 0;
}

/* Monthly Timesheets CSS start. */
.employee-table td {
    border: none;
    padding: 10px;
}

.employee-list-table td {
    padding: 12px;
}

/* ===== Legend ===== */
.status-legend-box {
    text-align: center;
    overflow: hidden;
    cursor: default;
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 4px;
    min-width: 38px;
}

.status-legend {
    background: #d9d9d9;
}

/* ===== Cell styles ===== */
.status-cell {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .2s ease;
}

.status-cell:hover {
    background: #eef6ff;
}

/* Weekend - Green */
.status-weekend, .status-legend-weekend {
    background: #c5e7c5;
}

.status-weekend:hover {
    background: #cdeecd;
}

/* National Holiday - Light Blue */
.status-holiday, .status-legend-holiday {
    background: #b9d1eb;
}

.status-holiday:hover {
    background: #c9e1ff;
}

/* Invalid days (e.g. Feb 30, Apr 31) */
.status-invalid {
    background: #f5f5f5;
    cursor: default;
}

/* Manual adjustment exists */
.status-manual {
    font-weight: 600;
}

.status-dropdown {
    width: 90%;
    padding: 5px !important;
}

.manual-hours-value {
    font-weight: 600;
}

.logged-hours-value {
    color: #777;
    font-size: 11px;
}
.status-readonly {
    cursor: default !important;
}

.status-readonly:hover {
    background: inherit;
}
/* Monthly Timesheets CSS end. */