[data-xi-chat-theme=default] {
	--xi-primary-color: #3269ec;
	--xi-msg-body-bg: #ffffff;
	--xi-msg-bubble-color: #ffffff;
	--xi-msg-bubble-bg-light: #8F95E6;
	--xi-msg-bubble-bg: #5861C7;
	--xi-msg-right-bubble-bg-light: #64B5F6;
	--xi-msg-right-bubble-bg: #1976D2;
	--xi-msg-default-bubble-bg-light: #8FE6BC;
	--xi-msg-default-bubble-bg: #58C7B3;
	--xi-msg-tech-bubble-bg: #efefef;
	--xi-msg-tech-bubble-color: #212121;
	--xi-chatbox-textarea-bg: #f4f5f7;
	--xi-chatbox-input-color: #212529;
	--xi-chatbox-input-bg: #FFFFFF;
	--xi-chatbox-input-border-color: #dee2e6;
	--xi-chatbox-input-border-error-color: red;
	--xi-chatbox-input-focus-border-color:rgba(50, 105, 236, .25);
	--xi-chatbox-preinput-color: #212529;
	--xi-chatbox-placeholder-color: rgb(33 37 41 / 80%);
	--xi-send-btn-color: #8791a3;
	--xi-send-btn-color-hover: #95999f;

	--xi-chatbox-btn-icon-color: #FFFFFF;
	--xi-chatbox-btn-icon-bg: #3269ec;
	--xi-chatbox-btn-icon-bg-hover: #4477ee;

	--xi-chatbox-button-color:#FFFFFF;
	--xi-chatbox-button-border-color:#3269ec;
	--xi-chatbox-button-bg:#3269ec;
	--xi-chatbox-button-color-hover:#FFFFFF;
	--xi-chatbox-button-border-color-hover:#4477ee;
	--xi-chatbox-button-bg-hover:#4477ee;

	--xi-chatbox-button-light-color:#212529;
	--xi-chatbox-button-light-border-color:#eeeeee;
	--xi-chatbox-button-light-bg:#eeeeee;
	--xi-chatbox-button-light-color-hover:#212529;
	--xi-chatbox-button-light-border-color-hover:#F1F1F1;
	--xi-chatbox-button-light-bg-hover:#F1F1F1;

	--xi-chatbox-subtitle-color: #091e42;
	--xi-chatbox-text-color: #091e42;
	--xi-chatbox-header-title-color: #FFFFFF;
	--xi-chatbox-header-text-color: #FFFFFF;
	--xi-chatbox-select-arrow: #c9cfd6;
	--xi-webkit-scrollbar-track:#ddd;
	--xi-webkit-scrollbar-thumb:#bdbdbd;
	--xi-chatbox-button-icon-color: #ffffff;
	--xi-chatbox-button-icon-color-hover: #efefef;

	--xi-frequently_button-color: #ffffff;
	--xi-frequently_button-bg: #6C757D;
	--xi-chatbox-dropdown-item-bg: #ffffff;
	--xi-chatbox-dropdown-link-color: #22252f;
	--xi-chatbox-dropdown-link-bg-hover: #f6f9ff;
	--xi-chatbox-dropdown-item-border:#8c8d8f;
}

