/* estilo pestaña del menu principal*/
.nav .nav-item button.active {
    background-color: transparent;
    color: #008B8B !important;
}
.nav .nav-item button.active::after {
    content: "";
    border-bottom: 2px solid #008B8B;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    border-radius: 5px 5px 0 0;
}

/* estilo icono eye login*/
.password-icono {
    float: right;
    color: #666;
    position: relative;
    margin: -25px 10px 0 0;
    cursor: pointer
}

/* icono limpiar del formulario de Consulta archivo principal*/
.icono-cerrar {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: red;
    cursor: pointer;
    font-size: 18px;
    z-index: 2;
}

.sin-borde {
    border: 1px solid #ccc;
    box-shadow: none;
}

.sin-borde:focus {
    border-color: #0d6efd;
    box-shadow: none;
}

/* Evita que el texto se superponga con el ícono */
.pe-4 {
    padding-right: 2rem !important;
}

/*estilo centrado para el datatable*/
#ejemplo th, #ejemplo td {
    text-align: center;
    vertical-align: middle;
}

.linea-css {
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #008B8B; 
    margin-bottom: 2rem; 
    width: 100%; 
    
}