.margen-iconos {
    margin-left: 10px !important;
}

.miContenedor {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.text-add {
    font-size: 17px;
    font-weight: 900;
}

.add:hover {
    background-color: rgb(205, 205, 205);
    border-radius: 10px;
    cursor: pointer;
}
a{
    text-decoration: none;
}
.contenedor-targetas{
    min-width: 26rem;
    margin: 5px 10px;
}
.h-tarjeta{
    min-height: 75vh;
}
.tarjeta-list-items{
    height: 8rem;
}
.tarjeta-list-items:hover {
    cursor: pointer;
}

/* cancelando los eventos para estos contenedores */
.contenedor-label,
.contenedor-icono {
pointer-events: none;
}

.text-titulo-tarea{
    min-width: 100%;
    white-space: nowrap; /* Evita saltos de línea */
    overflow: hidden; /* Oculta el desbordamiento */
    text-overflow: ellipsis;
}

/* .contenedor-icono{
    display: none !important;
}
 */
/* poniendo los eventos a estos elementos */
.contenedor-icono 
.icono-agregar,
.icono-calendario{
    pointer-events: auto;
}
.contenedor-icono 
.icono-agregar i{
    pointer-events: none;
}
.icono-cerrar:hover {
    cursor: pointer;
}
.contenedor-icono 
.icono-calendario i{
    pointer-events: none;
}
.contenedor-icono 
.contenedor-agregar{
   pointer-events: auto;
}

/* .tarjeta-list-items:hover 
.contenedor-icono{
    display: flex !important;
} */
.contenedor-agregar{
    width: 22rem;
    height: 6rem;
}

.icono-agregar:hover {
    background-color: #00000063;
    cursor: pointer; 
}
.icono-calendario:hover{
    background-color: #00000063;
    cursor: pointer; 
}
.offcanvas {
transition: transform .3s ease-in-out;
}
.h-tareas{
    height: 95%;
}
@media (max-width: 576px) { 
    .w-tareas{
        min-width: 100% !important;
    }
    .h-tareas{
    height: 90%;
    transform: translateY(10%) !important;
}
 }
        /* Para dispositivos grandes (desktops) con un ancho de 1200px o más */
@media (min-width: 1200px) {
/* Selecciona el elemento al que deseas aplicar el ancho mínimo del 30% */
.w-tareas-list {
    min-width: 30%;
}
}

 .border-elementos{
    border: solid white 1px;
    border-radius: 10px;
 }
.elementos:hover{
    background-color: rgba(3, 98, 82, 0.946) !important;
    cursor: pointer;
    border-radius: 10px;
    padding: 2px;
}
.cursor{
    cursor: pointer;
}
.border-icono{
    border: dashed rgb(255, 255, 255) 1px;
    
}
 .border-icono-modal{
    border: dashed rgb(28, 12, 133) 1px;
}

.bg-modal {
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(6, 84, 170, 1) 0%, rgba(5, 109, 187, 1) 100%, rgba(0, 212, 255, 1) 100%);
}

.custom-scrollbar {
max-height: 60vh; /* Altura máxima del contenedor */
overflow: hidden;
overflow-y: scroll;
overflow-x: scroll /* Oculta la barra de desplazamiento por defecto */
}

.custom-scrollbar::-webkit-scrollbar {
width: 4px; /* Ancho de la barra de desplazamiento */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #888; /* Color de fondo del pulgar */
border-radius: 4px; /* Borde redondeado del pulgar */
}

.custom-scrollbar::-webkit-scrollbar-track {
background-color: #ffffff; /* Color de fondo de la pista de la barra de desplazamiento */
}
.txt-proyectos{
    padding: 10px 0 10px 40px !important;
    font-size: 14px;
    font-weight: 600;
}
.txt-proyecto-a{
color: #012970 !important;
}

.link-agregar-usuario:hover {
    cursor: pointer;
}

.custom-modal {
    min-height: 35rem; /* ajusta la altura según tus necesidades */
}

/*Notificaion icono*/
.icono-notificacion , #mostra-notify:hover{
    cursor: pointer;
}

/*style chat*/
.contenido-notify{
    pointer-events: none;
}
.mostrar-notificacion {
    cursor: pointer;
}
.icono-item-notify{
    cursor: progress;
}
 
    .mask-custom {
    background: rgba(24, 24, 16, .2);
    border-radius: 2em;
    backdrop-filter: blur(15px);
    border: 2px solid rgba(255, 255, 255, 0.05);
    background-clip: padding-box;
    box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
    }

.groud-chat{
    min-height: 100%;
}

.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
    min-height: 300px;
    max-height: 700px;
    overflow-y: scroll;
}

.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}
.mensaje-text{
    background-color: #effef7;
}
.mensaje-text-user{
    background-color: #effefc;
}
.autor-text{
    background-color: #88f580;
}