@-webkit-keyframes glow {
  to {
    box-shadow: 0 0 35px #0099FF;
  }
}
.clear-both { clear: both; }

#applications_wrapper .col-sm-12 { overflow-x: scroll; orverflow-y: hidden; }

.step-active { animation: glow 0.5s infinite alternate; }

.step-active:hover { animation-play-state: paused; }

.fa-comment-o, .fa-clock-o { cursor: pointer; }

.timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; }
.timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #ffffff; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 20px; position: relative; width: 50%; float: left; clear: left; }
.timeline > li:before, .timeline > li:after { content:" "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content:" "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #dcdcdc; background: #ffffff; position: relative; }
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content:" "; }
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; }
.timeline > li > .timeline-badge { color: #ffffff; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-badge > a { color: #ffffff !important; }
.timeline-badge img { border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
.timeline-badge a:hover { color: #dcdcdc !important; }
.timeline-title { margin-top: 0; color: inherit; }
.timeline-heading h4 { font-weight: 400; padding: 0 15px; color: #4679bd; }
.timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; }
.timeline-footer { padding: 5px 15px; background-color:#f4f4f4; }
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a { cursor: pointer; text-decoration: none; }
.timeline > li.timeline-inverted { float: right; clear: right; }
.timeline > li:nth-child(2) { margin-top: 60px; }
.timeline > li.timeline-inverted > .timeline-badge { left: -12px; }
.no-float { float: none !important; }

#commentsModal .modal-body { position: relative; background: #f5f5f5; padding: 0; }
.modal-comments { height: 350px; border-radius: 0 0 3px 3px; overflow-y: scroll; }
#commentsModal .modal-body .faded { position: absolute; bottom: 0; left: 0; right: 0; height: 45px; background-image: -webkit-linear-gradient(top, rgba(245,245,245,0), rgba(245,245,245,1) 100%); z-index: 10; }
.modal-comments .comment { padding: 15px; }
.modal-comments .comment img { display: inline-block; width: 43px; height: 43px; border-radius: 40px; opacity: 1; box-shadow: 0 0 2px #888; vertical-align: initial; }
.modal-comments .comment .text { margin-left: 55px; font-size: 11px; position: relative; top: -46px; color: #888; margin-bottom: -55px; }
.modal-comments .comment .text strong { color: #444; font-weight: 400; }
.modal-comments .comment .text small { color: #aaa; }
.side-right-pop .row .form-group { margin-bottom: 7px; padding-right: 2px; padding-top: 8px; }

@media (max-width: 767px) {
    ul.timeline:before { left: 40px; }
    ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; }
    ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); }
    ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; }
    ul.timeline > li > .timeline-panel { float: right; }
    ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
    ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
    .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; }
    .timeline > li.timeline-inverted > .timeline-badge { left: 28px; }
}