Elep

h1 {
    text-align: center;
    margin: 20px;
}

select#plgstatus {
    display: inline;
    max-width: 10rem;
}

#plgstatus {
    margin: 5px;
}

/* Add custom CSS for responsiveness */
.table-responsive {
    overflow-x: auto;
}

/* Adjust table appearance */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

/* Adjust colors based on status */
.tbdy {
    color: #fff;
}

.tbdy td,
.tbdy th {
    border: 1px solid #dee2e6;
}

.tbdy th {
    background-color: #6c757d;
}

.tbdy:nth-child(odd) {
    background-color: #28a745;
}

.tbdy:nth-child(even) {
    background-color: #dc3545;
}

p.pheading {
    font-size: 20px;
    font-weight: 700;
}

.tnip {
    display: flex;
    justify-content: space-between;
max-width: inherit !important;
    
}

#exportButton {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}

#exportButton:hover {
    background-color: #45a049;
}

table.sysinfo {
    margin: 10px 10px 10px 10px;
    display: inline-flex;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    white-space: break-spaces;
}

td.tdstyle {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}