/* Hide only the search input field but keep length and pagination dropdowns */
/* .dt-search label, .dt-search input[type="search"] {
  display: none !important;
}
 */



div.dt-container .dt-paging .dt-paging-button.disabled {
  color: #007BFF !important;

  
}


div.dt-container .dt-paging .dt-paging-button.current {
     color: #fff !important;
    background-color: #1b2935 !important;
    border: 1px solid #1b2935 !important;

}

div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: #fff !important;
  background: none ;
  
}


div.dt-container .dt-paging .dt-paging-button {
  border: 1px solid #ddd !important;
  color: #007BFF !important;
  margin: 0px;
 
}

div.dt-container .dt-paging .dt-paging-button:hover {
  color: #007BFF !important;
  background: none ;
  
}


/* div.dt-container .dt-info {
  margin-left: 25px;
}

div.dt-container .dt-paging {
  color: #0061af !important;

} */



/* div.dt-container .dt-search {
    text-align: right;
} */



#maintaninNonBillableDataTable_wrapper {
    width: 100%;
}




/* Make the container a flex container */
.dt-info, .dt-paging {
   display: flex;
  justify-content: space-between;  /* Push the child divs to opposite ends */
  align-items: center;            /* Center align the items vertically */
  width: 100%; 
  padding-top: 5px;
}


.dt-info {
 white-space: nowrap;  
}

.dt-paging {
  justify-content: flex-end; /* Align right */
}

.dt-length select {
    display: inline-block !important; /* Ensure it's displayed as an inline block */
    white-space: nowrap ; /* Prevent wrapping */
    height: 34px;
    padding: 6px 12px;
    margin-left: 10px; /* Adjust if needed */
}

div.dt-container select.dt-input {
    /* padding: 4px; */
    width: 50px;
}

/* Added for styling */

div.dt-container .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px; /* General gap */
    margin-bottom: 10px
}

.dt-buttons {
    margin-right: 30px; /* Adjust the gap here specifically */
}

.dt-length select {
    display: inline-block !important; /* Ensure it's displayed as an inline block */
    white-space: nowrap; /* Prevent wrapping */
    height: 34px;
    padding: 6px 12px;
    margin-left: 10px; /* Adjust if needed */
}

div.dt-container .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.dt-buttons .dt-length{
    display: flex;
    gap: 15px; /* Space between the first two fields */
    }
  
  

  
.dt-search{
margin-left: auto;
}




div.dt-container select.dt-input {
    /* padding: 4px; */
    width: 45px;
}

.dt-input:focus{
color:#495057;
background-color:#fff;
border-color:#80bdff;
outline:0;
box-shadow:0px 0px 0px 0.2rem rgba(0,123,255,0.25);
}