.table {
    font-size: 1rem;
    border-color: var(--inactive);
    color: var(--primary);
}

.table > :not(caption) > * > * {
    padding: 1.469rem 1.4rem;
}

.table thead tr {
    background-color: var(--fourth-alpha);
    text-align: center;
    font-weight: var(--font-bold);
}

.table:not(.show-payment-detail) tbody.narrow-row td {
    padding: 0.781rem 1.4rem;
}

.table.show-payment-detail tbody.narrow-row td:not(>input) {
    padding: 0.781rem 1.4rem;
}


.table th {
    border-right-width: 0;
    border-left-width: 0;
}

.table tr td a.link-tbl {
    font-weight: bold;
    text-decoration: underline;
    color: var(--primary);
    cursor: pointer;
}

.table.table-list tbody tr td.hyperlinked-text,
.table.table-list tbody tr td a,
.table.table-list tbody tr td div.hyperlinked-text{
   /* text-decoration: unset;*/
}

.table.table-bordered th{
    color: var(--fifth);
}

.table.table-bordered>:not(caption)>*>*{
    border-width: 0;
}

.table.table-bordered>:not(caption)>*{
    border-width: 0;
}

.table.table-list tbody tr td:focus,
.table.table-list tbody tr td:focus-within,
.table.table-list tbody tr td:focus a {
    color: var(--white);
    background-color: var(--third);
}

.table.table-list tbody tr:focus-within,
.table.table-list tbody tr:focus-within a,
.table.table-list tbody tr:focus-within td.hyperlinked-text{
    color: var(--white);
    background-color: var(--second);
}

.table tbody tr.calculate-total td {
    background-color: var(--fourth-alpha);
    padding: 1.484rem 0.313rem;
    vertical-align: middle;
    border: unset;
    text-align: end;
    font-weight: 500;
    color: var(--primary);
}

.table.table-list tbody tr td, .table.table-list thead tr th {
     vertical-align: middle;
}

.table tbody tr.tr-total td {
    border: none;
}

.table tbody tr.tr-total td input, .table tbody tr.tr-total td{
    background-color: var(--fourth-alpha);
}

.table thead tr th.sortable a {
    color: unset;
}

.table-truncate {
    table-layout: fixed;
}

.td-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
}

@media only screen and (max-width: 1650px) {
    #tbl-pros.table > :not(caption) > * > * {
        padding: 1.375rem 0.5rem;
    }

    #tbl-driver.table > :not(caption) > * > * {
        padding: 1.375rem 0.5rem;
    }
}


#list-pro-table.table > :not(caption) > * > * {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.table-select-row tr:hover{
    background-color: var(--second-alpha);
}

.table:not(.accordion-table-trip, .table-mdb, .table-editable, .accordion-table) tbody tr:not(.no-hover):hover td,
.table:not(.accordion-table-trip, .table-editable):not(.accordion-table) tbody tr:hover td:not(.dropdown) a {
    background: var(--second-alpha) !important;
    color: var(--primary)
}

.table.table-list tbody tr:focus-within td.dropdown .dropdown-menu{
    background-color: var(--white);
}

.table tbody tr .dropdown .dropdown-item,
.table tbody tr td:focus-within.dropdown .dropdown-item {
    background-color: var(--og-white);
    color: var(--primary)
}

.table tbody tr .dropdown .dropdown-item:hover,
.table tbody tr td:focus-within.dropdown .dropdown-item:hover {
    background-color: var(--third);
    color: var(--white)
}

.table.table-list tbody tr:focus-within td > *.hyperlinked-text {
    color: var(--white);
}

td.cell-disable {
    background-color: var(--grey-alpha);
    color: var(--grey);
}

.table.table-dashboard > :not(caption) > * > * {
    padding: 1.375rem 0.75rem;
    color: var(--primary);
}

.table.table-dashboard.narrow-row > :not(caption) > * > * {
    padding: 0.625rem 0.75rem;
}

.table > :not(:last-child) > :last-child > *{
    border-color: var(--inactive);
}

.table{
    border-collapse: separate; /* Don't collapse */
    border-spacing: 0;
}

