.popup{
	padding:40px 30px 30px 30px;
	background:#fff;
	max-width:555px;
	width:100%;
	box-sizing:border-box;
}

.popup.fancybox-content{
	max-width:555px;
}

.popup_caption{
	color: var(--gray-text);
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:30px;
}

.popup_form{
	background:#fff;
}

.popup_form label{
	display:block;
	margin-bottom:15px;
}

.popup_form label span.l{
	display:block;
	margin-bottom:15px;
	font-size:14px;
	font-weight:300;
}

.popup_form label input[type="text"]{
	border:1px solid #E8E8E8;
	height:30px;
	border-radius:0px;
	width:100%;
	font-size:18px;
}

.popup_form label textarea{
	border:1px solid #E8E8E8;
	height:70px;	
	border-radius:0px;
	resize:none;
	width:100%;
	font-size:18px;
}

.popup_form .send{
	padding-top:20px;
	border-top:1px solid #E8E8E8;
	display:flex;
	gap:35px;
	align-items:center;
}

.popup_form .send a{
	color:var(--black);
	font-size:20px;
	text-decoration:none;	
	font-weight:400;
}

.popup_form .send a:hover{
	color:var(--red);
}

.popup_form .send button{
	padding:0px;
	background:none;
	border:none;
	outline:none;
	box-shadow:none;
	color:var(--black);
	font-size:20px;
	cursor:pointer;
	font-weight:400;
}

.popup_form .send button:hover{
	color:var(--red);
}

.popup_form .popup-errors{
	padding-top:10px;
	color:var(--red);
	font-weight:bold;
	display:none;
}

label.qdi-file{
	cursor:pointer;
}

label.qdi-file input{
	position:absolute;
	left:-9999px;
	visibility:hidden;
}

label.qdi-file .qdi-file-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:150px;
	height:150px;
	background-color:var(--black);
	background-size:cover;
	background-position:center center;
	border-radius:50%;
}

label.qdi-file:hover .qdi-file-icon{
	background-color:var(--red);
}

label.qdi-checkbox{
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
}

label.qdi-checkbox .qdi-checkbox-icon{
	flex-shrink:0;
	line-height:0;
	font-size:0px;
	padding:5px;
	background:#F3F3F3;
	border-radius:2px;
}

label.qdi-checkbox input{
	position:absolute;
	left:-9999px;
	visibility:hidden;
}

label.qdi-checkbox:hover .qdi-checkbox-icon svg path{
	fill:var(--black);
}


label.qdi-checkbox input:checked ~ .qdi-checkbox-icon svg path{
	fill:var(--red);
}

label.qdi-checkbox .qdi-checkbox-txt{
	color:var(--gray-text);
}

label.qdi-checkbox input:checked ~ .qdi-checkbox-txt{
	color:var(--red);
}

/*****/

label.qdi-radio{
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
}

label.qdi-radio .qdi-radio-icon{
	flex-shrink:0;
	line-height:0;
	font-size:0px;
	padding:5px;
	background:#F3F3F3;
	border-radius:2px;
}

label.qdi-radio input{
	position:absolute;
	left:-9999px;
	visibility:hidden;
}

label.qdi-radio:hover .qdi-radio-icon svg path{
	fill:var(--black);
}


label.qdi-radio input:checked ~ .qdi-radio-icon svg path{
	fill:var(--red);
}

label.qdi-radio .qdi-radio-txt{
	color:var(--gray-text);
}

label.qdi-radio input:checked ~ .qdi-radio-txt{
	color:var(--red);
}


/*****/

.block{
	margin-bottom:30px;
}

.block .block_in{
	background:#fff;
	padding:15px 20px 15px 20px;
	border-radius:20px;
}

.block .block_head{
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:15px;
	color:var(--gray-text);
}

.block .block_bighead{
	display:flex;
	gap:12px;
	align-items:center;
}

.block .block_bighead .bright{
	margin-left:auto;
	font-size:11px;
	font-weight:300;
}

.block .block_bighead .bright.bright2{
	margin-left:0px;
	font-size:13px;
}

.block .block_bighead .bright a.link_simple{
	vertical-align:top;
	color:var(--gray-text);
	text-decoration:none;
	font-size:14px;
}

.block .block_bighead .bright a.link_simple:hover{
	color:var(--red);
}

.block .block_bighead .bhead{
	position:relative;
	min-height:45px;
	display:flex;
	align-items:center;
	line-height:1.12;
	padding:5px 5px 5px 17px;
	box-sizing:border-box;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
	color:#282828;
}

.block .block_bighead .bhead .icon{
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}

