.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden;}
.embed-responsive::before{display:block;content:"";}
.embed-responsive .embed-responsive-item,.embed-responsive iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.embed-responsive-16by9::before{padding-top:56.25%;}
.timeline{margin:0 0 45px;padding:0;position:relative;}
.timeline::before{border-radius:.25rem;background-color:#dee2e6;bottom:0;content:"";left:31px;margin:0;position:absolute;top:0;width:4px;}
.timeline>div{margin-bottom:15px;margin-right:10px;position:relative;}
.timeline>div::after,.timeline>div::before{content:"";display:table;}
.timeline>div>.timeline-item{box-shadow:0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);border-radius:.25rem;background-color:var(--theme-page-bg-col);color:var(--theme-block-card-col);margin-left:60px;margin-right:15px;margin-top:0;padding:0;position:relative;}
.timeline>div>.timeline-item .time{color:#999;float:right;font-size:12px;padding:10px;}
.timeline>div>.timeline-item .timeline-header{border-bottom:1px solid rgba(0,0,0,.125);font-size:16px;line-height:1.1;margin:0;padding:10px;font-weight:500;}
.timeline>div>.timeline-item .timeline-header>a{font-weight:600;}
.timeline>div>.timeline-item .timeline-body,.timeline>div>.timeline-item .timeline-footer{padding:10px;}
.timeline>div>.timeline-item .timeline-body>img{margin:10px;}
.timeline>div>.timeline-item .timeline-footer>a{color:#fff;}
.timeline>div>.fa,.timeline>div>.fas{background-color:#adb5bd;border-radius:50%;font-size:16px;height:30px;left:18px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;color:white;}
.timeline>.time-label>span{border-radius:4px;background-color:#fff;display:inline-block;font-weight:600;padding:5px 10px;color:white;}

.tab-pane#timeline {
    max-height: 600px;
    overflow-y: scroll;
}

.bg-blue {
    /*color: #18A0FB ;*/
}

.bg-green {
    /*color: #28A745 ;*/
}

.bg-purple {
    /*color: #8572FF ;*/
}

.bg-red {
   /* color: #FF8064 ;*/
}

.bg-primary-color {
    /*color: var(--primary-color) ;*/
}