.dng-container {
    max-width: 800px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.dng-filters {
    margin-bottom: 20px;
    text-align: center;
}

.dng-filters label {
    margin-right: 10px;
}

.dng-filters select, .dng-filters button {
    padding: 5px 10px;
    margin: 0 5px;
    font-size: 14px;
}

.dng-alphabet {
    text-align: center;
    margin-bottom: 20px;
}

.dng-letter {
    margin: 0 5px;
    text-decoration: none;
    color: #0073aa;
    font-weight: bold;
}

.dng-letter:hover {
    color: #005177;
}

.dng-names h2 {
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.dng-names ul {
    list-style: none;
    padding: 0;
}

.dng-names li {
    padding: 5px 0;
    color: #555;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .dng-letter {
        margin: 0 3px;
        font-size: 14px;
    }
    .dng-filters select, .dng-filters button {
        display: block;
        margin: 5px auto;
        width: 80%;
    }
}
/* Admin Styles */
.form-table td {
    padding: 10px 5px;
}
.form-table input[type="text"] {
    width: 200px;
}
.form-table select {
    width: 150px;
}