.block .block_bighead .bhead .txt{
	position:relative;
	z-index:2;
}

.block .block_body{
	padding-top:15px;
	overflow-y:auto;
}

.block.collapse{}

.block.collapse .block_bighead .bhead{
	color:var(--gray-text);
}

.block.collapse .block_body{
	display:none;
}

.is_avatar{
	background-size:cover;
	background-position:center center;
	background-color:var(--red);
	border-radius:50%;
	width:46px;
	height:46px;
	flex-shrink:0;
}


/*********/

#popup_chat_info .head{
	display:flex;
	gap:18px;
	border-bottom:1px solid var(--gray);
	padding-bottom:13px;
	margin-bottom:13px;
}

#popup_chat_info .head .avatar{
	flex-shrink:0;
	border-radius:10px;
	width:65px;
	height:65px;
}

#popup_chat_info .head .body{
	display:flex;
	flex-direction:column;
}

#popup_chat_info .head .name{
	font-size:24px;
	font-weight:500;
	margin-bottom:6px;
	line-height:1;
	text-transform:uppercase;
}

#popup_chat_info .head .desc{
	font-size:20px;
	color:var(--gray-text);
	margin-top:auto;
	line-height:1;
}

#popup_chat_info .body{
	display:flex;
	gap:15px;
	border-bottom:1px solid var(--gray);
	padding-bottom:13px;
	margin-bottom:13px;	
}

#popup_chat_info .body .icon{
	flex-shrink:0;
}

#popup_chat_info .description{
	font-size:14px;
	line-height:1.2;
	color:var(--gray-text);
}

#popup_chat_info .exit{
	font-size:13px;
}

#popup_chat_info .exit a.link_simple{
	font-weight:500;
	color:var(--gray-text);
	text-decoration:none;
}

#popup_chat_info .exit a.link_simple:hover{
	color:var(--red);
}

#popup_forward_message{}

#popup_forward_message .forward_caption{
	font-size:18px;
	font-weight:500;
	margin:16px 0px;
}

#popup_forward_message .item{
	display:flex;
	gap:20px;
	align-items:center;
	padding:10px;
	border-radius:5px;
}

#popup_forward_message .item .av{

}

#popup_forward_message .item .body{
	flex-grow:1;
}

#popup_forward_message .item .name{
	font-size:16px;
}

#popup_forward_message a.item{
	text-decoration:none;
	color:var(--black);
}

#popup_forward_message a.item:hover{
	color:#fff;
	background:var(--black);
}


.scroll_col{
	display:flex;
	flex-direction:column;
}

.scroll_block{
	flex-grow:1;
	display:flex;
	flex-direction:column;
}

.scroll_block_in{
	flex-grow:1;
	display:flex;
	flex-direction:column;
}

.scroll_block_body{
	flex-grow:1;
}

.scroll_block_body{
	position:relative;
}

.scroll_block_abs{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow-y:auto;
}


#popup_change_login{
	
}

#popup_change_login input[type="text"]{
	width:100%;
}

#popup_change_login .send{
	padding-top:20px;
	text-align:center;
}

#popup_change_login .send button.btn{
	height:40px;
	padding:0px 10px;
	font-size:15px;
}

@media (max-width: 900px){

	.scroll_block_abs{
		position:static;
	}
	
	

}




/**/

#qdi_chat_view{
	background:#FFF;
	border-radius:20px;
	box-sizing:border-box;
	padding:28px 26px 32px 26px;
	height:100%;
	display:flex;
	flex-direction:column;
	flex-grow:1;
}


#qdi_chat_view .head{
	display:flex;
	align-items:center;
	gap:20px;
	padding-bottom:12px;
	border-bottom:1px solid #EFEFEF;
	margin-bottom:10px;
	width:100%;
}

#qdi_chat_view .head .av{
	width:65px;
	height:65px;
	border-radius:50%;
	background-color:var(--red);
	background-size:cover;
	background-position:center center;
	flex-shrink:0;
}

#qdi_chat_view.channel .head .av{
	border-radius:10px;
}

#qdi_chat_view .head .tools{
	margin-left:auto;
	display:flex;
	gap:5px;
}

#qdi_chat_view .head .tools a.menu{
	display:inline-block;
	padding:0px 5px;
}

#qdi_chat_view .head .caption{
	font-size:24px;
	font-weight:500;
	margin-bottom:14px;
	line-height:1.12;
}

#qdi_chat_view .head .description{
	margin-bottom:14px;
}

#qdi_chat_view .head .info{
	font-size:14px;
	font-weight:400;
	color:#B0B4B7;
	line-height:1.12;
}

