/* delete button */
    .delete-button {
        background-color: #e53935;
        color: white;
        border: none;
        padding: 6px 12px;
        margin-left: 10px;
        cursor: pointer;
        border-radius: 4px;
    }

    .delete-button:hover {
        background-color: #b71c1c;
    }

/* terms list table */
    #terms-table {
        border-collapse: collapse;
    }
    
    .sort-arrow {
        padding: 0 8px;
        cursor: pointer;
        display: inline-block;
    }

    #terms-table th,
    #terms-table td {
        border-left: 1px solid black;
        text-align: center; /* Centers content horizontally */
        
        padding-left: 10px;  /* Adds padding to the left */
        padding-right: 10px; /* Adds padding to the right */
        padding-top: 0;      /* Removes padding from the top */
        padding-bottom: 0;   /* Removes padding from the bottom */
    }

    #terms-table th:first-child,
    #terms-table td:first-child {
        border-left: none;
    }


    #terms-table thead tr:first-child th {
        position: sticky;
        top: 0;
        background: white;
        z-index: 3;
    }
    /* ok next */
    /* ok next */
    /* ok next */
/* terms list widths */
    /* Optional: Adjust the width of other columns if needed */
    /* th:nth-child(1), td:nth-child(1) { width: 50px; }
    th:nth-child(2), td:nth-child(1) { width: 50px; }
    th:nth-child(3), td:nth-child(1) { width: 50px; }
    th:nth-child(4), td:nth-child(1) { width: 50px; }
    th:nth-child(5), td:nth-child(1) { width: 50px; }
    th:nth-child(6), td:nth-child(1) { width: 400px; }
    th:nth-child(7), td:nth-child(1) { width: 50px; }
    th:nth-child(8), td:nth-child(1) { width: 50px; }
    th:nth-child(9), td:nth-child(1) { width: 50px; }
    th:nth-child(10), td:nth-child(1) { width: 50px; }
    th:nth-child(11), td:nth-child(1) { width: 50px; }
    th:nth-child(12), td:nth-child(1) { width: 50px; } */