div.mainmenu.prokit::before {
	content: "\f249";
}
div.mainmenu.prokit {
	background-image: none;
}

.myclasscss {
	/* ... */
}


/* --- AGREGAR ESTOS ESTILOS ESPECÍFICOS DE PROKIT AL FINAL --- */

/* CSS styles for Prokit module */
.prokit-highlight {
    background-color: #f0f8ff;
    border-left: 4px solid #4CAF50;
    padding: 10px;
    margin: 10px 0;
}

.prokit-config-table {
    width: 100%;
    border-collapse: collapse;
}

.prokit-config-table td {
    padding: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.prokit-config-table tr:hover {
    background-color: #f9f9f9;
}

/* Estilos para la página de configuración */
.prokit-settings-section {
    background: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
}

.prokit-settings-section h3 {
    color: #2c3e50;
    margin-top: 0;
}
/* Estilos para notificaciones ProKit */
.prokit-notification.success {
    background: linear-gradient(135deg, #28a745, #20c997);
}

.prokit-notification.warning {
    background: linear-gradient(135deg, #ffc107, #fd7e14);
}

.prokit-notification.error {
    background: linear-gradient(135deg, #dc3545, #c82333);
}

.prokit-notification.info {
    background: linear-gradient(135deg, #17a2b8, #138496);
}

/* Estilos para el botón de actualizar */
.btn-actualizar-precios {
    transition: all 0.3s ease;
}

.btn-actualizar-precios:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}