/* Modal background and padding */
#forcePasswordResetModal .modal-content {
    background-color: #f8f9fa; /* Light grey background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Padding inside the modal */
    box-shadow: 0px 5px 15px rgba(0,0,0,0.3); /* Subtle shadow */
}

#forcePasswordResetModal .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

/* Header styles */
#forcePasswordResetModal .modal-header {
    border-bottom: none; /* Remove bottom border */
    padding: 0px;
    margin-bottom: 15px;
}
#forcePasswordResetModal .modal-title {
    font-weight: bold; /* Bold title */
    font-size: 24px; /* Larger title */
}

/* Close button */
#forcePasswordResetModal .close {
    color: #000; /* Black color for the close button */
    opacity: 0.8; /* Slightly transparent */
}

/* Input field styles */
#forcePasswordResetModal .form-control {
    border-radius: 4px; /* Slightly rounded input fields */
    border: 1px solid #ced4da; /* Light border */
    padding: 12px; /* More padding inside the input */
    outline: none;
}

/* Button styles */
#forcePasswordResetModal .btn-primary {
    background-color: transparent;
    color: #000;
    border: 1px solid #000; 
    border-radius: 4px; /* Rounded button */
    padding: 4px 24px 6px 24px; /* Padding inside the button */
    font-size: 15px; /* Larger text */
    transition: background-color 0.3s ease; /* Smooth background color transition */
    margin-top: 15px;
}
#forcePasswordResetModal .btn-primary:hover {
    background-color: #3579bc; /* Darker blue on hover */
    color: #fff;
    border: 1px solid #3579bc; 
}

/* Success message */
#forcePasswordResetModal .text-success {
    font-weight: bold; /* Bold text */
    font-size: 18px; /* Larger text */
    margin-top: 15px; /* Space above the message */
}

/* Adjust modal body padding */
#forcePasswordResetModal .modal-body {
    padding: 0px; /* More padding inside the body */
}