.prj-table-container {
        overflow-x: auto;
        padding: 0px;
        max-width: 100%;
    }

    .prj-table-container #projectTable {
        border-collapse: collapse;
        width: max-content; 
        min-width: 1200px;
        border: none; 
    }

    #projectTable td {
        border: 1px solid gray;
        padding: 6px 8px;
    }
    
    #projectTable td:nth-child(8) {
      white-space: nowrap;
    }

    #projectTable th {
        background: #e8e8e8;
        border: 1px solid #999;
        padding: 6px 8px;
        text-align: center;
        color: black;
    }

    #projectTable .desc-col {
        width: 20%;
        text-align: left;
    }
    #projectTable .task-col {
        width: 50px;
    }
    #projectTable .sort-col {
        cursor: pointer;
        white-space: nowrap;
        width: 80px;
    }

    .pp_controls {
        display: flex;
        gap: 20px;
        margin-top: 15px;
    }