#csv-upload-progress-container {
width: auto;
padding: 0;
border: 1px solid #ccc;
margin-top: 10px;
overflow: hidden;
border-radius: 50px;
padding-left: 0;
}
#csv-upload-progress {
height: 100%;
background-color: #2271b1;
padding: 3px 10px;
color: #fff;
}
.User-Registration-Form-container
{
padding: 20px;
padding-left: 0;
}
.upload_csv_sec
{
background: #ffffff;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.upload_csv_sec input#submit-csv, .user_regs_form button#submit-csv
{
border: 1px solid #2271b1;
border-radius: 3px;
background: #f6f7f7;
font-size: 13px;
font-weight: 400;
color: #2271b1;
padding: 0 10px;
min-height: 30px;
line-height: 2;	
}
.user_regs_form form, .user_regs_form_table_inner
{
background: #ffffff;
padding: 20px;
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
margin-bottom: 20px;
}
.entry-table
{
    padding: 10px 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}
.user_regs_form_inner
{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
.user_regs_form_inner div
{
flex: 0 0 32%;
position: relative;
margin-bottom: 10px; 
}
.user_regs_form_inner div p
{
position: absolute;
top: 0;
right: 5px;
margin-top: -3px;
}
.user_regs_form_inner div p#confirm_password_error
{
color: #e00d0d;
}
.user_regs_form_inner div label
{
display: block;
margin-bottom: 10px;
font-weight: 600;
}
.user_regs_form_inner div input, .user_regs_form_inner div select
{
width: 100%;	 
}
table td button.icon-btn
{
border: 0;
background: transparent;
padding-left: 0;
padding-right: 10px;
cursor: pointer;	
}
table td button.icon-btn span
{
color: #1d2327;	
}
/* Modal styles */
.Form-modal {
display: none;
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
}
.Form-modal-content {
background-color: #fefefe;
margin: 10% auto;
border: 0;
width: 80%;
max-width: 750px;
border-radius: 8px;
}
.Form-modal-header
{
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
    background: #1d2327;
    border-radius: 8px 8px 0 0;
}
.Form-modal-header h3
{
    margin: 0;
    color: #ffffff;
}
.Form-modal-header span.close
{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}
.Form-modal-header span.close:hover,
.Form-modal-header span.close:focus {
color: #aaa;
text-decoration: none;
cursor: pointer;
}
.Form-modal-body
{
    padding: 20px;
    padding-bottom: 0;
}
.Form-modal-footer
{
    padding: 15px 20px;
    background: #ddd;
    border-radius: 0 0 8px 8px;	
}
.Form-modal-footer .footer-btn
{
    border: 0;
    padding: 8px 20px;
    border-radius: 3px;
    background: #2271b1;
    color: #fff;
    margin-right: 10px;
}
.Form-modal-footer .footer-btn.footer-btn-close
{
background: #b71019;
margin-right: 0;	
}
/** Color for the password strength*/
.weak-color {
  color: #EB8E00; /* or any other color you prefer for weak passwords */
}

.moderate-color {
  color: #FC3200; /* or any other color you prefer for moderate passwords */
}

.strong-color {
  color: #0A7871; /* or any other color you prefer for strong passwords */
}
/** User Roles Css */
#fwnauth-userList .user-role-badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #ffffff, 0 0 20px #3498db, 0 0 30px #3498db, 0 0 40px #3498db, 0 0 55px #3498db, 0 0 75px #3498db;
}

#fwnauth-userList .blue-badge { color: #3498db; }
#fwnauth-userList .green-badge { color: #2ecc71; }
#fwnauth-userList .orange-badge { color: #e67e22; }
#fwnauth-userList .purple-badge { color: #9b59b6; }
#fwnauth-userList .red-badge { color: #e74c3c; }
#fwnauth-userList .default-badge { color: #333333; }

.icon-btn {
    border: none;
    background: none;
    cursor: pointer;
}
.highlighted {
    background-color: #aaffaa; /* Light green background */
}
/**Login Page CSS*/
.login-fwn-page h2
{
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
	
}
.login-fwn-page form#fwn-auth-user-login-form
{
    padding: 30px;
    background: #fafafa;	
}
.login-fwn-page form#fwn-auth-user-login-form div
{
    margin-bottom: 20px;	
}
.login-fwn-page form#fwn-auth-user-login-form div label
{
    font-size: 16px;
    font-weight: 500;	
}
.login-fwn-page form#fwn-auth-user-login-form div input
{
    background: #fff;
    border-radius: 0;
	
}
.login-fwn-page form#fwn-auth-user-login-form div:last-child, .forgot-pass-btnsec
{
       display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.forgot-pass-btnsec
{
    margin-top:20px;
}
.login-fwn-page form#fwn-auth-user-login-form divbutton#fwn-login-btn, .forgot-pass-btnsec input#reset-password-btn
{
width: auto;
    font-size: 14px;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #bb0b0b;
    border-width: 1px;
    border-color: #bb0b0b;
    border-style: solid;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;	
}
.login-fwn-page form#fwn-auth-user-login-form div a, .forgot-pass-btnsec a
{
    font-weight: 600;
    color: #002e40;
	
}
.footer-btn-close.close:hover {
    cursor: pointer;
}
.updated-row {
    background-color: #dff0d8; 
}
.dataTables_wrapper .dataTables_length select {
       padding: 4px 15px 4px 5px !important;
}
.cus-pass-icon
{
     position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 16px;
    cursor: pointer;   
}
#fwn-auth-reg-btn
{
    border: 0;
    padding: 10px 20px;
}
span.error-message
{
 position: absolute;
 right: 0;
 font-size: 13px;
}