#f2_comments {
  background-color: var(--temno_siva) !important;
}
.f2-comm_post .f2-caret-l {
  position: absolute;
  top: 13px;
  left: -7px;
}
.f2-comm_post {position: relative; margin: 0; padding: 0 0 15px 60px;}
.f2-comm_post a.userImage {width: 37px; height: 37px; position: absolute; left:0; top: 0; display: block; }
.f2-comm_post a.userImage  img {width: 37px; height: 37px; object-fit: cover;}


.f2-comm_post .f2-comment {
	position: relative;
  padding: 10px 20px;
  min-height: 100px;
  background-color: var(--black) !important;
  border-radius: 10px;
}

.f2-comm_post .f2-comment .userData { border-bottom: 1px solid var(--feed_siva); margin-bottom: 10px; padding-bottom: 6px;
	display: flex; align-items: center; justify-content: space-between;
}
.f2-comm_post .f2-comment .userData a {text-overflow: ellipsis; overflow: hidden;}
.f2-comm_post .f2-comment .userData .data {display: flex; align-items: center;}
.f2-comm_post .f2-comment .userData .data .f2-gender {margin-right: 0;}
.f2-comm_post .f2-comment .userData .data span.dot {display: block; margin: 0 4px;}
.f2-comm_post .f2-comment .content {padding-bottom: 20px;}

.f2-comm_post .botomStats {padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.f2-comm_post .botomStats .f2-when{ color: var(--svetlo_siva) !important;font-weight: var(--weight_normal);}
.f2-comm_post .botomStats .dateLikes {display: flex; align-items: center;}
.f2-comm_post .botomStats .dateLikes .dot {color: #000; display: block; margin: 0 5px; font-weight: 700;}


.f2-comm_post .f2-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-line-clamp: 5;
}
.f2-comm_post .f2-when {

}
#f2_comment_input_wrap{
	position:fixed;
	width:100%;
	z-index:4200;
	background-color: var(--temno_siva);
	padding-bottom: 16px;
	padding-top: 10px;
	bottom:0;
}
#f2_comment_input_wrap .f2-caret-r,#f2_comment_input_wrap .f2i-36{
	display:none;
}

.f2-new_comm {
	padding-left:20px;
	vertical-align: bottom;
}
.f2-new_comm .f2-msg {
  padding: 10px 50px 10px 10px;
  width: 100%;
  /* max-width: calc(100% - 100px); zakaj je to ? */
  border: 1px solid var(--svetlo_siva);
  min-height:50px;
  position: relative;
  max-height: 200px; overflow: auto;
}
#f2_rpanelGallery .f2-new_comm .f2-msg {max-width: 100%;}

.f2-new_comm .f2-flexbox {
  padding-top: 10px !important;
  width: 140px;
  align-items: stretch;
  justify-content: space-between;
}

.f2-comment-input{
	width: 85%;
    display: inline-block;
    word-break: break-word;
}

.f2-comments-list .f2-caret-r {
  margin-top: 11px;
  position: relative;
}

.f2-new_comm .w3-right.icon {float: none !important; position: absolute; right: 10px; bottom: 10px;}
.f2-new_comm .w3-right.icon:hover {color: var(--roza);}


/* ikonice */
.icon.ff2-heart,.icon.ff2-message{
	cursor: pointer;
}
.ff2-heart-bg{
	background-color: var(--roza);
}
.ff2-heart-bg i.ff2-heart{
	color: var(--svetlo_plava) !important;
	padding-top: 2px;
}
.ff2-like-bg{
	background-color: var(--svetlo_plava);
	
}
.ff2-like-bg i.ff2-like{
	color: var(--black) !important;
}
.ff2-kiss-bg{
	background-color: #FF7EAF;
}
.ff2-kiss-bg i.ff2-kiss{
	padding-left: 1px;
}

#f2_likes {
  background-color: var(--black) !important;
  display: none;
  position: absolute;
  right: 0;
  width: 200px;
  height: 75px;
  border-radius: 10px;
 box-shadow: 0px 1px 5px #0000004D;
  z-index: 60;
}
#f2_likes .f2-flexbox {
  line-height: 42px;
  padding-top: 15px;
  justify-content: space-evenly;
}
#f2_likes .f2-like,.liko.f2-like {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
#f2_likes .f2-like i {
  font-size: var(--size_icon);
}
#f2_likes .f2-caret-b {
  bottom: -9px;
  right: 25px;
}
.f2-likebtn {
	width: 100px;
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
}
.f2-likebtn .liko,.f2-likebtn .ciko {
  margin: 0 0 0 7px;
  line-height: 42px;
}

