div.dt-buttons {
    float: right; /* Aligns the buttons to the right */
}
#myDataTableSingleOp
{
    width: 100% !important;
}
#myDataTableSingleOp_filter
{
    display: none !important;
}
#myDataTableSingleOp thead th
{
    background-color: #F7F7FF;
    padding: 20px;
}
#myDataTableSingleOp tbody tr td:last-child
{
    display: none;
}#myDataTable1 thead
{
    background-color: #F5F5F5;
}
#myDataTableSingleOp thead th:last-child {
    display: none;
}

.dt-buttons 
{
    margin-bottom: 10px;
}

table.dataTable tbody tr.selected a, 
table.dataTable tbody th.selected a, 
table.dataTable tbody td.selected a {
    color: black !important;
}

table.dataTable tbody tr.selected a:hover, 
table.dataTable tbody th.selected a:hover, 
table.dataTable tbody td.selected a:hover {
    color: #6777EF !important;
}
/* Apply blue background and white text to the selected row */
table.dataTable tr.selected td {
    background-color: #007bff !important; /* Blue color */
    color: white; /* White text */
}
#dt-buttons-left
{
    margin-left: -19px;
}
input[readonly] {
    background-color: #e9ecef; 
    color: #6c757d; 
    cursor: not-allowed; 
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.attention-button {
  animation: pulse 1s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Optional glow */
}
.is-invalid {
  border-color: #dc3545 !important;
}
.filepond--credits
{
    display: none !important;
}