[data-xi-chat-theme=dark] {
	--xi-primary-color: #272A37;
	--xi-msg-body-bg: #323747;
	--xi-msg-bubble-color: #f7f7f7;
	--xi-msg-bubble-bg-light: #705F95;
	--xi-msg-bubble-bg: #705F95;
	--xi-msg-right-bubble-bg-light: #486F99;
	--xi-msg-right-bubble-bg: #486F99;
	--xi-msg-default-bubble-bg-light: #779FA1;
	--xi-msg-default-bubble-bg: #779FA1;
	--xi-msg-tech-bubble-bg: #B8BFCC;
	--xi-msg-tech-bubble-color: #172B4D;
	--xi-chatbox-textarea-bg: #2A2E3C;
	--xi-chatbox-input-color: #f7f7f7;
	--xi-chatbox-input-bg: #5C606E;
	--xi-chatbox-input-border-color: #5C606E;
	--xi-chatbox-input-border-error-color: red;
	--xi-chatbox-input-focus-border-color:#1e82d8;
	--xi-chatbox-preinput-color: #bfbfbf;
	--xi-chatbox-placeholder-color: rgb(247 247 247 / 80%);
	--xi-send-btn-color: #f2f2f2;
	--xi-send-btn-color-hover: #ffffff;

	--xi-chatbox-btn-icon-color: #f7f7f7;
	--xi-chatbox-btn-icon-bg: #272A37;
	--xi-chatbox-btn-icon-bg-hover: #323747;

	--xi-chatbox-button-color:#f7f7f7;
	--xi-chatbox-button-border-color:#486F99;
	--xi-chatbox-button-bg:#486F99;
	--xi-chatbox-button-color-hover:#f7f7f7;
	--xi-chatbox-button-border-color-hover:#52779f;
	--xi-chatbox-button-bg-hover:#52779f;

	--xi-chatbox-button-light-color:#212529;
	--xi-chatbox-button-light-border-color:#cbcbcb;
	--xi-chatbox-button-light-bg:#cbcbcb;
	--xi-chatbox-button-light-color-hover:#212529;
	--xi-chatbox-button-light-border-color-hover:#dcdcdc;
	--xi-chatbox-button-light-bg-hover:#dcdcdc;

	--xi-chatbox-subtitle-color: #f7f7f7;
	--xi-chatbox-text-color: #bfbfbf;
	--xi-chatbox-header-title-color: #f7f7f7;
	--xi-chatbox-header-text-color: #bfbfbf;
	--xi-chatbox-select-arrow: #c9cfd6;
	--xi-webkit-scrollbar-track:#8E8E8E;
	--xi-webkit-scrollbar-thumb:#5C606E;
	--xi-chatbox-button-icon-color: #f7f7f7;
	--xi-chatbox-button-icon-color-hover: #ffffff;

	--xi-frequently_button-color: #ffffff;
	--xi-frequently_button-bg: #666F8F;
	--xi-chatbox-dropdown-item-bg: #3b404f;
	--xi-chatbox-dropdown-link-color: #ffffff;
	--xi-chatbox-dropdown-link-bg-hover: #4a5062;
	--xi-chatbox-dropdown-item-border:#c3c4c6;
}

[data-xi-chat-theme=light] {
	--xi-primary-color: #4C6D94;
	--xi-msg-body-bg: #ffffff;
	--xi-msg-bubble-color: #393939;
	--xi-msg-bubble-bg-light: #FFF1CC;
	--xi-msg-bubble-bg: #FFF1CC;
	--xi-msg-right-bubble-bg-light: #D8E6FD;
	--xi-msg-right-bubble-bg: #D8E6FD;
	--xi-msg-default-bubble-bg-light: #BBDDC6;
	--xi-msg-default-bubble-bg: #BBDDC6;
	--xi-msg-tech-bubble-bg: #F0F3F8;
	--xi-msg-tech-bubble-color: #393939;
	--xi-chatbox-textarea-bg: #F4F5F7;
	--xi-chatbox-input-color: #212529;
	--xi-chatbox-input-bg: #FFFFFF;
	--xi-chatbox-input-border-color: #dee2e6;
	--xi-chatbox-input-focus-border-color:#D8E6FD;
	--xi-chatbox-preinput-color: #393939;
	--xi-chatbox-placeholder-color: rgb(33 37 41 / 80%);
	--xi-send-btn-color: #4B4E58;
	--xi-send-btn-color-hover: #95999f;

	--xi-chatbox-btn-icon-color: #FFFFFF;
	--xi-chatbox-btn-icon-bg: #4c6d94;
	--xi-chatbox-btn-icon-bg-hover: #6381a4;

	--xi-chatbox-button-color:#FFFFFF;
	--xi-chatbox-button-border-color:#4c6d94;
	--xi-chatbox-button-bg:#4c6d94;
	--xi-chatbox-button-color-hover:#FFFFFF;
	--xi-chatbox-button-border-color-hover:#6381a4;
	--xi-chatbox-button-bg-hover:#6381a4;

	--xi-chatbox-button-light-color:#212529;
	--xi-chatbox-button-light-border-color:#eeeeee;
	--xi-chatbox-button-light-bg:#eeeeee;
	--xi-chatbox-button-light-color-hover:#212529;
	--xi-chatbox-button-light-border-color-hover:#F1F1F1;
	--xi-chatbox-button-light-bg-hover:#F1F1F1;

	--xi-chatbox-subtitle-color: #393939;
	--xi-chatbox-text-color: #393939;
	--xi-chatbox-header-title-color: #FFFFFF;
	--xi-chatbox-header-text-color: #FFFFFF;
	--xi-chatbox-select-arrow: #c9cfd6;
	--xi-webkit-scrollbar-track:#ddd;
	--xi-webkit-scrollbar-thumb:#bdbdbd;
	--xi-chatbox-button-icon-color: #ffffff;
	--xi-chatbox-button-icon-color-hover: #efefef;

	--xi-frequently_button-color: #ffffff;
	--xi-frequently_button-bg: #93ABC8;
	--xi-chatbox-dropdown-item-bg: #ffffff;
	--xi-chatbox-dropdown-link-color: #22252f;
	--xi-chatbox-dropdown-link-bg-hover: #f6f9ff;
	--xi-chatbox-dropdown-item-border:#a3a7ab;
}

