.accord{
    background-color: transparent !important;
}
.accordion-button{
    background-color: transparent !important;
    background-color: #F9F9F9;
}
.pdf_btn .csv{
    width: 80px;
    height: 40px;
    background: #FEC700 0% 0% no-repeat padding-box !important;
    border-radius: 9px;
    color: #000000;
}
.pdf_btn .pdf{
    width: 80px;
    height: 40px;
    background: #027F73 0% 0% no-repeat padding-box !important;
    border-radius: 9px;
    color: #FFFFFF;
}
.cat_drop{
    position: relative; /* Ensures the dropdown menu is correctly positioned */
}
.cat_drop2{
    z-index: 1050; /* Bootstrap default for dropdowns; increase if needed */
    position: absolute; /* Ensure proper stacking */
}
.project p{
    color: #404040;
    font-size: 25px;
    font-weight: 600;
}
.school_name p{
    color: #404040;
    font-size: 20px;
}

.export p{
    color: #404040;
    font-size: 20px;
}

/* .date-picker-icon {
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding-right: 30px;
  } */
  .apply-filter-btn {
    background-color: #00796b; /* Customize this color */
    color: white;
    border: none;
  }
  .apply button{
    background: #027F73 0% 0% no-repeat padding-box !important;
    border-radius: 7px;
    color: #FFFFFF !important;
  }
  .table-responsive {
    border-radius: 10px; /* Adds border radius to table wrapper */
    overflow: hidden; /* Ensures table contents respect the border radius */
  }
  .table {
    border-radius: 10px;
    overflow: hidden;
    white-space: nowrap;
  }
  .tftable thead th {
    background-color: #027F73 !important;
    color: #ffffff;
    padding: 15px 30px !important;
}
.tftable td, .tftable th {
    padding: 15px 30px !important; /* Adjust this value as needed */
}

.action img{
    width: 20px;
    height: 17px;
}

.loss_1::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 58"><g id="Group_289" data-name="Group 289" transform="translate(-1584 -1586)"><rect id="Rectangle_49" data-name="Rectangle 49" width="90" height="90" rx="7" transform="translate(1584 1586)" fill="%23C0ECE8"/><g id="calendar_3_" data-name="calendar(3)" transform="translate(1596 1599)"><path id="Path_58" data-name="Path 58" d="M0,21.7a6.506,6.506,0,0,0,6.5,6.5H24.692a6.506,6.506,0,0,0,6.5-6.5V10H0Zm22.093-5.848A1.949,1.949,0,1,1,20.143,17.8,1.949,1.949,0,0,1,22.093,15.848Zm-6.5,0A1.949,1.949,0,1,1,13.645,17.8,1.949,1.949,0,0,1,15.595,15.848Zm-6.5,0A1.949,1.949,0,1,1,7.148,17.8,1.949,1.949,0,0,1,9.1,15.848Z" transform="translate(0 2.996)" fill="%23027F73"/><path id="Path_59" data-name="Path 59" d="M24.692,2.6h-1.3V1.3a1.3,1.3,0,0,0-2.6,0V2.6H10.4V1.3a1.3,1.3,0,1,0-2.6,0V2.6H6.5A6.506,6.506,0,0,0,0,9.1v1.3H31.19V9.1A6.506,6.506,0,0,0,24.692,2.6Z" fill="%23027F73"/></g></g></svg>');
    background-size: 20px 20px; /* Adjust the width as needed */
    background-repeat: no-repeat;
    background-position: center;
}

.under{
    color: #FFB100 !important;
}
.approved{
    color: #027F73 !important;
}
.rejected{
    color: #FF4E00 !important;
}
.view{
 color: #2980CE !important;
}
.banner_text h2{
    font-weight: 700 !important;
}
.input#phone_number {

    border:1px solid #3f3e3ec0 !important;
}
.for_pas:focus{
    border:1px solid #8B9491 !important;
}