#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5FACA1;
  color: white;
}
.nav-link:hover {
    color: rgb(255, 0, 0);
  }
.resp{
  min-height: 260px;
}
  @media (max-width: 767px) {
  .resp{
    min-height: 460px;
  }

  #customers td, #customers th {
    padding-right: 2px;
  }
}

.checkbox-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.checkbox-text {
  flex: 1;
  font-family: 'Arial', sans-serif; 
  font-size: 16px; 
}
::ng-deep .mat-checkbox-ripple .mat-ripple-element {
  background-color: #5FACA1 !important;
  
}

::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #5FACA1 !important;
}

::ng-deep .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #5FACA1 !important;
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}