/* translate gumb */
button.f2-trnslt-btn{
	height:22px;background-color: transparent;border:1px solid white;border-radius: 11px;text-transform: uppercase;color:var(--svetlo_plava);font-size:11px;padding:0 10px;
	cursor: pointer;
}
button.f2-trnslt-btn:focus{
	text-decoration: none;
}


.f2-cnl.social {margin-top: 16px; padding-top: 8px; border-top: 1px solid #231F20; display: flex; align-items: center;}
.f2-cnl.social .statistic {display: flex;}
.f2-cnl.social .statistic  span.dot {margin: 0 5px; color: #000;}
.f2-cnl.social .f2-likebtn {margin-left: auto;}

.gallery .f2-cnl.social {border-top: none; padding: 0;}

/*popup likes*/
.f2-flex-container.f2-list {padding-bottom: 15px;}
.f2_likesContent {width: 100%; max-width:100%; min-height: 90px; margin: 15px 0 0 0; padding: 15px 0 0 90px; position: relative; border-top: 1px solid #000;}
#f2_validators .f2-val_g {margin-top: 10px;}
.f2_likesContent  .mainImage {width: 74px; height: 74px; display: block; margin: 0; padding: 0; position: absolute; top: 15px; left: 0;}
.f2_likesContent  .mainImage img {width: 74px; height: 74px; display: block;}

.f2_likesContent .f2_content {display: flex; justify-content: space-between;}
.f2_likesContent .f2_content .f2_data .f2_name {font-weight: 400; font-size: 18px; line-height: 25px; display: block;}
.f2_likesContent .f2_content .f2_data .f2_genderPlace {display: flex; align-items: center;}
.f2_likesContent .f2_content .f2_data .f2-fruit-badges { margin: 0; padding: 0;}
.f2_likesContent .f2_content .f2_data .f2-fruit-badges div {padding: 0; width: 24px; height: 24px;}
.f2_likesContent .f2_content .f2_data .f2-fruit-badges i {font-size: 13px;}
.f2_likesContent .f2_content .button .f2-btn_roza {margin: 0; font-weight: var(--weight_normal); position: relative; padding-left: 65px; }
.f2_likesContent .f2_content .button .f2-btn_roza i {position: absolute;  left: 25px; top: 10px;}

.f2-loadMoreComments {display: flex; align-items: center; justify-content: center;}
.f2-loadMoreComments button {margin-top: 0; font-size: 15px; padding: 5px 20px; height: 27px;}

@media only screen and (max-width:720px) {
	.f2-comm_post .botomStats { align-items: flex-start;}
	.f2-comm_post .botomStats .dateLikes {flex-direction: column; align-items: flex-start;}
	.f2-comm_post .botomStats .dateLikes .dot {display: none;}
	.f2-comm_post .botomStats .dateLikes .f2-s_badges {margin-top: 10px;}
	
	
	/*popup likes*/
	.f2_likesContent .f2_content .button .f2-btn_roza,
	.f2_likesContent .f2_content .button .f2-btn_black  {padding: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}	
	.f2_likesContent .f2_content .button .f2-btn_black i,
	.f2_likesContent .f2_content .button .f2-btn_roza i {left: 10px; padding-right: 2px;}
	.f2_likesContent .f2_content .button .f2-btn_black span,
	.f2_likesContent .f2_content .button .f2-btn_roza span {display: none;}
}


.popupContent .f2-comments-list {padding: 0 16px 150px 16px; box-shadow: 0 2px 5px rgb(0 0 0 / 65%); -moz-box-shadow: 0 2px 5px rgb(0 0 0 / 65%); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 65%);}

#f2_comment_input_wrap{padding: 0; left: 0;} 
#f2_comment_input_wrap .f2-new_comm {max-width: 800px; width: 100%; margin: 0 auto; padding: 16px; box-shadow: 0 -2px 5px rgb(0 0 0 / 65%);}

.popupContent .f2-likers-list {box-shadow: 0 2px 5px rgb(0 0 0 / 65%);} 

#f2_comments .f2-comment-input-wrap{
	display:none;
}


.f2-comment-input-wrap.f2-flex {display: flex;}
.f2-comment-input-wrap.f2-flex .f2-userImage {width: 60px; position: relative; margin-top: 5px; }
.f2-comment-input-wrap.f2-flex .f2-userImage .f2-caret-r {position: absolute; top: 0; left: 32px;}
.f2-comment-input-wrap.f2-flex .f2-new_comm {max-width: calc(100% - 60px); width: 100%; padding: 0;}

#f2_comment_input_wrap .f2-comment_icons,.f2-comment_icons {
	display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;
}

#f2_comments_emoji_box_clone{
	margin-bottom:10px;
}




@media only screen and (min-width:960px) {
	#f2_gallery_open_dt .f2-c-em-wrap{
		padding:0 16px;
	}
}