#qdi_chat_view .body{
	width:100%;
	margin-bottom:20px;
	overflow-y:auto;
	flex-grow:1;
	position:relative;
}

#qdi_chat_view .body .abs{
	position:absolute;
	width:100%;
	height:100%;
	overflow-y:auto;
}

#qdi_chat_view .message{
	display:flex;
	gap:20px;
	align-items:flex-end;
	margin-bottom:20px;
}

#qdi_chat_view .my-message{
	justify-content: flex-end;
}



#qdi_chat_view .message .message_alert{
	display:flex;
	gap:10px;
	padding:10px;
	align-items:center;
	font-size:12px;
	font-weight:500;
	color:#B0B4B7;
	background:#EFEFEF;
	border-radius:5px;
}

#qdi_chat_view .message .message_av{
	width:46px;
	height:46px;
	flex-shrink:0;
	border-radius:50%;
	background:var(--red);
	background-size:cover;
	background-position:center center;
}

#qdi_chat_view .message .message_inp{
	display:none;
}
/*
#qdi_chat_view .message .message_av.dublicat{
	visibility:hidden;
}
*/
#qdi_chat_view .message .message_body{
	padding:10px 20px;
	background:#F3F3F3;
	max-width:350px;
	flex-grow:1;
	border-radius:15px 15px 15px 0px;
	position:relative;
}

#qdi_chat_view .message.selected .message_body{
	background:var(--black);
	color:#fff;
}


#qdi_chat_view .message .message_text{
	font-size:15px;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;	
}

#qdi_chat_view .message .message_text iframe{
	width:100%;
	aspect-ratio: 16/9;
	border-radius:10px;
	margin-bottom:12px;
}

#qdi_chat_view .message .message_head{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:13px;
	margin-bottom:5px;
}

#qdi_chat_view .message .message_text .badge{
	font-size:11px;
	margin-bottom:2px;
	margin-left:auto;
}

#qdi_chat_view .message .message_text span.answer{
	color:var(--red);
}

#qdi_chat_view .message .message_body .forward{
	width:17px;
	height:15px;
	position:absolute;
	background:url(images/forward.svg);
	left:5px;
	bottom:5px;
}

#qdi_chat_view .message .message_time{
	font-size:10px;
	padding-top:5px;
	color:#B0B4B7;
	text-align:right;
}


#qdi_chat_view .message.fixed{
	gap:20px;
	align-items:center;
}

#qdi_chat_view .message.fixed .message_body{
	padding:10px 0px;
	background:none;
	max-width:none;
	border-radius:0px;
}

#qdi_chat_view .message .message_text{}

#qdi_chat_view .send{
	width:100%;
	margin-top:auto;
}

#qdi_chat_view .send .send_note{
	padding-top:10px;
}

/*****/

.fixed_message{
	display:flex;
	gap:20px;
	align-items:center;
	padding-bottom:13px;
	border-bottom:1px solid #EFEFEF;
	margin-bottom:13px;
	text-decoration:none;
	color:var(--black);
}

.fixed_message .message_alert{
	display:flex;
	gap:10px;
	padding:10px;
	align-items:center;
	font-size:12px;
	font-weight:500;
	color:#B0B4B7;
	background:#EFEFEF;
	border-radius:5px;
	text-decoration:none;
}

.fixed_message .message_body{
	padding:0px;
	background:none;
	max-width:none;
	border-radius:0px;
	text-decoration:none;
	color:var(--black);	
	text-overflow:ellipsis;
	overflow:hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	width:100%;
}

.fixed_message .close{
	margin-left:auto;
}

.fixed_message .close svg{
	width:30px;
	height:auto;
}

.js-message-file{}

.js-message-file.double{
	display:grid;
	grid-template-columns:1fr 1fr;
	align-items:flex-end;
	gap:20px;
}


/*******/


#qdi_message_add{
	display:flex;
	gap:14px;
	align-items:center;
	padding:20px 30px 20px 20px;
	border-radius:31px;
	border:1px solid #EFEFEF;
	box-shadow: 0px 15px 20.8px 0px #EFEFEF;
	position:relative;
}

#qdi_message_add.error{
	border:1px solid var(--red);
	box-shadow: 0px 15px 20.8px 0px var(--red);
}

#qdi_message_add .system{
	width:30px;
	display:flex;
	flex-direction:column;
	gap:6px;
}

#qdi_message_add .upload_file,
#qdi_message_add .upload_file_2{
	width:24px;
	height:24px;
	border-radius:4px;
	background-size:cover;
	background-position:center center;
	background-color:var(--gray);
	display:none;
}

