/*дополнительные шрифты*/
@font-face{font-family:Geometria;font-weight:normal;font-style:normal;src:url(/Geometria/Geometria-Regular.eot);src:url(/Geometria/Geometria-Regular.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-Regular.woff) format("woff"),url(/Geometria/Geometria-Regular.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:normal;font-style:italic;src:url(/Geometria/Geometria-RegularItalic.eot);src:url(/Geometria/Geometria-RegularItalic.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-RegularItalic.woff) format("woff"),url(/Geometria/Geometria-RegularItalic.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:500;font-style:normal;src:url(/Geometria/Geometria-Medium.eot);src:url(/Geometria/Geometria-Medium.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-Medium.woff) format("woff"),url(/Geometria/Geometria-Medium.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:500;font-style:italic;src:url(/Geometria/Geometria-MediumItalic.eot);src:url(/Geometria/Geometria-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-MediumItalic.woff) format("woff"),url(/Geometria/Geometria-MediumItalic.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:600;font-style:normal;src:url(/Geometria/Geometria-Bold.eot);src:url(/Geometria/Geometria-Bold.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-Bold.woff) format("woff"),url(/Geometria/Geometria-Bold.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:600;font-style:italic;src:url(/Geometria/Geometria-BoldItalic.eot);src:url(/Geometria/Geometria-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-BoldItalic.woff) format("woff"),url(/Geometria/Geometria-BoldItalic.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:700;font-style:normal;src:url(/Geometria/Geometria-ExtraBold.eot);src:url(/Geometria/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-ExtraBold.woff) format("woff"),url(/Geometria/Geometria-ExtraBold.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:700;font-style:italic;src:url(/Geometria/Geometria-ExtraBoldItalic.eot);src:url(/Geometria/Geometria-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-ExtraBoldItalic.woff) format("woff"),url(/Geometria/Geometria-ExtraBoldItalic.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:900;font-style:normal;src:url(/Geometria/Geometria-Heavy.eot);src:url(/Geometria/Geometria-Heavy.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-Heavy.woff) format("woff"),url(/Geometria/Geometria-Heavy.ttf) format("truetype")}
@font-face{font-family:Geometria;font-weight:900;font-style:italic;src:url(/Geometria/Geometria-HeavyItalic.eot);src:url(/Geometria/Geometria-HeavyItalic.eot?#iefix) format("embedded-opentype"),url(/Geometria/Geometria-HeavyItalic.woff) format("woff"),url(/Geometria/Geometria-HeavyItalic.ttf) format("truetype")}
@font-face{font-family:Rotonda;font-weight:normal;font-style:normal;src:url(/RotondaC.eot);src:url(/RotondaC.eot?#iefix) format("embedded-opentype"),url(/RotondaC.woff) format("woff"),url(/RotondaC.ttf) format("truetype")}
@font-face{font-family:"Flame";src:url(/Flame-Regular.woff2) format("woff2"),url(/Flame-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
 

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

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

/*обёртка для чата на сайте*/
.pit-chat-area {
	background-color: #ff8732;
	margin: 20px;
    max-width: 400px;
}

/*кнопка закрытия чата на обёртке*/
.pit-chat-area .pit-chat-close-btn {
	width: 30px;
}

/*внутренность чата*/
.k-chat {
	background-color: #fbfbfb;
	border-color: transparent;
	max-width: 1600px;
	border-width: 0px;
	margin: 0;
	width: 100%;
	width: -webkit-calc(100%);
	height: 100%;
	height: -webkit-calc(100%);

}

/*поле ввода*/
div.k-message-box {
	/* border-radius: 10px; */
	align-items: center;
	background-color: #dddddd !important;
}

/*картинка загрузки файла*/
div.k-message-box .pit-uploadfile-image {
	cursor: pointer;
	width: 20px;
	height: 20px;
	padding-right: 8px;					   
}

/*назначение шрифта на сообщения*/
.k-chat .k-card-body,
.k-chat .k-card-body .ac-textBlock,
.k-chat .k-message {
	font-family: Rotonda !important;
	font-size: 14px !important;
	line-height: 18px !important;
    color: #502314 !important;
}

/*область с сообщениями*/
.k-chat .k-message-list-content {
	padding: 3px 10px;
 }

/*время в исходящем сообщении*/
.k-message-time {
	/*width: 30px;
	overflow: hidden;*/
}

/*сообщения клиента*/
.k-chat .k-alt .k-bubble {
	background-color: #63a70f !important;
	/* background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%); */
	margin-bottom: 5px;
	color: #fff;
    /*color: #502314;*/
	font-size: 16px !important;
	line-height: 18px !important;
	font-family: Rotonda !important;
	
    border-color: #63a70f;
    border-width: 2px;
	float: right;
}
ol, p {
	font-size: 16px !important;
	line-height: 18px !important;
	padding: 3px;
}
ol {
	padding-left: 16px;
}

/*внешняя оболочка сообщения бота/опера*/
.k-chat .k-card{
	padding-top: 0px;
	/* padding-bottom: 10px; */
		
	/* padding-top: 0 !important; */
	/* padding-bottom: 0 !important; */
}

	.k-chat .k-card,
	.k-chat .k-card .k-card-body {
		background-color: inherit;
		border: 0;
	}

/*контент сообщения бота/оператора*/
.k-card-body > .ac-container > .ac-container:last-child {
	background-color: #dddddd;
	/* background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%); */
	color: #222;
    border-color: #dddddd;
    border-width: 2px;
	border-style: solid;
}

/*картинки*/
.k-card-body .ac-container .ac-image {
	margin: 2px 5px;
	content: url('../chat/BK_logo.png');
    width: 40px !important;
    height: 40px  !important;	
    padding: 3px 0px 3px 10px;
}

/*область кнопок*/
.k-chat .k-quick-replies {

}

/*кнопки*/
.k-chat .k-quick-reply {
	border-color: #63a70f;
	color: #63a70f;
    padding: 10px 5px;
	border-radius: 5px !important;
	/*background-color: #63a70f !important;*/
	font-family: "Flame",Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}
	/*.k-chat .k-quick-reply:hover {
		border-color: #D62300;
		color: #F5EBDC;
		background-color: #D62300;
	}*/

.sub-head {
	vertical-align: top;
	/* text-decoration: underline; */
	font-weight: bold;
	font-size: 1.2em;
	color: #902e2e;
	height: 2em;
	padding-top: 8px;
}

	li.k-item {
		/* border: 1px solid !important; */
		/* margin: 2px 0 !important; */
		background-color: #bcd9f5;
	}
	.k-state-selected .list-box-item {
		background-color: #1071ce !important;
	}
		.list-box-item:hover {
			/* border: 0; */
		/* border: 1px solid !important; */
		/* margin: 2px 0 !important; */
		background-color: #bdb4af;
}


.k-message-list.k-avatars {
	background-color: #F5EBDC;
}	
.pit-chat-area .pit-chat-area-header {
        background-color:#FF8732;
		border-radius: 15px;
    }		

	div.k-message-box input {
    max-width: 100%;
    overflow-y: auto;
    border-radius: 10px;
    padding: 5px !important;
    background-color: #fff !important;
    resize: none;
    color: #502314;
}	

/*кнопки на всю ширину*/
.k-chat .k-quick-replies .k-quick-reply{
	display: block;
	margin-right: 0;
}

/*стиль сепаратора иконки и имени бота*/
.ac-vertical-separator{
	width:0px !important;
}

.k-card-body > .ac-container > .ac-container:last-child > .ac-textBlock{
	    padding-right: 4px;
}

.k-card-body p {
    padding: 10px;
}

div.k-message-box textarea.h-auto-resize {
    padding: 10px;
}

.pit-chat-area .pit-chat-area-header .pit-chat-close-btn {
    right: 4px;
	top: 4px;
    height: 32px;
}

.k-chat .k-message-group.k-alt {
	width: auto;
}