.timeline {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 position: relative
}

.timeline>li {
	 position: relative;
	 min-height: 50px;
	 padding: 20px 0
}

.timeline .timeline-time {
	 position: absolute;
	 left: 0;
	 width: 18%;
	 text-align: right;
	 top: 30px
}

.timeline .timeline-time .date,
.timeline .timeline-time .time {
	 display: block;
	 font-weight: 600
}

.timeline .timeline-time .date {
	 line-height: 16px;
	 font-size: 12px
}

.timeline .timeline-time .time {
	 line-height: 24px;
	 font-size: 20px;
	 color: #242a30
}

.timeline .timeline-icon {
	 left: 15%;
	 position: absolute;
	 width: 10%;
	 text-align: center;
	 top: 40px
}

.timeline .timeline-icon a {
	 text-decoration: none;
	 width: 20px;
	 height: 20px;
	 display: inline-block;
	 border-radius: 20px;
	 background: #d9e0e7;
	 line-height: 10px;
	 color: #fff;
	 font-size: 14px;
	 border: 5px solid #2d353c;
	 transition: border-color .2s linear
}

.timeline .timeline-body {
	 background: #fff;
	 position: relative;
	 padding: 20px 25px;
	 border-radius: 6px
}

.timeline .timeline-body:before {
	 content: '';
	 display: block;
	 position: absolute;
	 border: 10px solid transparent;
	 border-right-color: #fff;
	 left: -20px;
	 top: 20px
}

.timeline .timeline-body>div+div {
	 margin-top: 15px
}

.timeline .timeline-body>div+div:last-child {
	 margin-bottom: -20px;
	 padding-bottom: 20px;
	 border-radius: 0 0 6px 6px
}

.timeline-header {
	 padding-bottom: 10px;
	 border-bottom: 1px solid #e2e7eb;
	 line-height: 30px
}

.timeline-header .userimage {
	 float: left;
	 width: 34px;
	 height: 34px;
	 border-radius: 40px;
	 overflow: hidden;
	 margin: -2px 10px -2px 0
}

.timeline-header .username {
	 font-size: 16px;
	 font-weight: 600
}

.timeline-header .username,
.timeline-header .username a {
	 color: #2d353c
}

.timeline img {
	 max-width: 100%;
	 display: block
}

.timeline-content {
	 letter-spacing: .25px;
	 line-height: 18px;
	 font-size: 13px
}

.timeline-content:after,
.timeline-content:before {
	 content: '';
	 display: table;
	 clear: both
}

.timeline-title {
	 margin-top: 0
}

.timeline-footer {
	 background: #fff;
	 border-top: 1px solid #e2e7ec;
	 padding-top: 15px
}

.timeline-footer a:not(.btn) {
	 color: #575d63
}

.timeline-footer a:not(.btn):focus,
.timeline-footer a:not(.btn):hover {
	 color: #2d353c
}

.timeline-likes {
	 color: #6d767f;
	 font-weight: 600;
	 font-size: 12px
}

.timeline-likes .stats-right {
	 float: right
}

.timeline-likes .stats-total {
	 display: inline-block;
	 line-height: 20px
}

.timeline-likes .stats-icon {
	 float: left;
	 margin-right: 5px;
	 font-size: 9px
}

.timeline-likes .stats-icon+.stats-icon {
	 margin-left: -2px
}

.timeline-likes .stats-text {
	 line-height: 20px
}

.timeline-likes .stats-text+.stats-text {
	 margin-left: 15px
}

.timeline-comment-box {
	 background: #f2f3f4;
	 margin-left: -25px;
	 margin-right: -25px;
	 padding: 20px 25px
}

.lead {
	 margin-bottom: 20px;
	 font-size: 21px;
	 font-weight: 300;
	 line-height: 1.4;
}

.text-danger, .text-red {
	 color: #ff5b57!important;
}

.ujfeladatt p {
	padding: 20px;
}

.deadline {
	color: red;
}

.input {
	padding: 0px !important;
}

img.comment-image, video.comment-video, .google-maps{
	width: 100%;
	height: auto;
}

.google-maps .map{
	height: 300px;
}

.comment-container{
	padding: 20px;
}

.comment-container .comment-detail{
	margin-left: 65px;
	position: relative;
}

.comment-container .comment-detail .comment-text{
	line-height: 24px;
	margin: 0;
}

.comment-container .comment-detail .reaction{
	position: absolute;
	right: 0;
	top: 0;
}

.comment-container .comment-detail .comment{
	display: inline-flex;
	margin: 10px auto;
	width: 100%;
}

.comment-container .comment-detail .comment img.profile-photo-sm{
	margin-right: 10px;
}

.comment-container .comment-detail .comment .form-control{
	height: 30px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	margin: 7px 0;
	min-width: 0;
}

img.profile-photo-md {
		height: 50px;
		width: 50px;
		border-radius: 50%;
}

img.profile-photo-sm {
		height: 40px;
		width: 40px;
		border-radius: 50%;
}

.text-green {
		color: #8dc63f;
}

.text-red {
		color: #ef4136;
}

.following {
		color: #8dc63f;
		font-size: 12px;
		margin-left: 20px;
}