.table td {
    color: black; /* Set text color to black */

   
}
input.form-control[type="text"] {
    color: black !important; /* Ensure text color is black */
}
textarea {
    color: black !important; /* Ensure text color is black */
}
select.form-select {
    color: black !important; /* Ensure text color is black */
}
/* Success and Error Alert Styles */
.alert {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Vertically align items in the center */
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 16px;
}

    .alert.success {
        padding: 10px;
        background-color: #4CAF50; /* Green color for success */
        color: white;
        border-radius: 5px;
    }

    .alert.error {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }

/* Icon Styles */
.circle-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin-right: 10px; /* Space between the icon and text */
}

    .circle-icon.success {
        background-color: #fff;
        color: #4CAF50; /* Green color for the check icon */
    }

    .circle-icon.error {
        background-color: #dc3545;
        color: white;
    }

.alert span {
    flex-grow: 1; /* Allow the text to grow and take available space */
}

/* Optional: Adjust font size of the message */
.alert.success span, .alert.error span {
    font-size: 14px;
}