/*
    Place css related to the styling of modal popups.
*/
/* Custom Modal Styles */
.required-asterisk{
    color:red;
}

.input-pair {
    display: flex;
    align-items: center; /* Align items vertically */
    margin-bottom: 3px; /* Add space between each input pair */
}

.input-label {
    flex-basis: 150px; /* Set initial width or minimum width for the label */
    /* Additional styles as needed */
}

.input-pair input[type="checkbox"] {
    margin-left: 10px; /* Add space between label and checkbox */
}

/* Additional styles for dynamic width */
.input-label.dynamic-width {
    flex-grow: 0; /* Disable flex grow for label */
    flex-shrink: 0; /* Disable flex shrink for label */
    width: auto; /* Allow label to adjust width based on content */
    /* Additional styles as needed */
}

.input-pair input[type="text"],
.input-pair input[type="number"],
.input-pair input[type="date"] {
    width: 250px; /* Adjust the width as needed */
}