table.dataTable.table-striped>tbody>tr.odd>* {
     box-shadow: none;
     vertical-align: middle;
}
 .table-responsive {
    border: 0;
}
 table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
     background: none;
     padding: 10px;
     border-bottom: 0px solid rgba(0, 0, 0, 0.3);
}
 table.dataTable.table-striped>tbody>tr.odd>* {
     border: 0;
     box-shadow: none !important;
     background-color: #f4f4f4;
}
 table.dataTable tbody th, table.dataTable tbody td {
    padding: 20px !important;
     vertical-align: middle;
}
 .table-responsive {
     max-height: 400px;
    /* Set your desired height for the table body */
     overflow-y: auto;
    /* Enable vertical scroll */
     display: block;
    /* Allow scrolling */
}
 #complaintsTable {
     width: 100%;
     border-collapse: collapse;
     border: 0;
}
 table.dataTable.table-hover>tbody>tr:hover>* ,table.dataTable.table-hover>tbody>td:hover>* {
    box-shadow: none !important;
     background-color:#fff;
}
 #complaintsTable thead th {
     position: sticky;
     top: 0;
     background-color: #f8f9fa;
     z-index: 10;
     text-align: left;
     vertical-align: middle;
     color: #78889B;
     font-weight: 600;
}
 #complaintsTable_filter {
    display: none;
}
 #complaintsTable th, #complaintsTable td {
     padding: 10px 15px !important;
     text-align: left;
     border: 0px solid #ddd;
     color: #24252D;
     font-weight: 500;
}

#complaintsTable_wrapper table.dataTable  {margin: 0 !important;}

 #complaintsTable th, #complaintsTable td {width: max-content !important;}
/* .no-footer .row {
    display: none;
}
 */
/* .dataTables_wrapper .dataTables_length {
     display: none;
}
 */
 .table-responsive {
    max-height: 100dvh;
}
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
     border: 0 !important;
}
 .active>.page-link, .page-link.active {
     border: 0;
     background: none !important;
     color: #000 !important;
     outline: none;
}
 .dataTables_wrapper div.dataTables_length select {
    width: 55px !important;
}
/* Model Styles */
 #Grievance .btn-close {
    background-color: red;
     border-radius: 50%;
     color: #000;
     
}

 

#complaintsTable td, #complaintsTable th {border: 0px solid;}  

button:focus:not(:focus-visible) {outline: none !important ;}

 #Grievance .btn-close {
    opacity: 1;
     outline: none;
         box-shadow: none;
}
 #Grievance .modal-header {
    background: #000;
     padding: 25px;
}
 #Grievance .modal {
    --bs-modal-width:800px;
}
 #Grievance .modal-body {
    padding: 15px;
}
 .grievance-details {
     display: grid;
     margin: 0;
     grid-template-columns: 200px 1fr;
     gap: 0;
}
 .grievance-details dt, .grievance-details dd {
     padding: 6px 10px;
     margin: 0;
     border-bottom: 0px solid #eee;
}
 .grievance-details dt {
     font-weight: bold;
     color: #333;
}
.grievance-details > div:nth-child(odd) dt,
.grievance-details > div:nth-child(odd) dd {
    background-color: #f6f6f6;
}
 .grievance-details > div {
     display: contents;
}
 .grievance-details dd {
     color: #555;
}
 .attachment-block {
     display: flex;
     align-items: center;
}
 .attachment-block img {
     max-width: 60px;
     margin-right: 15px;
     border: 1px solid #ddd;
     padding: 5px;
}
 .attachment-block a {
     color: #007bff;
     text-decoration: none;
}
 .attachment-block a:hover {
     text-decoration: underline;
}


#Transfer .btn-close, #resolve .btn-close, #inprogress .btn-close {
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(https://web-staging.in/grievance1/images/close.svg) right center/30px no-repeat;
}

 

 .btn3 .btn-close {
    opacity: 1;
     outline: none;
         box-shadow: none;
}
 .btn3 .modal-header {
    
     padding: 25px;
     border-bottom: 0;
}
 .btn3 .modal {
    --bs-modal-width:650px;
}


.btn3 .modal-content {background-color: #f6f6f6; }

 .btn3 .modal-body {
    padding: 0px 25px 25px 25px;
}
 
 
.transfer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.reference-id {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

 
.transfer-body {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-group label {
      margin-bottom: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.form-group select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#fff url(https://web-staging.in/grievance1/images/downarrow.svg) right 10px center/12px no-repeat;
}

.form-floating textarea {height: 115px !important; border:1px solid #C7C7C7; box-shadow: none !important; outline: none !important; padding: 10px !important;}
.transfer-footer {
    text-align: left;
}

.transfer-btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}