.content {
        margin-left: 30px; /* Ajusta este valor al ancho de tu menú */
    }

    /* ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 200px;
        background-color: #f1f1f1;
        position: fixed; 
        height: 100%; 
        overflow: auto; 
    }

    li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }

    li a:hover {
        background-color: #555;
        color: white;
    } */


    /* def menu  ============================================*/

    .menu p {
        padding: 8px 16px; /* Establece el mismo padding que el de los elementos <a> */
        margin: 0; /* Elimina cualquier margen predeterminado */
    }
    
    .menu p:hover {
        background-color: #555;
        color: white;
        cursor: pointer; /* Cambia el cursor al pasar sobre el <p> */
    }

    .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 200px;
        background-color: #040624;
        position: fixed;
        height: 100%;
        overflow: auto;
    }
     
    .menu li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }
    
    .menu li a:hover {
        background-color: #221f20;
        color: rgb(212, 209, 209);
    }
    
    /* Agrega un espaciado en el borde derecho */
    .menu {
        padding-right: 20px; 
    } 

    .menu.collapsed ul {
        width: 0;
        overflow: hidden;
    } 

 .menu li.autenticado strong {
        font-weight: bold;
        margin-top: 40px; 
        color: #b3a6a6;
  
    } 
    
    /* Estilos para la clase 'no-autenticado' */
    .menu li.no-autenticado strong {
        font-weight: bold;
        margin-top: 40px; 
        color: #b3a6a6;
    } 


    /*CONMFIGURACIONES PARA EL SUBMENU */


    .menu ul ul {
        display: none; /* Oculta los submenús por defecto */
        padding: 0;
        margin: 0;
    }
    
    .menu ul ul li {
        padding-left: 10px; /* Agrega un espacio a la izquierda para indicar que es un submenú */
    }
    
    /* Estilos para los enlaces del menú */
    .menu ul a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #ffffff;
    }
    
    /* Estilos para los enlaces del submenú */
    .menu ul ul a {
        padding: 5px 20px; /* Ajusta el relleno para los enlaces del submenú */
        color: #cecece; /* Color de los enlaces del submenú */
    }
    
     /* Estilo para resaltar el elemento de agrupación cuando se pasa el ratón sobre él */
    .menu ul a:hover {
        background-color: #f0f0f0;
    } 
    
    /* Estilo para resaltar el elemento de agrupación del submenú cuando se pasa el ratón sobre él
    */
    .menu ul ul a:hover {
        background-color: #e0e0e0;
    } 

    
/* end menu  ============================================*/

/* Estilos para la animación de carga */
/* Estilos para la animación de carga */
.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estilos para el contenedor del loader */
.loader-container {
    display: none; /* Inicialmente oculto */
    text-align: center; /* Centra el loader */
}

/* Estilos para ocultar la tabla */
.hidden {
    display: none;
}
/* ____________________________________________________________________*/

/*********************************************************************/
/* estilo de celdas de PG */
.negativo {
    background-color: red;
    color: white;
}

.positivo {
    background-color: green;
    color: white;
}

.ctd {
    text-align: center; /* Centra el texto horizontalmente */
}
/* ____________________________________________________________________*/

/*********************************************************************/
/* Configuraciones generales rapidas */
    body.fondo-oscuro {
        background-color: #3d6640bb; /* Fondo oscuro */
        color: #383232; /* Texto claro */
        /* Agrega estilos para otros elementos según sea necesario */
      }

      h1, h2, h3, li {
        font-family: 'Roboto', sans-serif;
      }
      
      p {
        font-family: 'Open Sans', sans-serif;
      }
      
      table {
        overflow-x: auto;
        white-space: nowrap;
        }

        .menu > ul > a {
            font-weight: bold;
            font-family: 'Open Sans', sans-serif;
        }
    

 /**************************************/

 .loader-op-abiertas {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    z-index: 1000; /* Asegúrate de que esté encima de otros elementos */
}

.content-op-abiertas {
    display: none; /* Mantener oculto hasta que la carga termine */
}


.menu-movil2{color:#2b2188;
    font-size:3rem;text-align:center;
    padding:1rem 0}
/*@media (min-width:768px){.menu-movil{display:none}}*/

.menu-movil2:hover{cursor:pointer}


.messages {
    color: rgb(9, 100, 24);
    list-style: none;
    padding: 0;
}
.messages .error {
    color: red;
    font-weight: bold;
}