/* Base button styles for .admin-page */
.admin-page .button {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
}

/* White button */
.admin-page .button.button-white {
    background-color: white;
    color: #333;
    border: 1px solid #ddd;
}

.admin-page .button.button-white:hover {
    background-color: #f1f1f1;
    border-color: #ccc;
}

/* Red button */
.admin-page .button.button-red {
    background-color: #d9534f;
    color: white;
    border: 1px solid #c9302c;
}

.admin-page .button.button-red:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}

/* Blue button */
.admin-page .button.button-blue {
    background-color: #0073aa;
    color: white;
    border: 1px solid #005177;
}

.admin-page .button.button-blue:hover {
    background-color: #005177;
    border-color: #003c56;
}

/* Green button */
.admin-page .button.button-green {
    background-color: #5cb85c;
    color: white;
    border: 1px solid #4cae4c;
}

.admin-page .button.button-green:hover {
    background-color: #4cae4c;
    border-color: #398439;
}

/* Reduce padding and margin for table cells */
.form-table th,
.form-table td {
    padding: 5px 10px; /* Adjust padding to make the cells more compact */
    margin: 0;
}

/* Adjust line-height for labels and inputs */
.form-table label,
.form-table input,
.form-table select {
    line-height: 1.2;  /* Reduce line height to make the form more compact */
    font-size: 14px;    /* Optional: reduce font size for a more compact form */
}

/* Reduce space between input fields and description text */
.form-table .description {
    margin-top: 5px; /* Reduce space between input and description */
    font-size: 12px; /* Optional: smaller description text */
}

/* Optional: Make the form slightly more compact overall */
form {
    margin-bottom: 10px;
}

.hidden {
    display: none;
}

/* NOTICES CSS */

/* General notice styles */
.dmuk-bo-notice {
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 10px 0;
    padding: 15px;
    font-size: 14px;
    display: flex;  /* Ensure icon and text are aligned */
    align-items: center;  /* Vertically align items */
}

/* Icon styling */
.dmuk-bo-icon {
    font-size: 24px;  /* Increase icon size */
    margin-right: 10px;  /* Add space between the icon and the text */
}

/* Success notice */
.dmuk-bo-notice-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/* Error notice */
.dmuk-bo-notice-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Warning notice */
.dmuk-bo-notice-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/* Info notice */
.dmuk-bo-notice-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.admin-page form {
    border: 1px solid #ddd;  /* Light gray border */
    padding: 15px;  /* Optional: Add some padding inside the form */
    border-radius: 5px;  /* Optional: Add rounded corners */
    margin: 20px 25px 5px 25px;  /* top, right, bottom, left */
    background-color: #f9f9f9;  /* Optional: Set background color */
}