.elementor-16293 .elementor-element.elementor-element-5a3bd32{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-16293 .elementor-element.elementor-element-5a3bd32:not(.elementor-motion-effects-element-type-background), .elementor-16293 .elementor-element.elementor-element-5a3bd32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8f9535d );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-16293 .elementor-element.elementor-element-5a3bd32{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-f818f02 */.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.weight-checkbox {
  width: 20px; /* Increase width */
  height: 20px; /* Increase height */
  transform: scale(1.5); /* Scale the checkbox */
}


/* Styles for Search Input */
.search-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

#participant-search {
    width: 100%;
    padding: 10px; /* Increase padding to match the button's height */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 0px; /* Remove border radius */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    height: 60px; /* Ensure height matches the button */
}

/* Position Save Button to the Left */
.save-button {
    margin-right: 10px; /* Add padding/margin for spacing */
    background: none;
    border: 1px solid #ccc; /* Add border for consistency */
    padding: 10px 20px; /* Add padding to match the search input */
    font-size: 16px;
    cursor: pointer;
    line-height: 28px; /* Align the text vertically */
}

/* Pagination Styles */
.pagination-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.pagination-button {
    background: none;
    color: #007BFF;
    border: none;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    margin: 0 5px;
}

.pagination-info {
    font-size: 16px;
    margin: 0 10px;
    font-weight: bold;
}

.colour-credit-text {
    color: #C30010;
}

/* Style for disabled Save button */
/* Hidden state */
.hidden {
    display: none;
}


/* Container to enable horizontal scrolling if needed */
.table-container {
  overflow-x: auto;
  position: relative;
  width: 100%;
}

/* Style the table within .cube-add-credit-table */
.cube-add-credit-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Enforces fixed widths for all columns */
}

/* Sticky and styling for the first column */
.cube-add-credit-table th:first-child,
.cube-add-credit-table td:first-child {
  width: 200px; /* Fixed width for the first column */
  position: sticky;
  left: 0;
  background-color: white !important;
  z-index: 5;
  border-right: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

/* Consistent width for non-first columns */
.cube-add-credit-table th:not(:first-child),
.cube-add-credit-table td:not(:first-child) {
  width: 120px; /* Fixed width for all other columns */
  padding: 8px;
  text-align: center;
}

/* Style for header cells */
.cube-add-credit-table th {
  background-color: #f5f5f5;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #ddd;
}

/* Optional: row hover effect */
.cube-add-credit-table tbody tr:hover {
  background-color: #f9f9f9;
}





/* Responsive Styles */
@media (max-width: 768px) { /* Styles for tablets */
    .wrapper {
        max-width: 120px;
        padding: 3px;
    }

    .wrapper span {
        font-size: 18px;
    }

    .wrapper span.num {
        font-size: 16px;
    }

    #participant-search {
        max-width: 300px;
    }

    .pagination-button {
        padding: 8px 16px;
        font-size: 14px;
    }

    .pagination-info {
        font-size: 14px;
    }
}

@media (max-width: 480px) { /* Styles for mobile */
    .search-container {
        flex-direction: column;
        align-items: stretch;
    }

    .save-button, #participant-search {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
    }

    .save-button {
        text-align: center;
        background: #007BFF; /* Optional: Add background color to button */
        color: #FFF; /* Optional: Change button text color */
        border-radius: 0px; /* Remove border radius */
    }

    #participant-search {
        font-size: 16px;
        text-align: left;
        border-radius: 0px; /* Remove border radius */
    }

    .pagination-button {
        padding: 6px 12px;
        font-size: 14px;
    }

    .pagination-info {
        font-size: 14px;
    }
}/* End custom CSS */