@charset "utf-8";
/* ユーザー画面 */
/* 設定カラー ヘッダ　5AAFB5　 ボタン　5AAFB5　bg　#EDF7FA */
html {
	background-color: #fff;
}

body {
	color: #696969;
	background-color: #EDF7FA;
}
header {
	/* background: #5AAFB5; */
    background: #5b9a9f;
}
.logo {
	width: 85%;
}
.logo img {
	width: 120px;
}

/* ユーザーとのチャット */
.user-chat-window {
	background-color: #EDF7FA;
}

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

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

.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;
}