/* Imports */
@import url(http://fonts.googleapis.com/css?family=Oswald:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.has-error small{color:red;font-weight:normal;margin-left:5px;}
#jumbotron-index{margin-top:50px;background:#666;color:#eee;}

table {
    width: 100%;
    border: 2px solid black; /* Borde alrededor de la tabla */
    border-collapse: collapse;
}

th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
}

#pagination {
    margin-top: 10px;
}

button {
    margin: 0 5px;
}
body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    margin: 20px;
}

.pagination {
    display: flex;
    justify-content: center; /* Centra la paginación */
    padding: 10px;
    margin-top: 20px;
}

.pagination a {
    padding: 10px 15px;
    margin: 0 5px;
    text-decoration: none;
    color: #333;
    background-color: #e7e7e7; /* Color de fondo */
    border: 1px solid #ddd; /* Bordes */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s, color 0.3s; /* Efecto de transición */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para efecto de elevación */
}

.pagination a:hover {
    background-color: #4CAF50; /* Color de fondo al pasar el mouse */
    color: white; /* Color del texto al pasar el mouse */
}

.pagination a.active {
    background-color: #4CAF50; /* Color de fondo para la página activa */
    color: white; /* Color del texto para la página activa */
    border: 1px solid #4CAF50; /* Bordes para la página activa */
}

.pagination a.disabled {
    background-color: #ddd; /* Color de fondo para enlaces deshabilitados */
    color: #aaa; /* Color del texto para enlaces deshabilitados */
    pointer-events: none; /* Deshabilita el clic */
    cursor: not-allowed; /* Cambia el cursor a no permitido */
}