.f2-pop2 {
  background-color: var(--temno_siva) !important;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 16px;
  margin-bottom: 5px;
}

.f2-pop2.header {margin: 0; z-index: 10}
.f2-pop2.header h3.fuz{font-weight: 300; padding: 0; margin: 0; position: relative; padding-right: 30px;}
.f2-pop2.header h3.fuz i {position: absolute; right: 0; top: -2px; font-size: 28px; color: var(--svetlo_plava);}

.f2-pop2 .f2-msg_text {
  min-height: 85px;
  color: var(--svetlo_plava);
  background-color: var(--black) !important;
  border-radius: 10px;
  width: 100%;
}
.f2-pop2 .f2-more_msg {
  display: flex;
  justify-content: space-between;
  line-height: 36px;
  cursor: pointer;
}

.f2-pop2 .content {/* max-height: 70vh; overflow-y: auto; */}

.f2-pop2 .flex {display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
.f2-pop2 .flex .f2-userImage {width: 60px; height: auto; position: relative;}
.f2-pop2 .flex .f2-userImage .unread {top: 0; right: 0;}
.f2-pop2 .flex .f2-data {max-width: calc(100% - 70px); width: 100%; }

.f2-notif-txt a {display: block;}
.f2-notif-txt.unread a {font-weight: 700;}
.f2-pop2 .flex .f2-data .f2-messagePop {background: var(--black); border-radius: 10px; padding: 10px; color: var(--svetlo_plava); font-weight: 700; margin-top: 10px; 
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 8; /* number of lines to show */
   line-clamp: 8; 
   -webkit-box-orient: vertical;
   max-height: 189px;}

.f2-pop2 .f2-more {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #000; padding-bottom: 10px; }
.f2-pop2 .f2-more .f2-number {color: var(--svetlo_plava);}
.f2-pop2 .f2-more .f2-images {display: flex; align-items: center;}
.f2-pop2 .f2-more .f2-images img {width: 36px; height: 36px; position: relative; object-fit: cover; display: block; border-radius: 100%; margin-left: -5px;}
.f2-pop2 .f2-more .f2-images img:first-child {z-index: 10; }
.f2-pop2 .f2-more .f2-images img:nth-child(2) {z-index: 9; }
.f2-pop2 button.f2-btn_roza {display: flex; align-items: center; justify-content: center;}


.f2-pop2 .f2-2buttons {display: flex; align-items: center; justify-content: space-between;}
.f2-pop2 .f2-2buttons .f2-w100 {max-width: 230px;}
.f2-pop2 .f2-2buttons .f2-w100 span {max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.f2-pop2 .f2-2buttons .f2-round {padding: 3px; margin: 0; min-width: 48px;  margin-left: 10px;}
.f2-pop2 .f2-2buttons .f2-round button.f2-w100 i {margin-right: 5px;}
#f2_msgs_overlay .f2-pop2 .flex .f2-data a {color: #fff;}