#order_details_table td {
    box-shadow: inset -1px -1px 0 #636363;
}

#order_details_table tr td:first-child {
    box-shadow: inset 1px -1px 0 #636363, inset -1px -1px 0 #636363;
}

#order_details_table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #343a40;
    color: #fff;
    box-shadow: inset -1px -1px 0 #636363, inset 0 1px 0 #636363;
}

#order_details_table thead th:first-child {
    box-shadow: inset 1px -1px 0 #636363, inset -1px -1px 0 #636363, inset 0 1px 0 #636363;
}

#order_details_table th,
#order_details_table td {
    text-align: center; /* горизонтальне вирівнювання */
    vertical-align: middle; /* вертикальне вирівнювання */
}

tr.mark td {
    background-color: #0a4f30 !important
}


/* Рядок highlight — внутрішні + зовнішні межі */
#order_details_table tr.highlight td {
    box-shadow:
            inset -1px 0 0 #636363,    /* внутрішні межі */
            inset 0 3px 0 0 whitesmoke,   /* верхня межа */
            inset 0 -3px 0 0 whitesmoke;  /* нижня межа */
}

/* Лівий край для першої комірки */
#order_details_table tr.highlight td:first-child {
    box-shadow:
            inset -1px 0 0 #636363,
            inset 0 3px 0 0 whitesmoke,
            inset 0 -3px 0 0 whitesmoke,
            inset 3px 0 0 0 whitesmoke;   /* ліва межа */
}

/* Правий край для останньої комірки */
#order_details_table tr.highlight td:last-child {
    box-shadow:
            inset 0 0 0 #636363,
            inset 0 3px 0 0 whitesmoke,
            inset 0 -3px 0 0 whitesmoke,
            inset -3px 0 0 0 whitesmoke;  /* права межа */
}

@media (min-width: 1200px) {
    .container_big, .container-big {
        max-width: 1600px;
    }
}