.side-nav {
    display: block;
    margin: 0;
    padding: 0 40px;
    list-style-type: none;
    list-style-position: outside;
}

.side-nav li {
    margin-right: 10px;
}


.side-nav li a:not(.button) {
    display: block;
    color: #3B62A3;
    margin: 5px;
    padding: 0.4375rem 0.875rem;
    border: 1px solid #3B62A3;
    border-radius: 4px;
    background: white;
    text-decoration: none;
    transition: .4s;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background: #3B62A3;
    color: white;
}

.side-nav li.active > a:first-child:not(.button) {
    color: #67c3df;
    font-weight: normal;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    padding: 0;
    list-style: none;
    border-top-color: white;
}

.side-nav li.heading {
    color: #2ba6cb;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.buscar-container input{
    width: 100%;
}

.buscar-container {
    margin-bottom: 30px;
}

.buscar-container button {
    width: 100%;
}

.nuevo-registro {
    margin-bottom: 30px;
}

.nuevo-registro a{
    color: #2ba6cb;
    text-decoration: none;
}

.nuevo-registro a:hover, .nuevo-registro a:focus {
    color: #258faf
}


.table-rounded {
    border-radius: 10px;
    overflow: hidden; /* Importante para que el borde redondeado se aplique correctamente */
}



.admin-table {
    background-color: ghostwhite;
}
.admin-table thead {
    background-color: lightgrey;
}

.admin-table tfoot {
    background-color: whitesmoke;
}

.admin-table a{
    color: #2ba6cb;
    text-decoration: none;
    margin: 0 5px;
}

.admin-table a:hover, .admin-table a:focus {
    color: #258faf
}

.td-action {
    text-align: center;
}

#paginacion {
    text-align: center;
    font-size: 1.1em;
    color: #2ba6cb;
}

#paginacion ul{
    list-style-type: none;
}
#paginacion li{
    display: inline;
    line-height: 2px;
}

#paginacion li span {
    background-color: #2ba6cb;
    padding: 6px 8px;
    border-radius: 10px;
    color: white;
}
#paginacion li a{
    line-height: 2px;
    text-decoration: none;
    padding: 6px 8px;
    border: 1px solid #2ba6cb;
    border-radius: 10px;
}

#paginacion li a:hover{
    color: #FFFFFF;
    border: 1px solid #D6D6D6;
    background-color: #2ba6cb;
}