@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    100% {
        background-position: 500px 0
    }
}

.animated-background-linear {
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #D3D3D3, #eeeeee, #D3D3D3);
    background-size: 800px 104px;
    height: 40px;
    position: relative;
}


.timeline-wrapper {
     padding-left:30px !important;
    padding-right:30px !important;
}



@keyframes pulse {
    0% {
        background-color: rgba(165, 165, 165, 0.1);
    }

    50% {
        background-color: rgba(165, 165, 165, 0.3);
    }

    100% {
        background-color: rgba(165, 165, 165, 0.1);
    }
}


.animated-background {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
    background-size: 800px 104px;
    height: 40px;
    position: relative;
    text-align: center;
    font-size: 24px;
}