#tracking {
    .table {
        display: grid;
        grid-template-columns: 2rem repeat(4, auto);
        align-items: center;

        .hidden {
            display: none;
        }

        .open-button {
            &::after {
                // content: "\25B6";
                content: "\02795";
                font-size: 13px;
                color: #000;
                float: right;
                margin-right: 0.35rem;
            }

            &.open::after {
                // content: "\25BC";
                content: "\02796";
            }

            &:hover {
                cursor: pointer;
            }
        }

        .details {
            grid-column: 1 / 6;

            padding: 0 18px;
            background-color: white;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
    }

    .pagination {
        div {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color 0.3s;

            &:hover {
                cursor: pointer;

                &:not(.active) {
                    background-color: #ddd;
                }
            }

            &.active {
                background-color: #4caf50;
                color: white;
            }
        }
    }
}