.xi_chat_app *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:none;font-family: "Open Sans", sans-serif}

.xi_icon:not(:root) {overflow: hidden;}
.xi_icon {line-height: 0;display: inline-block;width: 1em;height: 1em;fill: currentColor}

.xi_chatbox_form_item {margin: 0 0 16px}
.xi_chatbox_form_label, .xi_label_select span, .xi_chatbox_form_label.xi_chatbox_label_select span {display: inline-block;font-size: 12px;font-weight: 400;line-height: 1.2;margin: 0 0 6px;color: var(--xi-chatbox-preinput-color);}
.xi_chatbox_input {display: block;width: 100%;max-width: 100%;height: 36px;font-size: 14px;font-weight: 400;padding: 0 12px;border: 1px solid var(--xi-chatbox-input-border-color);background-color: var(--xi-chatbox-input-bg);color: var(--xi-chatbox-input-color);border-radius: 4px;transition: box-shadow .2s ease-in;}
.xi_chatbox_input:focus, .xi_chatbox_input:active {outline-style: none;box-shadow: 0 0 0 2px var(--xi-chatbox-input-focus-border-color)}
.xi_chat_app ::placeholder {color: var(--xi-chatbox-placeholder-color);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s}
.xi_chatbox_input::placeholder {font-size: 14px;font-weight: 400;color: var(--xi-chatbox-placeholder-color);text-overflow: ellipsis;text-transform: initial;}
.xi_chatbox select.xi_chatbox_input{line-height: normal;text-overflow: "";appearance: none;-moz-appearance: none;-webkit-appearance: none}
.xi_chatbox select.xi_chatbox_input::-ms-expand{display:none}
.xi_chatbox_label_select, .xi_chatbox_label_select.xi_chatbox_form_label {display: block;position: relative;margin: 0;}
.xi_chatbox_label_select::after {content: "";position: absolute;top: 58%;right: 12px;width: 8px;height: 8px;border: none;border-bottom: 2px solid var(--xi-chatbox-select-arrow);border-right: 2px solid var(--xi-chatbox-select-arrow);transform: rotate(45deg);pointer-events: none;}
.xi_chatbox_label_select .xi_chatbox_input {padding-right: 30px}

.xi_chatbox_input.xi_validate_error {border: 1px solid var(--xi-chatbox-input-border-error-color)}

