/* Live Search Desing */

.live_search_contact-icon {
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.ls_search_user_pm
{
    position:absolute;
}
/* #leavesearch,
#leavesearch_btn, */
.livesearch {
	display:none;
	position: fixed;
	z-index: 5;
	right: 315px;
	top: 6px;
	z-index: 9999;
	background-color: var(--color-3) !important;
}

.livesearch-btn {
	display: none; /* Скрываем кнопку QQS */
}

.livesearch-btn-close 
{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    pointer-events: auto;
}

.forum-live-search,
.topic-live-search,
.user-live-search {
	width: 450px !important;
	height: 29px;
	font-size: 16px !important;
	position: relative;
	padding-right: 25px;
}

.forum-live-search::placeholder,
.topic-live-search::placeholder,
.user-live-search::placeholder {
	font-size: 14px;
}

.acResults li {
	margin-bottom: 6px;
	padding: 5px 10px;
	margin-left: 0;
	font-size: 14px;
}

.forum-live-search .livesearch-btn-close,
.topic-live-search .livesearch-btn-close,
.user-live-search .livesearch-btn-close {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
}

.user-handle .pointer 
{
    left: auto; 
    right: 10px;
}

.phpbb_vk-icon {
	
  background: url("./images/vk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;

}

.livesearch-disable {
	opacity:0.3;
    filter:alpha(opacity=30); 
}
.ls-contacts
{
	border-bottom-color: White;
}
.ls-contact-menu
{
	margin-left: 0px; 
	left: 0px; 
	max-width: 1281px; 
}

.acResults {
	z-index: 9999 !important;
	max-height: 300px;
	overflow-y: auto;
	background: var(--color-3) !important;
}

.acResults li {
	margin-bottom: 6px;
	padding: 5px 10px;
	margin-left: 0;
}
/*@media only screen and (max-width: 700px)
, only screen and (max-device-width: 700px) 
{
    #leavesearch_btn
	{
		display:none;
    }
}*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  
{   .livesearch
    {
        height:auto;
        /*background-color:Green;*/
    }
    .livesearch label 
    {
	    display:block;
    }
    .livesearch input 
    {
	    width:300px !important;
    }
}

@media only screen and (max-width: 820px) {
    .livesearch {
        right: auto !important;
        left: 10px !important;
    }
}

@media only screen and (max-width: 600px) {
    .forum-live-search,
    .topic-live-search,
    .user-live-search {
        width: calc(100vw - 20px) !important;
    }
    
    .acResults {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        z-index: 9999 !important;
    }
}

.acInput {
	background-color: var(--color-3) !important;
	}
	
.acResults li {
    /* Обрезка длинного текста с эллипсом */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.acResults li span {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media only screen and (max-width: 760px) {
    .acResults li,
    .acResults li span {
        max-width: 280px !important;
    }
}

@media only screen and (max-width: 600px) {
    .acResults li,
    .acResults li span {
        max-width: calc(100vw - 40px) !important;
    }
}

.acResults {
       margin-top: 12px;
	   padding-top: 8px;
}

/* Затемнение при показе блока поиска */
.livesearch:not([style*="display: none"])::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9997;
    pointer-events: none;
}

/* Убеждаемся что все элементы поиска поверх затемнения */
.livesearch {
    z-index: 9998 !important;
}

/* Крестик поверх затемнения, НЕ меняя его позицию */
.livesearch-btn-close {
    z-index: 10000 !important;
	padding-top: 2px;
}

/* Поля ввода поверх затемнения */
.livesearch input {
    position: relative;
    z-index: 9999 !important;
}

.acResults {
    z-index: 9999 !important;
}