.table-container {
    overflow-x: auto;
    padding: 10px;
}
table {
width: auto;
border-collapse: collapse;
position: relative; /* Make the table a positioning context */
}
tr{    border-bottom: 1px solid #334155;}

th, td {
    text-align: center;
    padding: 8px;
    white-space: nowrap; /* Prevent text from wrapping */
}
.points{color: #ffffffa8;}
th, .fixed-col, .fixed-col img {
    position: sticky;
    background-color: #0f172a;
}
th {
    top: 0;
    z-index: 2;
}
.fixed-col {
    left: 0;
    z-index: 3;
}

.team-col {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #0f172a;
}
.form .item-recent-form {
    white-space: nowrap; /* Prevent form text from wrapping */
}
.form{display: flex;}

.item-recent-form-w 
    {
        background-color: green; border-radius: 5px;
        margin-right: 5px;
        padding-right: 5px;
        padding-left: 5px;
        font-weight: 700;
    }
.item-recent-form-d 
    {
        background-color: grey; border-radius: 5px;
        margin-right: 5px;
        padding-right: 6px;
        padding-left: 6px;
        font-weight: 700;

    }
.item-recent-form-l 
    {
        background-color: red; border-radius: 5px;
        margin-right: 5px;
        padding-right: 7px;
        padding-left: 7px;
        font-weight: 800;
    }
    
    .fixed-col{text-align: start;
    
}
@media (max-width: 768px) {  .table-container {
    
    padding: 0;
}}