/* Estilos generales para la tabla y form */
.wp-list-table th, .wp-list-table td {
    vertical-align: middle;
    padding: 8px;
}

input[type="checkbox"] {
    vertical-align: middle; /* Ajuste adicional para alinear verticalmente */
}

.actions-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; 
}

.delete-selected {
    padding: 4px 8px; 
    background-color: #dc3232;
    border-color: #a00;
}

.delete-selected:hover {
    background-color: #c00;
    color:white !important;
}

.pagination-wrap {
    display: flex; 
}

/* Botones de acción general y cancelar */
.button.action, button, .delete-selected {
    color: #fff;
    background-color: #0073aa;
    border: 1px solid #0073aa;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.button.action:hover, button:hover, .delete-selected:hover {
    background-color: #005d92;
    border-color: #005492;
}

/* Botón cancelar específicamente para un estilo más destacado */
.cancel-button {
    background-color: #dc3232;
}

.cancel-button:hover {
    background-color: #c00;
}

/* Estilizando los enlaces de paginación para ser más coherentes */
.nav-links a {
    color: #555;
    background-color: #f7f7f7;
    border-color: #ccc;
    box-shadow: 0 1px 0 #ccc;
    line-height: normal;
}

.nav-links a:hover {
    background-color: #fafafa;
    color: #23282d;
}

/* Mejorar la visualización del título de la página y el botón de acción principal */
.page-title-action {
    background-color: #0071a1;
    border-color: #006799;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.page-title-action:hover {
    background-color: #008ec2;
}

.manage-column.column-cb input[type="checkbox"] {
    vertical-align: middle; /* Asegura que el checkbox se alinee verticalmente en el centro */
    margin: 0; /* Elimina cualquier margen extra */
    position: relative;
    top: -1px; /* Ajusta la posición si es necesario */
}
.widefat .check-column {
    width: 2.2em;
    padding:8px;
    vertical-align: middle;
}
.page-numbers{margin:3px;}
/* Estilo general para los botones */
button {
    padding: 5px 16px;
    border: none;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
    min-width: 76px; /* Igualar tamaños */
    text-align: center;
	font-weight:bold;
}

/* Botón de Cancelar */
.button-cancel {
    background-color: #e74c3c;
    color: white;
	line-height:2 !important;
}

.button-cancel:hover {
    background-color: #c0392b;
}

/* Botón de Pausar (color más moderno y atractivo) */
.button-pause {
    background-color: #3c434a;
    color: white;
}

.button-pause:hover {
    background-color: #8c8f94;
}

/* Botón de Reanudar */
.button-resume {
    background-color: #2ecc71;
    color: white;
}

.button-resume:hover {
    background-color: #27ae60;
}

th.column-id, td.column-id {
    width: 5%;
    min-width: 50px;
    text-align: center;
}

/* Estilo para hacer más ancha la columna de acciones */
th.column-actions, td.column-actions {
    width: 20%;
    min-width: 200px;
}

/* Ajuste general para botones en la columna de acciones */
td.column-actions button {
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer;
}

.button-retry,
.button-retry-lot {
    background-color: #ffcc00 !important;
    border-color: #e6b800 !important;
    color: #FFF !important;
    font-weight: bold;
}

.button-retry:hover,
.button-retry-lot:hover {
    background-color: #ffdb4d !important;
    border-color: #d4a700 !important;
    color: #FFF !important;
}