.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: 10px;
    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 */
  }
  
.site_box {
    padding: 15px;
    background: #f6f5f5;
    margin-bottom:20px;
}
.drag-action-buttons{
    text-align: right;
}
.mileage-allowance{
    background:pink;
}
.mileage-allowance h5, .mileage-allowance p{
    margin-top:30px;
}
.mileage-allowance-section{
    background-color: #38cab3;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
}
    .big-checkbox {
    transform: scale(2.5); /* Increase size (1 = default size) */
    -ms-transform: scale(2.5); /* IE 9 */
    -webkit-transform: scale(2.5); /* Safari and Chrome */
    transform-origin: 0 0; /* Optional: aligns it better */
    margin: 20px; /* Optional: spacing fix */
  }
  .mileage-checkboxes label{
    top: 7px;
    position: relative;
    font-size: 16px;
  }

  .mileage-allowance-new{
    background:pink;
    padding-top:30px;
  }
  .allowance-box{
    padding:27px 0px;
    border-bottom: 1px solid #000;
  }
  
  .mileage-allowance-new p{
    font-weight: bold;
  }
  .allowance-navs button {
    font-size: 24px;
    background: #38cab3 !important;
    color: #fff !important;
    margin-right:20px;
    border-radius:10px !important;
    
}
.allowance-navs button.active{
    background: pink !important;
}
.allowance-navs{
    border-bottom:0px !important;
}

.plus-icon {
    border-radius: 50%;
    font-size: 26px;
    margin-left: 20px;
    padding: 0px 11px;
    margin-top: -8px;
}
.registration-table .PASS {
    background-color: green;
    padding: 10px 30px;
    border-radius: 20px;
}
.registration-table .PASS span, .registration-table .FAIL span{
    color:#fff !important;
}
.registration-table .FAIL {
    background-color: red;
    padding: 10px 30px;
    border-radius: 20px;
}