div.jtable-main-container table.jtable {
    color: var(--text-color);
    margin-bottom: 1rem;
}

div.jtable-main-container table.jtable,
div.jtable-main-container div.jtable-bottom-panel,
div.jtable-main-container table.jtable thead,
div.jtable-main-container table.jtable thead th,
div.jtable-main-container table.jtable tbody>tr>td {
    border: none;
    text-align: center;
    font-size: 0.875rem;
}

div.jtable-main-container table.jtable thead th {
    padding: 5px 0.75rem;
}

div.jtable-main-container table.jtable tbody>tr>td {
    padding: 0.5rem 0.5rem;
}

div.jtable-main-container table.jtable thead {
    background: var(--primary-dark-color);
    color: white;
    border-radius: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 99;
}

div.jtable-main-container table.jtable thead th:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

div.jtable-main-container table.jtable thead th:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

div.jtable-main-container table.jtable tbody>tr,
div.jtable-main-container table.jtable tbody>tr.jtable-row-even {
    background: white;
    border-bottom: 2px dashed var(--light-gray);
}

div.jtable-main-container table.jtable tbody>tr:hover {
    background: var(--primary-light-color);
}

div.jtable-main-container div.jtable-bottom-panel {
    color: var(--primary-dark-color);
    position: sticky;
    bottom: 0;
    z-index: 99;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list [class^="jtable-page-number"] {
    padding: 6px 10px;
    border: var(--light-gray) solid 2px;
    background: white;
    text-shadow: unset;
}

div.jtable-main-container>div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
    border-color: var(--primary-light-color);
    background: var(--primary-light-color);
    color: var(--primary-dark-color);
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list [class^="jtable-page-number"]:hover,
div.jtable-main-container>div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active:hover {
    border-color: var(--hover-blue-color);
    background: var(--hover-blue-color);
}

.jtable-goto-page select,
.jtable-page-size-change select {
    border: var(--light-gray) 2px solid;
    width: fit-content;
}

div.jtable-main-container>div.jtable-bottom-panel div.jtable-right-area {
    font-size: 0.75rem;
    position: static;
}

div.jtable-main-container table.jtable tbody>tr.jtable-child-row>td .jtable {
    border-bottom: unset;
}

.jtable-main-container .jtable-child-row .jtable-title {
    /* background: var(--primary-light-color); */
    display: none;
}

.jtable-child-table-container div.jtable-main-container table.jtable thead {
    display: none;
}

div.jtable-main-container table.jtable tbody>tr.jtable-child-row,
.jtable-child-table-container div.jtable-main-container table.jtable tbody>tr{
    border: none;
}

div.jtable-main-container table.jtable tbody>tr.jtable-child-row:hover,
.jtable-child-table-container div.jtable-main-container table.jtable tbody>tr:hover {
    background: white;
}

.jtable-main-container .jtable-child-row td {
    background: white;
}

div.jtable-main-container table.jtable tbody>tr.jtable-child-row>td {
    background: transparent;
}

div.jtable-main-container table.jtable thead th.jtable-column-header-sortable div.jtable-column-header-container {
    background: url('../Packages/jtable/lib/themes/metro/column-sortable.png') no-repeat right;
}

div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-asc div.jtable-column-header-container {
    background: url('../Packages/jtable/lib/themes/metro/column-asc.png') no-repeat right;
}

div.jtable-main-container table.jtable thead th.jtable-column-header-sorted-desc div.jtable-column-header-container {
    background: url('../Packages/jtable/lib/themes/metro/column-desc.png') no-repeat right;
}