#lPanel {
    position: absolute;
    left: -100%;
    transition: left 0.3s ease;
    min-width:80%;
    background-color: silver;
    height: 100vh;
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:1px solid black;
}

#lPanel.active {
    left: 0;
    
}

#dLista{
    width:100%;
    background-color: white !important;;
}
#tData{
    width:100% !important;
}
.hidden{
    display:none;
}
.btAccion {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    text-align: center;
}
.rojo{
    background-color:red !important;
    color:white;
}
.verde{
    background-color:green !important;
    color:white !important;
}

.selectedRow{
    background-color: rgb(226, 253, 224) !important;
}


.menuActivo{
    background-color: #ccc;
    color: black;
}

.smActivo{
    background-color: rgba(253, 253, 198, 0.791) !important;
    color: black;
}

.moActivo{
    background-color: rgb(216, 216, 216) !important;
    color: black;
    

}

.renglon{
    align-items: center;
    margin-bottom: 10px;
}

.sidebar-nav .active{
    background-color: rgb(3, 199, 95) !important;
}

.main-news{
    padding-bottom:500px !important;
}

#layer{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.2);
    z-index: 2000 !important;
    transition: left 0.2s ease;
   
    justify-content: center;
    align-items: center;
}

#layer.visible{
    display: flex;
    left: 0 !important;

}

#myModal1{
    z-index: 2001 !important;;
}