.xi_chatbox_btn {display: inline-flex;align-items: center;justify-content: center;font: 500 16px "Open Sans", sans-serif;height: 40px;min-width: 70px;padding: 0 30px;color: var(--xi-chatbox-button-color);background-color: var(--xi-chatbox-button-bg);border: 1px solid var(--xi-chatbox-button-border-color);border-radius: 30px;text-align: center;white-space: nowrap;text-decoration: none;transition: 0.3s ease-in-out;cursor: pointer;user-select: none;appearance: none;overflow: hidden;position: relative;z-index: 2;}
.xi_chatbox_btn.xi_chatbox_btn_light {background-color: var(--xi-chatbox-button-light-bg);color: var(--xi-chatbox-button-light-color);border-color: var(--xi-chatbox-button-light-border-color);}
.xi_chatbox_btn span {color: var(--xi-chatbox-button-color);transition: 0.3s ease-in-out}
.xi_chatbox_btn .xi_icon {flex-shrink: 0;margin: 0 0 0 10px;width: 16px;height: 16px;color: var(--xi-chatbox-button-color);}
.xi_chatbox_button_icon {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;}
.xi_chatbox_button_icon .xi_icon {width: 22px;height: 22px;color: var(--xi-chatbox-button-icon-color);transition: .3s linear;}


.XI_CHAT_loader_block{text-align: center}
.XI_CHAT_loader{margin: 0 auto;}
.XI_CHAT_loader:after {
	content: "";
	display: inline-block;
	font-size: 6.2px;
	border: 1.2em solid #004080;
	border-right-color: rgba(0, 64, 128, 0) !important;
	transform: translateZ(0);
	-webkit-animation: spiner 1s infinite cubic-bezier(0.53, 0.21, 0.57, 0.85), colors 3s infinite cubic-bezier(0.45, -0.03, 1, 0.77);
	animation: spiner 1s infinite cubic-bezier(0.53, 0.21, 0.57, 0.85), colors 3s infinite cubic-bezier(0.45, -0.03, 1, 0.77);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	right:calc(50% - 25px);
	margin-top: -50px;
}

@-webkit-keyframes colors {
	0% {
		border-color: #3091e6;
		border-bottom-color: transparent;
	}
	33% {
		border-color: #0a5da9;
		border-bottom-color: transparent;
	}
	66% {
		border-color: #00bbd5;
		border-bottom-color: transparent;
	}
	100% {
		border-color: #3091e6;
		border-bottom-color: transparent;
	}
}

@keyframes colors {
	0% {
		border-color: #3091e6;
		border-bottom-color: transparent;
	}
	33% {
		border-color: #0a5da9;
		border-bottom-color: transparent;
	}
	66% {
		border-color: #00bbd5;
		border-bottom-color: transparent;
	}
	100% {
		border-color: #3091e6;
		border-bottom-color: transparent;
	}
}
@-webkit-keyframes spiner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(720deg);
	}
}
@keyframes spiner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(720deg);
	}
}

.xi_chat_app {
	position: fixed;
	bottom: 94px;
	right: 15px;
	z-index: 1000000;
	/*display: flex;*/
	/*flex-direction: column;*/
	/*max-width: 100%;*/
	/*width: 340px;*/
	/*height: 560px;*/
	/*z-index: -1;*/
}

.xi_chatbox {display: none;flex-direction: column;justify-content: space-between;width: 340px;height: 100%;background-color: var(--xi-primary-color);box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px 0, rgba(0, 0, 0, 0.1) 0 0 1px 0;border-radius: 32px;overflow: hidden;position: relative;margin-left: auto}

