.the-cat-table-container {
    max-height: 400px;
    min-height: 400px  ;     /* Set scrollable height */
    overflow-y: auto;        /* Enable vertical scroll */
    border: 1px solid #ccc;  /* Optional border */
    margin: 5px;
}

.the-cat-table-container table {
    border-collapse: collapse;
    width: 100%;
    
}

.the-cat-table-container table > tbody > tr:hover {
    cursor: pointer;
    background-color: rgb(206, 237, 237)!important;
}

.the-cat-table-container th, td {
    padding: 8px 12px;
    border: 1px solid #ccc;
    text-align: left;
    cursor: pointer;
}

.the-cat-table-container thead th {
    position: sticky;  /* Makes header stick */
    top: 0;            /* Stick to top of container */
    background: #f4f4f4;
    z-index: 2;        /* Ensure header is above body cells */
    font-family:'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight:900;
    text-align: center;
    color: #67421e;
}

.the-cat-table-container td {
    
    font-family: 'Courier New', Courier, monospace;
    font-weight: 900;
    font-size: 12px; 
    color: #805830;
}

/* Optional: zebra striping */
/*.the-cat-table-container tbody tr:nth-child(even) {
    background: #fafafa;
}*/

.the-cat-td-reapeted {
    background-color: #d5c8bc;
    color: #262764!important;
    font-size: 12px!important;
    cursor: pointer!important;
}

.the-cat-td-numexpedi {
    text-align: center!important;
    text-decoration: underline!important;
    font-family: Verdana, Geneva, Tahoma, sans-serif!important;
    font-size: 14px!important; 
    color: #974343!important;
}

.the-cat-expedi-finder {
    margin-bottom: 10px;
    margin-left: 5px;
    width: 300px;
    background-color: rgb(215, 180, 164)!important;
}

.the-cat-numexpedi-cell {

    font-size: 8px;
    color:rgb(215, 144, 144)!important;

}

.the-cat-find-filter {
    height: 40px!important;
    background-color: rgb(231, 189, 170)!important;
    border-radius: 6px!important;
}

/* HTML: <div class="loader"></div> */
.the-cat-loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 3px;
    background: 
      radial-gradient(farthest-side,#c27d0f 95%,#0000) 50% 0/12px 12px no-repeat,
      radial-gradient(farthest-side,#0000 calc(100% - 5px),#a67018 calc(100% - 4px)) content-box;
    animation: l6 2s infinite ;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    z-index: 200001;
}

@keyframes l6 {to{transform: rotate(1turn)}}
.the-cat-loader-background {
    display: none;
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.6;
}