#qdi_message_add .error-message{
	position:absolute;
	left:20px;
	top:-45px;
	color:var(--red);
	font-weight:500;
	font-size:14px;
	display:none;
	background:url(/wp-content/plugins/qdi-chat/views/topic/tmpl/images/comment-error.svg) left center no-repeat;
	background-size:contain;
	padding:12px 0px 12px 54px;
}

#qdi_message_add textarea{
	flex-grow:1;
	height:32px;
	resize:none;
	border:none;
	font-weight:300;
	font-size:14px;
	width:100%;
	padding:0px;
}

#qdi_message_add div.tools{
	display:flex;
	align-items:center;
	gap:24px;
}

#qdi_message_add .qdi_file{}

#qdi_message_add .qdi_file input{
	position:absolute;
	visibility:hidden;
	left:-9999px;
}

#qdi_message_add button{
	border:none;
	box-shadow:none;
	outline:none;
	background:none;
}

#qdi_message_add .js_set-text-bold{
	cursor:pointer;
	user-select: none;
}

#qdi_message_add .js_set-text-bold svg{
	pointer-events:none;
}

#qdi_chat_view .head .tools{
	position:relative;
}


#qdi_chat_view .head .tools_hover{
	position:absolute;
	background:#fff;
	padding:9px 0px;
	border-radius:12px;
	border:1px solid #EFEFEF;
	top:51px;
	right:0px;
	display:none;
	z-index:800;
	min-width:165px;
}

#qdi_chat_view .head .tools_hover ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#qdi_chat_view .head .tools_hover ul li{
	
}

#qdi_chat_view .head .tools_hover ul li a{
	display:flex;
	padding:10px;
	text-decoration:none;
	color:#282828;
	gap:10px;
	justify-content:space-between;
}

#qdi_chat_view .head .tools_hover ul li a:hover{
	background:var(--red);
	color:#fff;
}

#qdi_chat_view .head .tools_hover ul li a:hover .link_simple_icon svg path{
	fill:#fff;
}


#hover_moderate_menu{
	background:#fff;
	border-radius:12px;
	border:1px solid #EFEFEF;
	box-shadow: 0px 15px 20.8px 0px #EFEFEF;
	padding:9px 0px;
	position:fixed;
	display:none;
}

#hover_moderate_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#hover_moderate_menu ul li{}

#hover_moderate_menu ul li a{
	padding:10px;
	text-decoration:none;
	color:var(--black);
	display:flex;
	justify-content:space-between;
}

#hover_moderate_menu ul li a:hover{
	background:#E8E8E8;
}

#hover_moderate_menu ul li a.link_simple:hover .link_simple_icon svg path{
	fill:var(--black);
}

#message_list .in{
	padding-right:10px;
}

#cat_search_fail{
	display:flex;
	padding-top:30px;
	gap:29px;
	align-items:center;
}

#cat_search_fail .search_icon{
	flex-shrink:0;
}

#cat_search_fail .seach_caption{
	margin-bottom:11px;
	font-size:15px;
}


#cat_search_fail .seach_desc{
	color:#B0B4B7;
	font-size:12px;
}

@media (max-width: 900px){

	#qdi_chat_list.sub{
		display:none;
	}
		
	#qdi_chat_view{
		padding:20px 13px;
	}
	
	#qdi_chat_view .head{
		gap:10px;
	}
	
	#qdi_chat_view .head .av{
		border-radius:5px;
		width:45px;
		height:45px;
	}
	
	#qdi_chat_view.chat .head .av{
		border-radius:50%;
	}
	
	#qdi_chat_view .head .caption{
		font-size:14px;
		margin-bottom: 3px;
	}
	
	#qdi_chat_view .head .description{
		font-size:12px;
		margin-bottom: 3px;
	}
	
	#qdi_chat_view .head .info{
		font-size:12px;
	}	
	
	#qdi_message_add .error-message{
		padding:5px 0px 5px 34px;
		top: -38px;
        font-size: 12px;
        background-size: 24px 24px;
	}
	

	
	#qdi_message_add div.tools{
		gap:10px;
	}
	
	#qdi_message_add{
		padding:13px 19px;
	}
	
	.fixed_message{
		gap:7px;
	}
	
	.fixed_message .message_alert{
		width:40px;
		height:40px;
		justify-content:center;
		padding:0px;
	}
	
	.fixed_message .message_alert .txt{
		display:none;
	}
	
	.fixed_message .message_alert .icon{
		
	}
	
	.fixed_message .message_alert .icon svg{
		width:20px;
		height:auto;
	}
	
	.fixed_message .message_body{
	
	}
	
	#qdi_chat_view .send .send_note{
		display:none;
	}
}