.xi_chatbox.active {display: flex}
/*.xi_chatbox.xi_chatbox_start .xi_chatbox_header_controls{display: none}*/
.xi_chatbox_title{font-family: "Open Sans", sans-serif;font-size: 24px!important;font-weight: 600!important;line-height: 1.2!important;margin: 0 0 5px!important;color: #FFFFFF;}
.xi_chatbox_subtitle {font-family: "Open Sans", sans-serif;font-size: 22px!important;font-weight: 600!important;line-height: 1.2!important;margin: 0 0 5px!important;color: var(--xi-chatbox-subtitle-color)}
.xi_chatbox_subtitle_leave {font-family: "Open Sans", sans-serif;font-size: 16px!important;font-weight: 600!important;line-height: 1.2!important;margin: 0 0 5px!important;color: var(--xi-chatbox-subtitle-color)}
.xi_chatbox p {font-family: "Open Sans", sans-serif;font-size: 12px;font-weight: 500;line-height: 1.4;color: var(--xi-chatbox-text-color);margin: 5px 0}

.xi_chatbox .xi_chatbox_header {padding: 18px 32px 10px;color: var(--xi-chatbox-header-title-color);min-height: 64px;position: relative;flex-shrink: 0;}
.xi_chatbox.xi_chatbox_start .xi_chatbox_header .xi_chat_welcome_text {margin: -7px 0 0; width: 100%;}
.xi_chatbox .xi_chatbox_header_title {font-size: 20px;color: var(--xi-chatbox-header-title-color);font-weight: 600;line-height: 1.2}
.xi_chatbox .xi_chatbox_header p {color: var(--xi-chatbox-header-text-color);margin: 0}
.xi_chatbox .xi_chatbox_header_row {display: flex;align-items: center}
.xi_chatbox .xi_chatbox_header_row .xi_chatbox_header_title{flex-grow: 1}
.xi_chatbox .xi_chatbox_header_row .xi_chatbox_header_controls {flex-shrink: 0;margin: 0 0 0 15px}

.xi_chatbox .xi_chatbox_body {height: 100%;overflow-y: hidden;background-color: var(--xi-msg-body-bg);border-radius: 32px 32px 0 0;margin: 0;padding: 24px 24px;transition: margin .3s ease-out;transition-delay: .2s;}
.xi_chatbox .xi_chatbox_body.xi_chatbox_body_start {padding: 20px 24px 24px}
.xi_chatbox .xi_chatbox_content_wrap {flex: 1 0 auto;display: flex;flex-direction: column;justify-content: center;background-color: var(--xi-msg-body-bg);}
.xi_chatbox .xi_chatbox_content {text-align: center;margin: 0 0 25px;}
.xi_chatbox .xi_chatbox_content p {max-width: 230px;margin: 0 auto}

.xi_chatbox .xi_chatbox_body_scroll {height: 344px;overflow-y: auto;padding: 0 5px 0 0}
.xi_chatbox .xi_chatbox_body_scroll::-webkit-scrollbar {width: 6px}
.xi_chatbox .xi_chatbox_body_scroll::-webkit-scrollbar-track {background-color: var(--xi-webkit-scrollbar-track)}
.xi_chatbox .xi_chatbox_body_scroll::-webkit-scrollbar-thumb {background-color:var(--xi-webkit-scrollbar-thumb)}

.xi_msg {display: flex;align-items: flex-end;margin: 16px 0;}
.xi_msg:last-of-type {margin: 16px 0 0;}
.xi_msg:only-child {margin: 0}
.xi_msg_img {width: 28px;height: 28px;margin-right: 8px;background-color: #ffffff;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 50%;flex-shrink: 0}
.xi_msg_bubble {max-width: 355px;padding: 6px 10px;border-radius: 4px;background: linear-gradient(45deg, var(--xi-msg-bubble-bg-light), var(--xi-msg-bubble-bg));color: var(--xi-msg-bubble-color);}
.xi_msg_info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2px;}
.xi_msg_info_name {margin-right: 10px;font-weight: 700;font-size: 13px;}
.xi_msg_info_time {font-size: 11px;}
.xi_msg_text {font-size: 12px}
.xi_left_msg .xi_msg_bubble {border-bottom-left-radius: 0;}
.xi_right_msg {flex-direction: row-reverse;}

.xi_right_msg .xi_msg_bubble {background: linear-gradient(45deg, var(--xi-msg-right-bubble-bg-light), var(--xi-msg-right-bubble-bg));border-bottom-right-radius: 0;}
.xi_right_msg .xi_msg_img {margin: 0 0 0 8px;}
.xi_default_msg {flex-direction: row-reverse;margin: 0 0 8px !important;}
.xi_default_msg .xi_msg_bubble {background: linear-gradient(45deg, var(--xi-msg-default-bubble-bg-light), var(--xi-msg-default-bubble-bg));border-bottom-right-radius: 0;}
.xi_default_msg .xi_msg_img {margin: 0 0 0 10px;}
.xi_default_msg_wrap {margin: 25px 0}
.xi_default_msg_wrap .xi_default_msg .xi_msg_bubble{cursor: pointer;transition: .3s linear}
.xi_default_msg_wrap .xi_default_msg .xi_msg_bubble:hover{opacity: .8}

.xi_technical_msg {text-align: center;justify-content: center;margin: 0 0 10px}
.xi_technical_msg .xi_msg_bubble {background: var(--xi-msg-tech-bubble-bg);color: var(--xi-msg-tech-bubble-color);}
.xi_chatbox_inputarea {padding: 16px 66px 16px 32px;background-color: var(--xi-chatbox-textarea-bg);position: relative}


.xi_chat_app .success-animation { margin:-50px auto 15px;}

.xi_chat_app .checkmark {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	stroke-width: 4;
	stroke: #4bb71b;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #4bb71b;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	position:relative;
	top: 5px;
	right: 5px;
	margin: 0 auto;
}
.xi_chat_app .checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 4;
	stroke-miterlimit: 10;
	stroke: #4bb71b;
	fill: #fff;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.xi_chat_app .checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale {
	0%, 100% {
		transform: none;
	}

	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #4bb71b;
	}
}

