css

src/assets/css/custom.css

@@ -1196,8 +1196,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .flight-approval-layer .layer-content-list dl dt strong{font-size:0.875rem;font-weight:600;color:#333}
 .flight-approval-layer .layer-content-list dl dt .badge{font-size:0.8rem;min-width:120px}
 
-.flight-not-approval-row {background-color: rgba(252, 3, 3, 0.4) !important; }
+.bg-color .flight-not-approval-row div{background-color:rgba(252, 3, 3, 0.4); }
-.flight-approval-row{background-color:rgba(63, 172, 225, 0.4) !important;}
+.bg-color .flight-approval-row div{background-color:rgba(63, 172, 225, 0.4);}
 .flight-approval-layer .layer-content-list button{padding:0;font-size: 0.8rem;}
 
 .flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;}
@@ -1212,8 +1212,5 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .search-case-list ul .not-approved{background-color: rgba(252, 3, 3, 0.4);color:rgb(124, 30, 30)}
 .search-case-list ul .non-target{background-color:#f4f4f4;color:#777;border-top-right-radius:4px;border-bottom-right-radius:4px;}
 
-.sc-AxhCb.sc-AxmLO {
+.sc-AxhCb.sc-AxmLO {display: none;}
-    display: none;
+/* .bg-color div{background:#eeeeee} */
-  }
-
-  .bg-color div{background:#eeeeee}

src/components/flight/FlightApprovalsTable.js

@@ -301,7 +301,7 @@ export default function FlightApprovalsTable(props) {
       <>
         <div>
           <DataTable
-            className='bg-color'
+            // className='bg-color'
             noTableHead={true}
             data={data.areaList.slice(1)}
             columns={nestedColumns}