/* region tables */

table tbody tr td { vertical-align: middle; }
.table-sm > :not(caption) > * > *                               { padding: 0.1rem .5rem; }
.table > :not(caption) > tr.selected > *                        { box-shadow: none; }
.table thead th {
    --bs-table-bg: #39444e;
}
.table-blue {
    --bs-table-bg: #1E7FCB;
    --bs-table-striped-bg: white;
    --bs-table-striped-color: #343a40;
    --bs-table-active-bg: #474e59;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #414954;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #474e59;
}
/*.table > :not(caption) > tr:last-child > * {*/ /* => Supprimé le 29/09 car retire les bordures des dernières lignes des tableaux... Utiliser un tfoot si nécessaire ! */
/*    border-width: 0;*/
/*}*/
table.dataTable > thead th                  { position: relative; }

.table .small-col                           { width: 20px; }
.table .cell-check                          { width: 40px; text-align: center; }
.table .cell-form-check                     { text-align: left; width: 58px; }

.table .cell-form-check .form-check         { padding-left: 0; }
.table .cell-form-check .cell-form-check    { padding-right: 0;}
table .no-padding                           { padding: 0;}

table .column-chevron                   { width : 40px; text-align: center;}
table .column-chevron i                 { cursor: pointer;}

table .column-action                    { width: 40px; }
table .column-action-2                  { width: 105px; }
table .column-action-3                  { width: 152px; }

table .column-comment                   { width: 40px; text-align: center; vertical-align: top; }

table .column-money                     { white-space: nowrap; max-width: fit-content; }

table thead tr.bg-light td,
table thead tr.bg-light th {
    background: #fff;
}

table thead tr td.bg-hard,
table thead tr th.bg-hard {

    background: #39444e;
}
table thead tr td.bg-medium,
table thead tr th.bg-medium {
    /*background: #607274;*/
    --bs-table-bg: #607274;
}


table.table > tfoot,
table.table > tfoot.table-light {
    border-top: double #caccce;
}
table .bootstrap-touchspin button,
table .bootstrap-touchspin input {
    line-height: 1;
}
.tf-sum { text-align: right; }

table.table-small {
    margin-bottom: .75rem;
}
table.table-small > :not(caption) > * > * {
    padding: .15rem .15rem;
}

table .form-control, table .input-group-append .input-group-text {
    padding-top: 2px;
    padding-bottom: 2px;
}

th {
    vertical-align: middle;
}

.table {
    --bs-table-striped-bg: #fafafa;
}

table tbody.v-top-content > tr > * { vertical-align: top; }

th.border-top-dash,
td.border-top-dash,
tr.border-top-dash {
    border-top: dashed 2px;
    border-top-color: inherit ;
}
th.border-top-double,
td.border-top-double,
tr.border-top-double {
    border-top: double;
    border-top-color: inherit ;
}

.table-borderless > :not(caption) > * > * {
    border-width: 0 !important;
}
/* endregion tables */


.table thead th, table thead td {
    /*background-color: rgba(147, 177, 166, 0.5);*/
    /*color: #39444e;*/
    line-height: 2em;
    font-weight: 600;
    color: #fff;
    /*background-color: #6C757D;*/
}

.table.table-bordered > :not(:last-child) > :last-child > * {
    border-bottom: 1px solid #6C757D;
}

tr.datatable-group-row-0 th, tr.datatable-group-row-0 td  {
    border-top: 1px solid #607274;
    background-color: #FBF5E7; /*#FAEED1;*/
    color: #39444e;
}
tr.datatable-group-row-1 th, tr.datatable-group-row-1 td {
    background-color: #e7eaec;
    color: #39444e;
}

tr.datatable-group-row-hard th, tr.datatable-group-row-hard td {
    color: #fff;
    background-color: #6C757D;
}

tr.tr-line-through td, tr.tr-line-through th {
    text-decoration: line-through;
}

/* region group row */
tr[class^='datatable-group-row-'] > th {
    line-height: 2em;
    font-weight: 600;
    font-size: 115%;
    /*color: rgb(52, 58, 64);*/
}
tr.datatable-group-row-0 > th {
    border-top: 2px solid #6c757d;
}
tr.datatable-group-row-last > th {
    border-bottom: 1px solid #93B1A630;
}
/* endregion group row */


.active > .page-link, .page-link.active {
    background-color: #607274;
    border-color: #607274;
}



/* region sub table */
.table-child-row.table thead th, .table-child-row.table thead td  {
    /*background-color: #FAFAFA;*/
    background-color: #FAFAFA;
    --bs-table-bg: #FAFAFA;
    color: #6C757D;
}

.table-child-row.table tr.datatable-group-row-0 th, .table-child-row.table tr.datatable-group-row-0 td  {
    color: #39444e;
    --bs-table-bg: rgba(147, 177, 166, 0.2);
    font-size: 100%;
    border-bottom: none; /*  1px solid #39444e; */
    border-top:none; /*  1px solid #39444e; */
}
/* endregion region sub table */

/* region row highlight */
.table tr.bg-highlight th, .table tr.bg-highlight td  {
    background-color: #FAEED1;
    --bs-table-bg: #FAEED1;
    color: #39444e;
}
/* endregion row highlight */

/* region action icon showhide  */
.table .action-icon-showhide {
    color: #98a6ad;
}
.table .action-icon-showhide:hover {
    color: #183D3D;
}
/* endregion action icon showhide  */

/* region row child */
.table tr.row-child-form > td{
    /*background-color: #FBF5E7;*/
    background-color: rgba(250, 238, 209, 0.1);
}
.table tr.row-child-form > td > div {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    padding-bottom: 10px;
}
/* region row child */

.datatable-inner-loader {
    position: absolute;
    top:0; bottom: 0; right: 0; left: 0;
    background-color:rgba(149, 157, 165, 0.2);
    display: none;
    /*margin: 10px;*/
}
.datatable-inner-loader > div {

    display: block;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top:50%;
    margin-top: -36px;
}

.datatable-action {

}

.btn.datatable-action {
    padding: 4px 0;
}

.btn.datatable-action:disabled {
    border: none;
}

table.table tr:hover, table.table tr.selected {
    /*background-color: rgba(238, 238, 238, 0.5); !*  #eee *!*/
    background-color: #FBF5E7;
    color: #040D12;
}
table.table.table-not-hover tr:hover {
    background-color: rgba(238, 238, 238, 0.5); /*  #eee */
}

.table > :not(caption) > *:last-child > * {
    border-bottom: none;
}

.table .col-w-form-date {
    width: 140px;
}

.table .col-w-form-button {
    width: 100px;
}

.table .col-w-form-status {
    width: 80px;
}

.table .col-w-form-toggle-status {
    width: 220px;
}
.col-w-button-row-child {
    width: 60px;
}

/* Force datatable header width 100% */
/*div.dataTables_scrollHeadInner, div.dataTables_scrollHead table.dataTable {*/
/*    width: 100% !important;*/
/*}*/