textarea.xi_message_textarea {min-height: 40px;resize: none}
textarea.xi_message_textarea_leave {min-height: 80px;resize: none}
textarea.xi_chatbox_inputarea::-webkit-scrollbar {width: 6px}
textarea.xi_chatbox_inputarea::-webkit-scrollbar-track {background-color: #ddd}
textarea.xi_chatbox_inputarea::-webkit-scrollbar-thumb {background-color: #bdbdbd}

.xi_chatbox_inputarea .xi_chatbox_inputlabel {display: block}
.xi_chatbox_inputarea .xi_chatbox_input {padding: 0;border: none;background-color: transparent;}
.xi_chatbox_inputarea .xi_chatbox_input:focus, .xi_chatbox_inputarea .xi_chatbox_input:active{box-shadow:unset}
.xi_chatbox_inputarea .xi_chatbox_send_btn {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;position: absolute;top: 50%;right: 26px;transform: translate(0, -70%);cursor: pointer;text-decoration: none;}
.xi_chatbox_inputarea .xi_chatbox_send_btn .xi_icon {width: 22px;height: 22px;color: var(--xi-send-btn-color);transition: .3s linear}

.xi_chatbox_start_form_wrap {display: flex;height: 100%;min-height: 380px;align-items: center}
.xi_chatbox_start_form .xi_chatbox_btn {width: 100%;margin: 8px 0 0}

.xi_chatbox_start_form {margin: 0 auto;width: 240px}
.xi_chatbox_start_form.xi_chatbox_start_form_full {width: 100%}

.xi_chatbox_btns_wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem .6rem}

.xi_chatbox_button * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:none;font-family: "Open Sans", sans-serif}
.xi_chatbox_button {position: fixed;bottom: 15px;right: 15px;display: flex;justify-content: center;align-items: center;width: 64px;height: 64px;border-radius: 50%;cursor: pointer;border: none;background-color: var(--xi-chatbox-btn-icon-bg);box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;transition: background-color 0.2s linear;z-index: 9999;}
.xi_chatbox_button .xi_icon {width: 24px;height: 24px;color: var(--xi-chatbox-btn-icon-color);}
.xi_chatbox_button .xi_icon_chat{display: inline-block}
.xi_chatbox_button .xi_icon_chat_close{display: none}
.xi_chatbox_button.active .xi_icon_chat{display: none}
.xi_chatbox_button.active .xi_icon_chat_close{display: inline-block}
.xi_chatbox_button .xi_chat_msg_count {display: none;position: absolute;right: 10px;bottom: 14px;font-size: 12px;font-weight: 500;height: 18px;line-height: 18px;border-radius: 20px;text-align: center;white-space: nowrap;padding: 0 6px;color: #fff;background-color: tomato;}
.xi_chatbox_button .xi_chat_msg_count.active {display: block}

.wait_contact_text {text-align: center;margin: 0 0 20px}
.xi_chatbox_form_item.xi_chatbox_form_item_left{width: calc(100% - 2px);margin-left: 2px}

.xi_chatbox_confirm_end_chat {display: none;position: absolute;top: 100%;left: 0;border-radius: 38px 38px 0 0;}
.xi_chatbox_confirm_end_chat.active {display: block}

.xi_chatbox_confirm {background-color: var(--xi-chatbox-dropdown-item-bg);width: 100%;padding: 20px 34px 15px;box-shadow: 0 4px 13px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .05)}
.xi_chatbox_confirm .xi_chat_h6, .xi_chatbox_confirm .xi_chat_h6{color: var(--xi-chatbox-dropdown-link-color);font-weight: 700}
.xi_chatbox_confirm p, .xi_chatbox .xi_chatbox_confirm p {font-size: 13px;color: var(--xi-chatbox-dropdown-link-color);}

