.tfz-container {
    background-color: white; /* Set background to white */
    padding: 20px; /* Add padding for some space inside the container */
    margin: auto; /* Center the container if needed */
    width: 100%; /* Adjust width as per your design requirements */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: Adds subtle shadow for depth */
}

.tfz-container .form-group {
    margin-bottom: 20px; /* Adds more space between form groups */
}

.tfz-container #partnerSelect {
    width: 30%; /* Adjust this value as needed to make it longer */
}


.tfz-container select, .tfz-container .btn {
    width: auto; /* Ensures select boxes and buttons size according to content */
    display: inline-block; /* Aligns elements in a line */
}

.tfz-container .badge {
    background-color: #72CEF7; /* Example: Sets a specific background color for badges */
    color: white; /* Sets text color to white */
    padding: 5px 10px; /* Adds padding inside badges for better visibility */
    margin-right: 5px; /* Adds margin to the right of each badge */
}

.tfz-container .btn-primary {
    margin-left: 20px; /* Adds left margin to primary button for spacing */
}

.tfz-container .card {
    margin-top: 20px; /* Adds space between the dropdown and the card */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Gives a subtle shadow to the card for depth */
}

.tfz-container .card-body {
    padding: 20px; /* Ensures there’s ample padding inside the card */
}

.tfz-container .btn-danger {
    padding: 0 5px; /* Reduces padding, making the button narrower */
    font-size: 12px; /* Smaller font size for the button text */
    line-height: 1.2; /* Adjust line height to align better with badge text */
    border-radius: 2px; /* Smaller border radius for a more subtle button curve */
    margin-left: 5px; /* Maintains a small gap between the badge text and button */
    vertical-align: middle; /* Aligns the button vertically with the badge text */
}



/* Responsive adjustments */
@media (max-width: 768px) {
    .tfz-container {
        width: 100%; /* Full width on smaller screens */
        padding: 10px; /* Less padding on smaller screens */
    }
}