@keyframes loading {
    0%
    {
        transform: scale( 0.9 )

    }


    40%
    {
        transform: scale(1 )

    }



    100%
    {
        transform: scale( 0.9  )

    }
}

.loading {
    animation: loading 6s infinite; /* nuestro corazón tiene latidos infinitos */

}


.card .card-body {
    padding: 1rem 1rem !important;
}



.timeline-label:before{

    left:60px !important;

}

.timeline-label .timeline-label{
    width:60px !important;

}

.bar-course {

    background-color: #6c6c6c;
    padding: 5px;
    max-width: 100%;
    position: relative;

    right: 12px;
    border-radius: 5px;

}

.bar-card-course {


    /* background: 2px #4d4d4d; */
    border-radius: 5px;
    border: 2px solid #d2d2d5e3 !important;
    /* width: 144px; */
    /* height: 144px; */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);



}