.xi_frequently_messages_dropdown {position: relative;display: inline-flex}
.xi_frequently_messages_dropdown .xi_frequently_messages_button{flex: 1 1 auto}
.xi_frequently_messages_button {display: inline-block;padding: 6px 12px;font-size: 16px;font-weight: 400;line-height: 1.5;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border-radius: unset;color: var(--xi-frequently_button-color);background-color: var(--xi-frequently_button-bg);transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;position: relative;}
.xi_frequently_messages_button::after {display: inline-block;margin-left: 4px;vertical-align: 4px;content: "";border-top: 0;border-right: 5px solid transparent;border-bottom: 5px solid;border-left: 5px solid transparent;}
.xi_frequently_messages_list {position: absolute;inset: auto auto 0 0;transform: translate3d(0px, -38px, 0px);width: 100%;min-width: 160px;max-height: 206px;margin: 0;padding: 0;list-style-type: none;box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);overflow-y: auto;z-index: 1000}
.xi_frequently_messages_list::-webkit-scrollbar {width: 6px}
.xi_frequently_messages_list::-webkit-scrollbar-track {background-color: var(--xi-webkit-scrollbar-track)}
.xi_frequently_messages_list::-webkit-scrollbar-thumb {background-color:var(--xi-webkit-scrollbar-thumb)}
.xi_frequently_messages_list li {background-color: var(--xi-chatbox-dropdown-item-bg);transition: 0.3s;}
.xi_frequently_messages_list .xi_frequently_messages_list_item {display: flex;align-items: center;width: 100%;font-size: 14px;font-weight: 400;padding: 10px 15px;transition: 0.3s;color: var(--xi-chatbox-dropdown-link-color);text-decoration: none;}
.xi_frequently_messages_list .xi_frequently_messages_list_divider {border-top:1px solid var(--xi-chatbox-dropdown-item-border);margin: 0;opacity: .25}

.xi_chatbox .xi_chatbox_header_row .xi_chatbox_header_menu {flex-shrink: 0;margin: 0 0 0 15px;position: relative}
.xi_chatbox .xi_chatbox_header_menu_summary {display: flex;align-items: center;justify-content: flex-end;list-style-type: none;width: 36px;height: 36px;cursor: pointer}
.xi_chatbox .xi_chatbox_header_menu_summary .xi_icon{font-size: 22px;color: #ffffff;transition: .3s ease-in}
.xi_chatbox_header_menu_list {position: absolute;inset: 0 0 auto auto;transform: translate3d(8px, 47px, 0px);width: 100%;min-width: 240px;margin: 0;padding: 0;list-style-type: none;box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);z-index: 1000;border-radius:0 0 4px 4px;}
.xi_chatbox_header_menu_list li {background-color: var(--xi-chatbox-dropdown-item-bg);transition: 0.3s;padding: 10px 15px;}
.xi_chatbox_header_menu_list .xi_chatbox_header_menu_list_item {display: flex;align-items: center;width: 100%;font-size: 14px;font-weight: 400;transition: 0.3s;color: var(--xi-chatbox-dropdown-link-color);text-decoration: none}
.xi_chatbox_header_menu_list .xi_chatbox_header_menu_list_item .xi_icon{width: 16px;height: 16px;flex-shrink: 0;margin: 0 6px 0 0;color: var(--xi-chatbox-dropdown-link-color);}
.xi_chatbox_header_menu_list .xi_chatbox_header_menu_list_item_divider {padding: 0}
.xi_chatbox_header_menu_list .xi_chatbox_header_menu_list_item_divider hr{border-top:1px solid var(--xi-chatbox-dropdown-item-border);margin: 0;opacity: .25}

