.content-collapse{
    width: 100%;
    height: auto;
    
}


.btn-expandir{
    width: 100%;
    text-align: left;
    margin: 5px 0px 5px 0px;
    padding: 20px 10px 20px 10px;
    color: #fff;
    background: #005f6a;
    border-radius: 4px;
}

.inputFiltro {
    width: 100%;
}

.btn-expandir:hover{
    background:#0da9bb;
}
.btn-expandir:focus{
    background:#0da9bb;
}


.subcontent{
    position: relative;
    overflow: hidden;
    height: 0%;
    max-height: 0px;
    transition: max-height .5s ease-out;
}

.abrir_cerrar{
    height: 100%;
    max-height: 1000px;
    transition: max-height .5s ease-in;
}

.abrir_cerrar--comunicaciones{
    max-height: 1500px;
}

@keyframes openAnimationH {
    from{
        transform: scaleY(0);
    }
    to {
        transform: scaleY(1);
    }
}

@keyframes closeAnimationH {
    from{
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}




@keyframes openAnimation {
    from{
        transform: scaleY(0);
    }
    to {
        transform: scaleY(1);
    }
}

@keyframes closeAnimation {
    from{
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}