.colorFila{
background-color: #ebeaeb;
}

.scroll-vertical{
    min-height:60vh;
    max-height:60vh; 
    overflow-y: scroll;
}
.error{
    color: tomato;
}
.form-control,.error{
    color: tomato;
}
.form-control,.valid{
    color:rgb(20, 136, 5);
}

.reduced-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.texto-area-td{
    height: 150px;
    padding: 5px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

@media (max-width: 768px) {
    .texto-area-td {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .texto-area-td {
        height: 100px;
    }
}

    .btn-position-left{
        float: left;
        /* Opcional: ajusta los márgenes según tus necesidades */
        margin-right: 10px;
        margin-bottom: 10px;
    }

.texto-truncado{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:300px;
}

.rotate-down{
    transform: rotate(180deg);
    /* transform: rotate(90deg); */
}
.rotate-up{
    /* transform: rotate(180deg); */
    transform: rotate(-90deg);
}

.btn-flecha{
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

.ver-mas{
    border-bottom: #aee0e1;
    border: 0px;
    background: #eff1f385;
}
.ver-menos{
    border-bottom: #aee0e1;
    border: 0px;
    background: #eff1f385;
}


.contenido{
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f0f0f0;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    text-align: center;
}

.mas-contenido {
    display: none;
    text-align: left;
}