:root{
    --table-border: #bebebe;
    --bg-td-badge: #eaf0ee;
    --bg-input-group: #e8e8e8;
}

.table-jiliti{
    border-collapse: separate;
    border-spacing: 0 0.6rem;
    font-family: 'Roboto', sans-serif;
}

.table-jiliti thead,
.table-jiliti tr,
.table-jiliti tr td,
.table-jiliti tr th {
    background-color: unset;
    border: unset;
}

.table-jiliti tbody td{
    border-top: 1px solid var(--table-border);
    border-bottom: 1px solid #bdbdbd;
    background-color: white;
    vertical-align: middle;
}



.table-jiliti tbody td:first-of-type{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid var(--table-border);
}

.table-jiliti tbody td:last-of-type{
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid var(--table-border);
}

.table-jiliti .btn{
    border-radius: 6px;
}


.table-jiliti tbody td{
    padding-top: 3px;
    padding-bottom: 3px;
}

.table-jiliti tbody td .td-badge{
    background-color: var(--bg-td-badge);
    padding: 0.5rem;
    text-align: center;
    font-weight: bold;
    border-radius: 8px;
    width: fit-content;
}

.table-jiliti-compact tr:not(.form) .text-sm{
    font-size: 0.6rem!important;
}

.table-jiliti-compact tr:not(.form) .text-md{
    font-size: 0.8rem!important;
}

.table-jiliti-compact tr:not(.form) .input-group .form-control,
.table-jiliti-compact tr:not(.form) .form-control,
.table-jiliti-compact tr:not(.form) .form-select,
.table-jiliti-compact tr:not(.form) .input-group .btn,
.table-jiliti-compact tr:not(.form) .input-group .form-control:disabled
{
    border-radius: 0!important;
    border: none!important;
    padding: 0.2rem 0.3rem!important;
    background-color: var(--bg-input-group)!important;

}

.table-jiliti-compact tr:not(.form) .input-group .form-control,
.table-jiliti-compact tr:not(.form) .form-control
{
    border: 2px solid rgba(255,255,255,0)!important;
    border-bottom: 2px solid var(--bg-input-group)!important;
    text-align: right;
    background-color: unset!important;
}

.table-jiliti-compact tr:not(.form) .form-select{
    background-color: unset!important;
}

.table-jiliti-compact tr:not(.form) .input-group .input-group-text,
.table-jiliti-compact tr:not(.form) .input-group .input-group-text:last-of-type
{
    border-radius: unset!important;
    background-color: var(--bg-input-group)!important;
    padding: 0.2rem 0.3rem!important;
}

.table-jiliti-compact tr:not(.form) .input-group .form-control:focus,
.table-jiliti-compact tr:not(.form) .form-control:focus
{
    outline: unset!important;
    box-shadow: none!important;
    border: 2px solid black !important;
}


tr.td-align-middle,
tbody.td-align-middle tr
{
    vertical-align: middle!important;
}

.table-jiliti-compact tr:not(.form) .input-group .btn.btn-danger{
    background-color: var(--bg-danger) !important;
    color: white !important;
}

.table-jiliti-compact tr:not(.form) .input-group .btn.btn-success{
    background-color: var(--bg-success) !important;
    color: white !important;
}