body{

        padding: 0 !important;

}



.div-entidad:hover {

        background-color: lightblue;

}



::-webkit-scrollbar {

        display: none;

}



.resaltarTexto{

        color: black;

        background-color: yellow;

}



/*Codigo para colorear la fila en la que se posicione el usuario*/

#tabla_modulo tbody tr:hover td{

        background-color:  #e6f7ff;

}



/*Codigo para evitar que el usuario copie la informacion, evita seleecionar el texto de las tarjetas*/

.no-seleccionable {

        user-select: none;

}



.context-menu {

        z-index: 999999;

        display: none;

        position: absolute;

        background-color: #fff;

        border: 1px solid #ccc;

        padding: 5px;

        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

        text-align: left;

}



.context-menu ul {

        list-style: none;

        margin: 0;

        padding: 0;

}



.context-menu li {

        padding: 8px 12px;

        cursor: pointer;

}

        

.context-menu li form {

        margin: 0;

        padding: 0;

        border: 0;

}



.context-menu li:hover {

        background-color: #f0f0f0;

}



.submenu {

        position: relative;

}



.submenu-horizontal {

        display: none;

        position: absolute;

        top: 100%;

        left: 0;

        background-color: #fff;

        border: 1px solid #ccc;

        padding: 5px;

        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

        padding: 5px;

        border-radius: 5px;

}



.submenu-horizontal li {

        display: inline-block;

}



.color-input {

        width: 25px;

        height: 25px; 

        border-radius: 50%;

        overflow: hidden;

}



.color-input::-webkit-color-swatch {

        border: none;

        border-radius: 50%;

        padding: 0;

}



.color-input::-webkit-color-swatch-wrapper {

        border: none;

        border-radius: 50%;

        padding: 0;

}



.target-contenedor-color {

        top:-28px;

        right: 0;

        position: relative;

        width: 100%; /* Ancho del contenedor */

}





.target-contenedor-color-ep{

        top:0px;

        right: 5px;

        position: absolute;

        width: 100%; /* Ancho del contenedor */

}



.target-input-color {

    position: absolute;

    top: 0;

    right: 0;

    width: 22px;

    height: 22px;

    border-radius: 100%;

}



.target-input-color-ep{

    position: absolute;

    top: 5px;

    right: 0;

    width: 21px;

    height:21px;

    border-radius: 100%;

}



.target-input-color::-webkit-color-swatch {

        border: none;

        border-radius: 50%;

        padding: 0;

}



.target-input-color::-webkit-color-swatch-wrapper {

        border: none;

        border-radius: 50%;

        padding: 0;

}



.target-input-color-ep::-webkit-color-swatch {

        border: none;

        border-radius: 50%;

        padding: 0;

}





.target-input-color-ep::-webkit-color-swatch-wrapper {

        border: none;

        border-radius: 50%;

        padding: 0;

}



.button-checkbox {

        display: inline-block;

        background-color: transparent; /* Color de fondo del botón */

        color: black; /* Color del texto del botón */

        padding: 8px 16px; /* Espacio alrededor del texto */

        border-radius: 5px; /* Bordes redondeados */

        cursor: pointer; /* Cambia el cursor al pasar por encima */

}



@media ( max-width: 30em){

        .button-checkbox {

                display: none;

        }

}





.button-checkbox input[type="checkbox"] {

        display: none; /* Oculta el input checkbox */

}



.button-checkbox input[type="checkbox"]:checked + .button-label {

        background-color: lightblue;

}

        

.selected {

        border: 1px solid black;

        background-color: #cce5ff; /* azul pastel */

}



.close-modal{

        display: flex; /* Utiliza flexbox */

        justify-content: center; /* Centra horizontalmente */

        align-items: center; /* Centra verticalmente */

        height: 30px;

        width: 30px;

        position: absolute;

        top:10px;

        right: 15px;

        padding: 10px;

        cursor: pointer;

        color: black;

        background-color: transparent;

        border: 1px solid black;

        border-radius: 50%;

        transition: background-color 0.3s, color 0.3s; 

}



.close-modal:hover {

        border: 1px solid #e11d48;

        color: white;

        background-color: #e11d48;

}



/*cestilo para los botones superiores de la entidad Entidad Padre*/

.nav-tabs li.active a {

        /*background-color: #28ad8a !important;*/

        /*background-color: <?php if($_Color!=''){ echo $_Color; }else{ echo "lightblue"; }?>;*/

        background-color: lightblue !important;

        font-weight: 500;

        /*color: #fff !important;*/

        color: black; !important;

        /*text-shadow: 0 0 5px #18243e;*/

}



.nav li a {

        display: -webkit-inline-box;

        padding: 7px 15px;

}

    

.nav li a svg {

        vertical-align: middle;

      margin-right: 5px; /* Espacio entre el icono y el texto */ 

      height: 18px; /* Establece la altura deseada */

      width: 18px;

}



a {

        color: inherit;

        text-decoration: inherit;

}



a {

        color: #000 !important;

        cursor: pointer !important;

        text-decoration: none !important;

}

        

.volver-mobil{

         display: none !important;

}





@-moz-keyframes showdiv{ 

        0% { opacity: 1; }

        50% { opacity: 0; }

        100% { opacity: 1; }

}



@-webkit-keyframes showdiv {  

        0% { opacity: 1; }

        50% { opacity: 0; }

        100% { opacity: 1; }

}



@keyframes showdiv {

        0% { opacity: 1; }

        50% { opacity: 0; }

        100% { opacity: 1; }

}



.nuevo-registro {

        animation: showdiv 1s 2;

        -webkit-animation-name:showdiv;

}





/* agregar el siguiente estilo al formulario para dar el estilo a los labels   */

.labeli{

        position: absolute;

        margin-top: -10px;

        margin-left: 10px;

        background-color: white;

        padding: 0 0.25rem;

        font-size: 0.8rem;

        color: #555;

        transition: top 0.3s, left 0.3s, font-size 0.3s;

}

/*termina estilo para  los labels del formulario */



/*quitamos los padding al paginador */

/*.pagination .page-item .page-link {

        padding: 0 !important;

}*/

.pagination .page-item .page-link {

      padding: 0 !important;

      padding-left: 2px !important;

      padding-right: 2px !important;

      margin-right: 3px;

      margin-left: 3px;

  }

/*end quitamos los padding al paginador*/