.error-field{
    color : red;
    display : none;
}

.readonly-field{
    background-color: #a9a5a5;
    color: white;
    font-weight: bolder;
}

.Size-Increase{
    font-size: 22px;
}


/* General Status Styling */
.status {
    padding: 10px 25px;  /* Larger padding to create space around the text */
    border-radius: 50px;  /* Fully rounded edges to create a smooth pill shape */
    font-size: 14px;
    font-weight: 600;  /* Bold text for better visibility */
    display: inline-block;
    text-align: center;
    text-transform: capitalize;  /* Capitalize text */
    white-space: nowrap;  /* Prevent text wrapping */
    min-width: 120px;  /* Ensures a wider pill shape */
    color: white;  /* White text color for better contrast */
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 5px;  /* Add margin for spacing between multiple status pills */
}

/* Product Status */
.status.pending {
    background-color: #f0ad4e;  /* Soft orange */
}

.status.in-transit {
    background-color: #5bc0de;  /* Light blue */
}

.status.delivered {
    background-color: #5cb85c;  /* Green */
}

/* Transaction Status */
.status.in-progress {
    background-color: #0275d8;  /* Blue */
}

.status.success {
    background-color: #28a745;  /* Green */
}

.status.fail {
    background-color: #dc3545;  /* Red */
}

/* Hover Effect */
.status:hover {
    cursor: pointer;
    opacity: 0.85;
}

.status.default-status {
    color : black
}