/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.jpgvid-repeater-container {
    margin: 10px 0;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.jpgvid-repeater-row {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.jpgvid-repeater-row label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.jpgvid-repeater-row input[type="text"],
.jpgvid-repeater-row textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

button {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 15px;
    margin: 5px 0;
    cursor: pointer;
}

button:hover {
    background-color: #005177;
}

button#generate-slide {
    background-color: #28a745; /* Green color */
}

button#generate-slide:hover {
    background-color: #218838; /* Darker green on hover */
}