/* DataTables custom styling */
#stakeList {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: 20px;
    background-color: transparent !important;
}

#stakeList thead,
#stakeList tbody,
#stakeList tr,
#stakeList th,
#stakeList td {
    background-color: transparent !important;
}

#stakeList th, #stakeList td {
    padding: 12px;
    text-align: left;
    border: 1px solid #00ffff;
}

#stakeList th {
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: rgba(0, 40, 40, 0.7) !important;
    color: #00ffff; /* Laser blue color for header text */
}

#stakeList td {
    color: #00cccc; /* Slightly darker blue for row data */
}

/* Button Styling */
#stakeList button {
    background-color: rgba(0, 40, 40, 0.7);
    color: #00ffff;
    border: 1px solid #00ffff;
    padding: 5px 10px;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#stakeList button:hover {
    background-color: rgba(0, 60, 60, 0.7);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

#stakeList button:active {
    background-color: rgba(0, 80, 80, 0.7);
}

/* Override DataTables default styles */
.dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .dataTables_scrollBody {
    background-color: transparent !important;
}

#stakeList_wrapper .dataTables_length,
#stakeList_wrapper .dataTables_filter,
#stakeList_wrapper .dataTables_info,
#stakeList_wrapper .dataTables_paginate {
    color: #00ffff; /* Laser blue color */
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.5); /* Subtle glow effect */
}

#stakeList_wrapper .dataTables_length select,
#stakeList_wrapper .dataTables_filter input {
    background-color: rgba(0, 20, 20, 0.5); /* More transparent background */
    color: #00ffff; /* Laser blue color */
    border: 1px solid #00ffff;
    padding: 5px;
    font-family: 'Courier New', monospace;
}

/* Forcefully override pagination button styles */
#stakeList_wrapper .dataTables_paginate .paginate_button,
#stakeList_wrapper .dataTables_paginate .paginate_button.current,
#stakeList_wrapper .dataTables_paginate .paginate_button:hover,
#stakeList_wrapper .dataTables_paginate .paginate_button:active {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #00ffff !important;
    color: #00ffff !important;
    box-shadow: none !important;
    padding: 5px 10px !important;
    margin: 0 2px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#stakeList_wrapper .dataTables_paginate .paginate_button:hover {
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5) !important;
}

#stakeList_wrapper .dataTables_paginate .paginate_button.current,
#stakeList_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.7) !important;
}

#stakeList_wrapper .dataTables_paginate .paginate_button.disabled,
#stakeList_wrapper .dataTables_paginate .paginate_button.disabled:hover,
#stakeList_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
    color: rgba(0, 255, 255, 0.5) !important;
    border: 1px solid rgba(0, 255, 255, 0.5) !important;
    cursor: default !important;
    box-shadow: none !important;
}

#stakeList_wrapper .dataTables_length label,
#stakeList_wrapper .dataTables_filter label {
    color: #00ffff; /* Laser blue color */
}

#stakeList_wrapper .dataTables_filter input::placeholder {
    color: rgba(0, 255, 255, 0.7); /* Semi-transparent laser blue */
}

#stakeList_wrapper .dataTables_length select:hover,
#stakeList_wrapper .dataTables_filter input:focus {
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.5);
}

.return-amount, .potential-reward {
    font-size: 0.8em;
    color: #00cccc;
    margin-top: 5px;
}