.submit-cart, .delete-selected, .delete-all  { background-color: #e23d74; border-color: #e23d74; text-transform: uppercase; font-size: 16px; color: #fff; border: 0; margin: 10px 0; padding: 12px; }
table.dataTable thead th { color: #e23d74; }
.include-order { accent-color: #e23d74; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #e23d74; color: #fff !important; }
table.dataTable tbody tr.selected>* { box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 90%); color: #000; }
table.dataTable tbody tr .include-order { opacity: 0.1;font-size: 20px;
    text-align: center; display: block; }
table.dataTable tbody tr.selected .include-order { display: block; }
table.dataTable tbody tr.selected .include-order { color: #e23d74; font-size: 20px; text-align: center; opacity: 1; }

table#example.dataTable tbody tr:hover {
  background-color:	#D3D3D3 !important;
}
 
table#example.dataTable tbody tr:hover > .sorting_1 {
  background-color: #D3D3D3 !important;
}    
    
table.dataTable.hover>tbody>tr.selected:hover>*, table.dataTable.display>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px rgb(211 211 211 / 94%);
}    

.csv-submit {
    background-color: #e23d74;
    border-color: #e23d74;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    border: 0;
    margin: 10px 0;
    padding: 12px;
}


td.delete i { display: inline; margin-right: 10px;}





/* Ensure the form container uses grid layout */
.varicode-form-container {
  display: grid; /* Use grid layout */
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 20px; /* Space between grid items */
  padding: 20px;
  max-width: 100%; /* Ensure the form doesn’t exceed its container width */
}

/* Each form group (label + input) */
.varicode-form-group {
  display: flex;
  flex-direction: column; /* Stack label and input vertically */
  width: 100%; /* Ensure it takes the full width of the grid cell */
}

/* Ensure inputs fill available width within each group */
.varicode-form-group input {
  width: 100%; /* Make inputs fill the container */
  padding: 10px; /* Padding for input */
  box-sizing: border-box; /* Include padding in width */
}

/* Labels styling */
.varicode-form-group label {
  margin-bottom: 5px; /* Space between label and input */
  font-weight: bold; /* Bold labels for clarity */
}

/* Button styles */
.varicode-form-container button {
  margin-top: 20px; /* Space above button */
  padding: 10px 20px; /* Padding for button */
  background-color: #007bff; /* Button background */
  color: white; /* Button text color */
  border: none; /* Remove default border */
  cursor: pointer; /* Pointer on hover */
  border-radius: 5px; /* Rounded corners */
  font-size: 16px; /* Button font size */
  grid-column: span 3; /* Make the button span full width */
}

/* Button hover effect */
.varicode-form-container button:hover {
  background-color: #0056b3; /* Darker background on hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .varicode-form-container {
      grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media (max-width: 480px) {
  .varicode-form-container {
      grid-template-columns: 1fr; /* 1 column on mobile */
  }
}