/* App-wide overrides go here */

html {
    font-size: 15px;
}

body{
    background-color: #fafafa;
}

.logo-accent{

    color: rgb(153 194 255);
}


.btn-group-xs>.btn, .btn-xs {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
    font-weight: 600;
    line-height: normal;
}

a,
#note_to_self a{
    color: inherit;
    text-underline-offset: 0.25em !important;
    text-decoration-color: rgb(0 0 0 / 0.5);
    text-decoration-style: dotted;
}

.debit {
    --bs-text-opacity: 1;
    /*color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;*/
}


.credit {
    --bs-text-opacity: 1;
    /*color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;*/
    color: rgb(37 175 111 / 100%);
    font-weight: 600;
}

.tabulator {
    font-size: 15px;

}

#transactionsGrid.tabulator,
#estimatesGrid.tabulator,
#invoicesGrid.tabulator,
#clientsGrid.tabulator{
    
    border: 1px solid #dadada;
    border-radius: var(--bs-border-radius);
    padding-bottom: 100px;
}

#transactionsGrid.tabulator .tabulator-header ,
#estimatesGrid.tabulator .tabulator-header ,
#invoicesGrid.tabulator .tabulator-header,
#clientsGrid.tabulator .tabulator-header {

    border-top-style: none;
}


.tabulator .tabulator-cell,
.tabulator .tabulator-col-content {
    padding-top: 6px;
    padding-bottom: 6px;
}

.tabulator-row.tabulator-row-even{

        background-color: #f9f9f9;
        background-color: rgb(0 0 0 / 2%);
        background-color: white;
}

.tabulator-row.tabulator-selected {
    background-color: #bdd9ff;
}

#lineItemsGrid .tabulator-header{
    border-top-style: none;
    border-bottom: 2px dashed #888;
}

.tab-muted{
    color: rgb(22 90 186 / 70%);
}

#clientsGrid.tabulator .tabulator-col[tabulator-field="_display"] .tabulator-col-content, 
#clientsGrid.tabulator .tabulator-cell[tabulator-field="_display"],
#estimatesGrid.tabulator .tabulator-col[tabulator-field="number"] .tabulator-col-content, 
#estimatesGrid.tabulator .tabulator-cell[tabulator-field="number"],
#invoicesGrid.tabulator .tabulator-col[tabulator-field="number"] .tabulator-col-content, 
#invoicesGrid.tabulator .tabulator-cell[tabulator-field="number"],
#transactionsGrid.tabulator .tabulator-col[tabulator-field="date"] .tabulator-col-content, 
#transactionsGrid.tabulator .tabulator-cell[tabulator-field="date"] {
  padding-left: 20px;
}

#clientsGrid.tabulator .tabulator-col[tabulator-field="balance_due"] .tabulator-col-content{
    text-align: right;
}

/*#clientsGrid.tabulator .tabulator-cell[tabulator-field="balance_due"],*/
#estimatesGrid.tabulator .tabulator-cell[tabulator-field="total"],
#invoicesGrid.tabulator .tabulator-cell[tabulator-field="paid"],
#invoicesGrid.tabulator .tabulator-cell[tabulator-field="total"] {
  padding-right: 20px;
}



@media (hover: hover) and (pointer: fine) {

    .tabulator-row.tabulator-selectable:hover {
        background-color: rgb(0 0 0 / 5%);
        cursor: pointer;
    }

    .tabulator-row.tabulator-selected:hover {
        background-color: #97c1f8;
        cursor: pointer;
    }


    .container.settings .tabulator-row.tabulator-selectable:hover,
    #lineItemsGrid .tabulator-row.tabulator-selectable:hover {
        background-color: white;
        cursor: auto;
    }

    .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
        background-color: rgb(0 0 0 / 5%);
        cursor: pointer;
    }
}



    .container.settings .tabulator-row.tabulator-row-even,
  #lineItemsGrid  .tabulator-row.tabulator-row-even {
    background-color: white;
}

.tabulator .tabulator-tableholder,
.tabulator .tabulator-cell[tabulator-field="id"],
.tabulator .tabulator-row {
    overflow: visible;
}



#lineItemsGrid .tabulator-row {
    border-bottom: 1px solid #eaeaea;
}





@media (min-width: 1800px) {
    .container {
        max-width: 1800px;
    }
}

.card {
    transition: box-shadow 0.15s ease-in-out;
}

.card:has(.stretched-link):hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}

/* Hide native increase/decrease spinner arrows on all number inputs app-wide. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/* Divider above the trailing, ungrouped "— none —" option in a Tabulator list-editor
   dropdown (e.g. the transactions grid's Category cell) — level-0 is Tabulator's own
   class for an item outside any group, which only "— none —" ever is here. */
.tabulator-edit-list-item.tabulator-edit-list-group-level-0 {
    border-top: 1px solid #dee2e6;
    margin-top: 4px;
    padding-top: 4px;
}

/* Give every Tabulator list-editor dropdown (e.g. the invoice/estimate line-item
   Unit column, the transactions Category cell) more room before it scrolls —
   Tabulator's stylesheet caps it at 200px. */
.tabulator-edit-list {
    max-height: 500px;
}


#importHistoryModal .text-end{
    width: 130px;
}


#selectionCount{
    padding-left: 1rem;
    /*min-width: 100px;*/
}

#selected_balance{

    /*margin-left: 1rem;*/
    padding-left: 1rem;
}


#selected_balance_raw{
    padding-left: 1rem;
   opacity: 0.5;
}

    @media (min-width: 992px) {
        .modal-xxl { max-width: 1400px; }
    }

    .form-label-swim{
        font-weight: 500;
    }

    .modal {
        --bs-modal-padding: 1.5rem;         /* body + footer both derive from this */
        --bs-modal-header-padding: 1.5rem;  /* header */
    }



.container.settings .card {
        border: 1px solid #dadada;
        padding: 2rem;
    }

.container.settings .card .card-header{
        border-style: none;
        background-color: white;
        font-size: 1.5rem;
        font-weight: 500;
    }


.container.adjustments .card {
        border: 2px solid #DDD;
        padding: 1rem;
    }

.container.adjustments .card .card-header{
        border-style: none;
        background-color: white;
        font-size: 1.3rem;
        font-weight: 500;
    }