/* Zebra striping for table rows */
.odd-row {
    background-color: #f2f2f2; /* Light grey for odd rows */
}

.even-row {
    background-color: #ffffff; /* White for even rows */
}

/* Optional: Add hover effect for better UX */
tbody tr:hover {
    background-color: #e9f9e9; /* Light background color on hover */
}


    .row-divider {
        border-bottom: 1px solid #d3d3d3; /* Light grey divider line */
    }


    /* Styling for translated elements */
                          .info-value {
                              font-weight: bold;
                              color: #333; /* Dark color for the values */
                              padding: 5px 10px; /* Padding around values */
                              border-radius: 4px; /* Slightly rounded corners */
                              margin-left: 5px; /* Space between label and value */
                          }
    .process{
        margin-left:20px;
        margin-right:20px;
    }

    .process-title {
        font-size: 1.5em; /* Larger font size for the title */
        margin-top: 20px; /* Space above the title */
        margin-bottom: 15px; /* Space below the title */

    }

    /* Existing CSS for process steps */
    .process-steps {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .process-steps li {
        padding: 15px; /* Increased padding for a more spacious feel */
        margin-bottom: 15px; /* Increased margin between items */
        border-left: 4px solid #28a745; /* Green border for steps */
        background-color: #f9f9f9;
        position: relative;
        display: flex;
        align-items: center; /* Align the icon and text */
        border-radius: 5px; /* Rounded corners for list items */
        transition: background-color 0.3s; /* Smooth background color transition */
    }


    .process-steps li.step-grey {
        color: grey; /* Make text grey if the date is not set */
        border-left-color: grey; /* Grey border for steps without a date */
    }

    .step-icon {
        font-size: 22px; /* Slightly larger icon size */
        margin-right: 15px; /* More space between icon and text */
        color: #28a745; /* Default green for the completed step icon */
    }

    .step-grey .step-icon {
        color: grey; /* Grey for steps without a date */
    }
    .step-green{
        background-color: #e9f9e9; /* Slightly darker background on hover */
    }
    .step-text {
        font-weight: bold;
        flex-grow: 1; /* Allow the text to grow and fill the space */
        margin-right: 10px; /* Space between text and date */
    }

    .step-date {
        font-size: 0.9em;
        color: #6c757d; /* Lighter color for the date */
        white-space: nowrap; /* Prevent date text from wrapping */
        margin-left: 10px; /* Space between text and date */
    }