.fixed-columns {
    left: 0;
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    color: black;
}


.selected {
   background-color: #007bff !important;
   color: #fff;
}



.small-input input[type="text"] {
    width: 80%;  /* Adjust the width as needed */
}
  /* Add borders to table cells */


th, td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 7px;
    font-size: 14px;
    white-space: nowrap;

}
  /* Target all th elements for the table header */
table th {
    color: white; /* Font color */
    background-color: navy; /* Background color */
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* Alternate background colors for rows */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

.dataTables_filter,
.dataTables_length {
    margin-bottom: 5px;
    font-size: 12px;
}

/* Add some spacing between pagination elements */
.dataTables_paginate .paginate_button {
    margin-right: 10px; /* Adjust the value to set the desired gap */
     font-size: 12px;
}

/* Optional: Adjust the spacing for the "Page x of y" element */
.dataTables_info {
    margin-right: 10px; /* Adjust the value to set the desired gap */
}

.dataTables_info {
    float: right;
    font-size : 12px
}
.selected-row {
    background-color: #007bff !important; /* Selected color */
    color: #fff;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.summary{
    font-size: 14px; /* Adjust the font size as needed */
    color: blue; /* Change the color as needed */
}