.invalid-feedback{
    display:block;
}
.select2-container{
    z-index: 99999999 !important;
}
.signature{
    max-height:100px;
}
.header-btn {
    border: 1px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
    margin-right: 20px;
    float: left;
}

.header-btn.active {
    background-color: var(--primary-bg-color);
    color:#fff;
}
.inside-header select{
    width:300px;
    float: left;
    border: 1px solid var(--primary-bg-color);
    color: var(--primary-bg-color);
}

.header-btn:hover {
    background-color: var(--primary-bg-color);
    color:#fff;
}
.send-email, .send-sms, .delete-multiple, .send-missing-information{
    cursor: pointer;
}
.duplicate_entry{
    background-color: orange !important;
}
.duplicate_entry td a span, .duplicate_entry td a{
    color: #fff !important;
}
.display-none{
    display:none;
}
.header-filter{
    padding:30px 0px;
}
.iframe-documents{
    width: 100%;
    height: 400px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.iframe-packs{
    /* width: 100%; */
    height: 400px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.eligible-claims-ul {
    list-style: none; 
      padding-left: 1.2em;
      float:right;
  }
/* .eligible-claims::marker {
    color: #fbdbe1 !important;
    font-size: 2em; 
}

.claims-inprogress::marker {
    color: #d8f2ed !important;       
    font-size: 2em; 
} */
.eligible-claims-ul li{
    position: relative;
      padding-left: 1em;
}

.eligible-claims::before {
    content: "■"; /* Square Unicode character */
    position: absolute;
    left: -5px;
    top: -10px; /* Adjust vertical alignment */
    font-size: 2em; /* Size of the square */
    color: #d8f2ed;       /* Color of the square */
  }

  .claims-inprogress::before {
    content: "■"; /* Square Unicode character */
    position: absolute;
    left: -5px;
    top: -10px; /* Adjust vertical alignment */
    font-size: 2em; /* Size of the square */
    color: #fbdbe1;       /* Color of the square */
  }
  
  .plus-icon {
    border-radius: 50%;
    font-size: 26px;
    margin-left: 20px;
    padding: 0px 11px;
    margin-top: -8px;
}


/* Styling the unordered list */
.email_template ul {
    list-style-type: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif; /* Set a font for better readability */
}

/* Styling each list item */
.email_template ul li {
    background-color: #f4f4f4; /* Light grey background */
    border-radius: 5px; /* Rounded corners */
    padding: 8px 12px; /* Padding around the text */
    margin-bottom: 5px; /* Space between list items */
    font-size: 14px; /* Font size */
    color: #333; /* Text color */
    display: flex; /* Allow flexible layout */
    align-items: center; /* Center text vertically */
}

/* Styling the arrows (if any) and adding icons */
.email_template ul li:before {
    content: "→"; /* Add an arrow before each list item */
    margin-right: 10px; /* Space between the arrow and text */
    color: #3498db; /* Blue color for the arrow */
    font-weight: bold; /* Make the arrow a bit bolder */
}

/* Optional: Hover effect */
.email_template ul li:hover {
    background-color: #e0e0e0; /* Change background color on hover */
    cursor: pointer; /* Change cursor to indicate it's clickable */
}
.pension_forecast{
    padding:20px;
    background-color: #f4f1f1;
}
.p800_forecast{
    padding:20px;
    background-color: #f4f1f1;
}
.btn:hover, .sp-container button:hover{
    color:#fff;
}
.mobile-logo{
    display:none;
}



.dash-wrap{ padding: 28px 0; }

.dash-card{
    background:#fff;
    border-radius:14px;
    box-shadow:0 14px 40px rgba(2,6,23,.08);
    border:1px solid rgba(2,6,23,.06);
    overflow:hidden;
}

.dash-card-head{
    padding:16px 20px;
    border-bottom:1px solid rgba(2,6,23,.06);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.dash-title{
    font-size:16px;
    /* font-weight:800; */
    color:#0f172a;
}

.dash-subtitle{
    font-size:13px;
    color:#64748b;
    margin-top:4px;
}

.dash-body{
    padding:18px 20px;
}

.field{
    margin-bottom:18px;
}

.field label{
    display:block;
    font-size:13px;
    /* font-weight:800; */
    color:#334155;
    margin-bottom:10px;
}

.radio-group{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.radio-option{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border:1px solid rgba(2,6,23,.10);
    border-radius:12px;
    background:#fff;
}

.actions{
    margin-top:20px;
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid rgba(2,6,23,.06);
    padding-top:16px;
}

.btn-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:12px;
    font-size:13px;
    /* font-weight:800; */
    text-decoration:none;
    color:#0f172a;
    background:#fff;
    border:1px solid rgba(2,6,23,.12);
}

.btn-save{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:12px;
    font-size:13px;
    /* font-weight:800; */
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#142790,#0d6efd);
    box-shadow:0 10px 22px rgba(13,110,253,.22);
    border:none;
    cursor:pointer;
}

.alert{
    border-radius:12px;
    padding:12px 14px;
    margin-bottom:14px;
    font-size:13px;
    border:1px solid rgba(2,6,23,.08);
}

.alert-error{
    background:#fff1f2;
    border-color:rgba(190,18,60,.18);
    color:#9f1239;
}

.step-badge{
    display:inline-block;
    padding:6px 10px;
    border-radius:999px;
    background:#eff6ff;
    color:#1d4ed8;
    font-size:12px;
    /* font-weight:800; */
    margin-bottom:10px;
}