html {
  scroll-behavior: smooth;
}

.capacitacion_application img {
    width: 42px;
    cursor: pointer;
}


.capacitacion_application {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.e-learning {
    background: #525252;
    color: white;
    padding: 3px 12px;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 17px;
    position: relative;
    opacity: 0;
    transition: .3s ease;
    user-select: none;
}


.e-learning::before{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-right: 7px solid #525252;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    left: -14px;
    top: 8.5px;
}

.capacitacion_application:hover .e-learning{
    opacity: 1;
    user-select: auto;
}


.ssm-sub-menu {
    background: transparent;
    color: #009acd;
    font-weight: bold;
    font-family: gotham_bold,Arial,Tahoma,sans-serif;
}

.triangulo{
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid #009acd;
    opacity: 0;
    transition: .3s ease;
}

.list_filter,
.ssm-sub-menu ul li:nth-child(2){
    display: flex;
    align-items: center;
}

.list_filter.active .triangulo{
    opacity: 1;
}

span.ssm-nav-pills{
    display: none;
}

.conten_modal {
    position: absolute;
    top: 115%;
    left: 0%;
    background: white;
    z-index: 1;
    padding: 11px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 4px;
    width: 126%;
    display: none;
    opacity: 0;
    transition: .3s ease;
}

.conten_modal ul li {
    padding: 9px;
}

.conten_modal.view{
    display: block;
    opacity: 1;
}

.isotope-item {
    transition: .2s ease;
    animation: items_filter .3s ease;
    opacity: 1;
    transform: scale(1);
}


@keyframes items_filter{
    0%{
        opacity: 0;
        transform: scale(0.2);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}