/* ユーザー画面 */
@charset "utf-8";
html {
    background-color: #c6dcf0;
}
body {
	color: #696969;
    background-color: #c6dcf0;
}
header {
	background: #407bb2;
}
.logo {
	width: 90px;
}
.logo img {
	width: 100%;
}
.logo-text {
    font-size: 0.75rem;
    color: #407bb2;
    color: #fff;
}
/* ユーザーとのチャット */
.user-chat-window {
	background-color: #e4edfa;
}

.input-container {
	background: #F6F6F6;
}
.input_chat {
	/* white */
	background: #FFFFFF;
	border: 1px solid #DBDDE1;
}
.btn_chat_send {
	background: #407bb2;
	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: #d3def6;
}

.balloon1-top:before {
	border-bottom: 15px solid #d3def6;
}

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

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