.table thead th, .table thead td{
    border-top: 0.031rem solid !important;
    border-bottom: 0.031rem solid !important;
    border-right: 0.031rem solid !important;
    border-color: var(--inactive) !important;
}

.table tbody td {
    /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
    border-bottom: 0.031rem solid !important;
    border-right: 0.031rem solid  !important;
    border-color: var(--inactive)  !important;
    font-weight: var(--font-bold);
}

.table thead th:first-child,.table thead td:first-child, .table tbody td:first-child {
    /* Apply a left border on the first <td> or <th> in a row */
    border-left: 0.031rem solid !important;
    border-color: var(--inactive) !important;
}

.table-bordered > :not(caption) > * > *{
    border-width: 0;
}

.table-bordered .tr-location td {
    border-top: solid 0.031rem var(--inactive) !important;
}

.noThead {
    border-top: 1px solid var(--inactive);
    border-left: 1px solid var(--inactive);
    border-collapse: collapse;
}

/*TABLE FONT 12PX*/

.table-narrow.table {
    font-size: 16px;
}

.table-narrow.table input {
    font-size: 16px !important;
}

.table-narrow.table thead th {
    height: 0;
    padding: 0.594rem 0.25rem;
}

.table-narrow.table tbody tr td:not(input) {
    height: 0;
    padding: 0.54rem 0;
}

.table-narrow.table tbody tr td:not(.td-input) {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.table-narrow.table tbody tr td.td-input {
    padding: 0 0;
}

.table-narrow.table tbody tr td.td-input input[type="text"] {
    min-height: 2.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.color-input-third .form-outline input.form-control,.color-input-third tr:focus-within .form-outline input.form-control {
    color: var(--third);
}

.table tbody td.border-top-black-td{
    border-top: solid 2px black !important;
}

.table tbody tr.border-bottom-black-tr td{
    border-bottom: solid 2px black !important;
}

.disabled-cell {
    background-color: #F1F1F1 !important;
    color: #888; /* Optional: For a more "disabled" look */
    text-align: center; /* Optional: Center the content */
}

.cell-white-bg{
    background-color: white!important;
}


#list-pro-rate .spacer-row td, #list-pro-rate tr.spacer-row{
    height: 10px;
    border: 0 !important;
}

#list-pro-rate > tbody > tr.tr-first-line td{
    border-top: 0.031rem solid !important;
    border-color: var(--inactive) !important;
}

#list-pro-rate > tbody > tr.tr-first-line > td:first-child, #list-pro-driver-pay  > tbody > tr.tr-first-line > td:first-child {
    border-radius: 1rem 0 0 0;
}

#list-pro-rate > tbody > tr.tr-first-line > td:last-child, #list-pro-driver-pay > tbody > tr.tr-first-line > td:last-child{
    border-radius: 0 1rem 0 0;
}

#list-pro-rate > tbody > tr.tr-last-summary > td:first-child {
    border-radius: 0 0 0 1rem;
}

#list-pro-rate > tbody > tr.tr-last-summary > td:last-child {
    border-radius: 0 0 1rem 0;
}

#list-pro-rate thead tr th {
    padding: 20px;
}

#list-pro-driver-pay tbody tr, #list-pro-rate tbody tr {
    background-color: var(--page-background);
}

.modal-pro-driver-pay #list-pro-driver-pay tr.spacer-row td{
    height: 10px;
    border: 0 !important;
}

.modal-pro-driver-pay #list-pro-driver-pay > tbody > tr.tr-first-line td{
    border-top: 0.031rem solid !important;
    border-color: var(--inactive) !important;
}

.modal-pro-driver-pay #list-pro-driver-pay *.dropdown .dropdown-menu {
    box-shadow: 0 0px 5px 0px var(--grey);
    min-width: 250px;
}

.modal-pro-driver-pay .dropdown-menu-add-dp .hyperlinked-text {
    color: unset;
    font-weight: unset;
    cursor: pointer;
    text-decoration: unset;
    padding: .625rem 1rem;
}

.modal-pro-driver-pay .table tbody tr .dropdown .dropdown-item:hover,
.modal-pro-driver-pay .table tbody tr td:focus-within.dropdown .dropdown-item:hover {
    background-color: var(--second-alpha);
    color: unset;
}