/* ユーザー画面 */
@charset "utf-8";
html {
	background-color: #fbf5ff;
}

body {
	color: #696969;
	background-color: #fbf5ff;
}
header {
	background: #B55BA6;
}
.logo {
	width: 90px;
}
.logo img {
	width: 100%;
}
.logo-text {
    font-size: 0.875rem;
    color: #fff;
}
/* ユーザーとのチャット */
.user-chat-window {
	/* background: linear-gradient(to bottom, #fed8fd 0%,#9ff1f8 100%); */
	background-color: #fbf5ff;
}

.input-container {
	background: #F6F6F6;
}
.input_chat {
	/* white */
	background: #FFFFFF;
	border: 1px solid #DBDDE1;
}
.btn_chat_send {
	background: #B55BA6;
	border: 1px solid #DBDDE1;
	color: #fff;
}
.btn_data_resume {
	color: #666;
	background: #DBDDE1 !important;
}

/* ユーザー */
.user-box .message_area,
.user-box .message_arrow {
	background: #FFFFFF;
}

/* オペレーター ユーザー */
.op-box .message_area,
.op-box .message_arrow {
	background: #F6D3F6;
}
.btn_data_send:active,
.btn_log_clear:active,
.btn_chat_send_square:active,
.btn_prev:active,
.btn_next:active,
.btn_pagebox:active,
.btn_area_change:active,
.btn_facility_search:active,
.btn_chat_send:active,
.btn_decision:active {
	background-color: #A7B6B7;
}

.balloon1-top {
	color: #333;
/*	background-color: rgba(159,241,248,1);                                */
 	background-color: #F6D3F6;
}

.balloon1-top:before {
/*	border-bottom: 15px solid #9ff1f8;                                */
	border-bottom: 15px solid #F6D3F6;
}

.help-balloon-top {
	color: #333;
	background-color: rgba(204,0,0,0.8);
}

.help-balloon-top:before {
	border-bottom: 15px solid rgba(204,0,0,0.8);
}
.help-balloon-top p {
	color: #fff;
}