﻿
.pit-chat-frame {
	border-radius: 16px !important;
	background-color: #fff;
	position: fixed;
	margin: 0 20px 20px 0;
	bottom: 0;
	right: 0;
	height: 100%;
	max-height: 535px;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	max-width: 400px;
	z-index: 10000;
	touch-action: manipulation;
}

	.pit-chat-frame.mobile {
		border-radius: 0 !important;
		max-height: -webkit-fill-available;
		max-width: -webkit-fill-available;
		margin: 0;
		bottom: auto;
		right: auto;
		width: 100%;
		height: 100vh;
		top: 0;
	}

#PITChatWidgetDiv .pit-chat-frame {
	border-radius: 0 !important;
	background-color: #fff;
	position: relative;
	margin: 0;
	height: inherit;
	height: calc(100% - 5px);
	width: calc(100% - 5px);
	max-width: 700px;
	z-index: 10000;
	border: none;
}
/*кнопка открытия/закрытия чата на сайте*/
#pit-chat-btn {
	width: 47px;
	display: block !important;
}


/*кнопка открытия/закрытия чата на сайте в состоянии "Закрыть"*/
#pit-chat-btn[data-state='off'] {
	display: none !important;
}


.pit-chat-btn {
	cursor: pointer;
	position: fixed;
	margin: 25px;
	bottom: 0;
	right: 0;
	z-index: 10000;
}

#msgCnt {
	display: none;
	background: rgb(255, 247, 0);
	border-radius: 9px;
	height: 18px;
	width: 18px;
	text-align: center;
	z-index: 11000;
	font-size: 12px;
	position: fixed;
	border: none;
	line-height: 18px;
}

.pit-chat-area {
	position: fixed;
	margin: 0 80px 20px 0;
	bottom: 0;
	right: 0;
	height: 100%;
	max-height: 535px;
	width: calc(100% - 65px);
	width: -webkit-calc(100% - 65px);
	max-width: 400px;
	z-index: 10000;
	background-color: #5bb031;
	padding: 40px 10px 10px 10px;
	border: 1px solid #ccc;
}

	.pit-chat-area .pit-chat-area-header {
		position: relative;
		padding: 0;
		height: 50px;
		flex-grow: 1;
		user-select: none;
		background-color: var(--brand_blue);
	}

.pit-chat-area-header-text {
	color: #FFF !important;
	float: left;
}

	.pit-chat-area-header-text::before {
		content: 'Чат-бот Vocamate';
		padding-left: 20px;
		vertical-align: middle;
	}

.pit-chat-area .pit-chat-area-header.allow-move {
	cursor: move;
}

.pit-chat-area .pit-chat-area-header .pit-chat-area-header-text {
	text-align: left;
	font-weight: 400;
	font-size: 20px;
	line-height: 35px;
}

.pit-chat-close-btn {
	width: 24px;
	height: 24px;
	cursor: pointer;
	float: right;
	margin: 16px 15px 0 0;
}

.pit-chat-menu-btn {
	background-image: url(/aeroflot/menu.png);
	width: 20px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin: 19px 15px 0 0;
}


.pit-chat-search-btn {
	background-image: url(/aeroflot/search_light.png);
	width: 24px;
	height: 24px;
	cursor: pointer;
	float: right;
	margin: 16px 15px 0 0;
}

.pit-chat-search-btn2 {
	mask-image: url(/aeroflot/search_light.png);
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: #A3AAB5;
	margin: 11px 3px 3px 10px;
}

.pit-chat-search-area {
	display: none;
	border-bottom: 1px solid #D8DEE2;
}

#searchTxt {
	width: calc(100% - 70px);
	line-height: 3em !important;
	border: none;
	top: 0;
	vertical-align: top;
	font-size: inherit;
	color: rgb(118 118 118);
	padding-left: 10px;
}

.pit-chat-frame .selected {
	border: 2px solid #000 !important;
}

#pit-chat-area {
	background: #f8f8f8 !important;
	border: none;
}

.pit-hidden {
	display: none;
}
.pit_noscrollmobile {
	overflow: hidden !important;
	height: auto !important;
}