.xi_chatbox .xi_form_label {font-size: 14px;margin-bottom: 4px;color: var(--xi-chatbox-dropdown-link-color)}
.xi_chatbox .xi_form_select {--xi-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");padding: 6px 36px 8px 12px;display: block;width: 100%;font-size: 16px;font-weight: 400;line-height: 1.5;color: var(--xi-chatbox-input-color);background-color: var(--xi-chatbox-input-bg);background-image: var(--xi-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat: no-repeat;background-position: right 12px center;background-size: 16px 12px;border: 2px solid var(--xi-chatbox-input-border-color);border-radius: 8px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.xi_chatbox_confirm_buttons {display: flex;gap: 10px;margin: 12px 0 0;}
.xi_chatbox_confirm_buttons .xi_chatbox_main_button {width: 100%}

.xi_chatbox_main_button {display: inline-block;padding: 4px 8px;font-family: "Open Sans", sans-serif;font-size: 14px;font-weight: 400;line-height: 1.5;color: #ffffff;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border: 2px solid #3269ec;border-radius: 6px;background-color: #3269ec;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.xi_chatbox_main_button.xi_chatbox_secondary_button {border-color: #6c757d;background-color: #6c757d;color: #ffffff;}
.xi_chatbox_main_button.xi_chatbox_danger_button {border-color: #dc3545;background-color: #dc3545;color: #ffffff;}

.xi_text_danger {color: #f05564 !important}

@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
	.xi_chatbox_button:hover {background-color: var(--xi-chatbox-btn-icon-bg-hover)}
	.xi_chatbox_btn:hover {color: var(--xi-chatbox-button-color-hover);background-color: var(--xi-chatbox-button-bg-hover);border-color: var(--xi-chatbox-button-border-color-hover)}
	.xi_chatbox_btn:hover span {color: var(--xi-chatbox-button-color-hover)}
	.xi_chatbox_btn.xi_chatbox_btn_light:hover {background-color: var(--xi-chatbox-button-light-bg-hover);color: var(--xi-chatbox-button-light-color-hover);border-color: var(--xi-chatbox-button-light-border-color-hover);}
	.xi_chatbox_inputarea .xi_chatbox_send_btn:hover .xi_icon{color: var(--xi-send-btn-color-hover)}
	.xi_chatbox_button_icon:hover .xi_icon {color: var(--xi-chatbox-button-icon-color-hover);}
	.xi_frequently_messages_list li:hover {background-color: var(--xi-chatbox-dropdown-link-bg-hover);transition: 0.3s;}
	.xi_chatbox_header_menu_list li:hover {background-color: var(--xi-chatbox-dropdown-link-bg-hover);transition: 0.3s;}
	.xi_chatbox_main_button:hover {border-color: #4477ee;background-color: #4477ee;color: #ffffff;}
	.xi_chatbox_main_button.xi_chatbox_secondary_button:hover {border-color: #565e64;background-color: #565e64;color: #ffffff}
	.xi_chatbox_main_button.xi_chatbox_danger_button:hover {border-color: #b02a37;background-color: #b02a37;color: #ffffff}
}

@media only screen and (max-width: 550px) {
	.xi_chat_app {width: calc(100% - 30px)}
}

@media only screen and (max-width: 350px) {
	.xi_chatbox {width: 100%}
}