/* Estilo para boton Exportar Excel */

.excel-btn {
    background-color: #28a745; /* Color verde */
    color: #fff; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cursor tipo mano */
    font-size: 16px; /* Tamaño del texto */
    font-weight: normal; /* Negrita */
    transition: background-color 0.3s; /* Transición suave */
}

/* Cambiar el color de fondo al pasar el ratón por encima */
.excel-btn:hover {
    background-color: #218838; /* Color verde oscuro */
}

/* Estilos para el icono */
.excel-icon {
    width: 20px; /* Ancho del icono */
    height: 20px; /* Altura del icono */
    vertical-align: middle; /* Alinear verticalmente */
    margin-right: 5px; /* Margen derecho para separar del texto */
}

/* Estilo para boton Imprimir */

.print-btn {
    background-color: #6a7079; /* Color verde */
    color: #fff; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cursor tipo mano */
    font-size: 16px; /* Tamaño del texto */
    font-weight: normal; /* Negrita */
    transition: background-color 0.3s; /* Transición suave */
}

/* Cambiar el color de fondo al pasar el ratón por encima */
.print-btn:hover {
    background-color: #3b3d42; /* Color verde oscuro */
}

/* Estilos para el icono */
.print-icon {
    width: 20px; /* Ancho del icono */
    height: 20px; /* Altura del icono */
    vertical-align: middle; /* Alinear verticalmente */
    margin-right: 5px; /* Margen derecho para separar del texto */
}