@charset "UTF-8";
/* 背景 */
.dsn-main {
  background-color: #F0F0F0;
}

.dsn_frame {
  background-color: #F0F0F0;
}

/* ヘッダー */
.dsn-header {
  background-color: #FFF780;
}

/* ヘッダーの文字色 */
.dsn-header_title{
  color: #000000 !important;
}

/* ボット吹き出しの枠線 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_massage__inner {
  border: solid 1px #DBD035;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_massage__inner:before {
  border-right: 15px solid #FFF;
}

/* ボットの吹き出し◁部分の枠線 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_massage__inner:after {
  border-right: 15px solid #DBD035;
}

/* ボットが出力する質問候補のリスト */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul {
  border: 1px solid #D6DADE;
  background-color: #fff;
}

/* ボットが出力する質問候補のリストの文字色 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul li {
  color: #3339F8;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul li:not(:first-child) {
  border-top: 1px solid #D6DADE;
}

/* ボットが出力する質問候補のリストホバー時 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul li:hover {
  background: #FFF780;
}

/* ボットが出力するフィードバックボタンホバー時 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_button button:hover {
  background: #FFF780;
  color: white;
}

/* ユーザの吹き出しの枠線・背景の色 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-right_massage {
  background:#ECF4D7;
  border: solid 1px #14CCC0;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-right_massage:before {
  border-left: 15px solid #ECF4D7;
}

/* ユーザの吹き出しの▷の枠線の色 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-right_massage:after {
  border-left: 15px solid #14CCC0;
}

/* 質問入力テキストボックスにフォーカスが当たった時の枠線の色 */
.dsn-input_comment:focus {
  border: 1.3px solid #000000;
}

/* 送信するボタン */
.dsn-input_button {
  background: #FFF780;
  color: #000000 !important;
  border: solid 1px #5FB359;
}

/* サジェストのリスト */
.ui-state-active{
  background: #FFF780 !important;
  border: #FFF780 !important;
  color: #000000 !important;
}

/* フィードバックボタンの枠線 */
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_button .dsn-button_yes {
  border:solid 1px #5FB359;
  color: #000000;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_button .dsn-button_no {
  border:solid 1px #5FB359;
  color: #000000;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul li{
  color: #000000 !important;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_list ul li:hover {
  color: #000000 !important;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_button button {
  color: #000000 !important;
}

.dsn-field .dsn-field_list .dsn-field_item .dsn-left_button button:hover {
  color: #000000 !important;
}

/* 最初からボタン */
.dsn-button_restart{
  border: solid 1px #5FB359;
  color: #000000;
}

/* 一つ戻るボタン */
.dsn-button_back{
  border: solid 1px #5FB359;
  color: #000000;
}

/* スタートページ */
/* 背景 */
.dsn-start-main {
  background-color: #F0F0F0;
}

/* ヘッダー */
.dsn-start-header {
  background-color: #FFF780;
}

/* ヘッダーの文字色 */
.dsn-start-header_title{
  color: #000000 !important;
}

/* ボット吹き出しの枠線 */
.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_massage__inner {
  border: solid 1px #DBD035;
}

.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_massage__inner:before {
  border-right: 15px solid #FFF;
}

/* ボットの吹き出し◁部分の枠線 */
.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_massage__inner:after {
  border-right: 15px solid #DBD035;
}

/* ボットが出力する質問候補のリストホバー時 */
.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_list ul li:hover {
  background: #FFF780;
}

/* ボットが出力するフィードバックボタンホバー時 */
.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_button button:hover {
  background: #FFF780;
  color: white;
}

.dsn-start-field .dsn-start-field_list .dsn-start-field_item .dsn-start-left_list ul li:hover {
  color: #000000 !important;
}

.dsn-bot-top {
  background-image: url(/cb/static/common/img/top_gray.svg) !important;
}

.dsn-bot-restart {
  background-image: url(/cb/static/common/img/restart_gray.svg) !important;
}

.dsn-bot-close {
  background-image: url(/cb/static/common/img/close_gray.svg) !important;
}

.dsn-start-bot-close{
  background-image: url(/cb/static/common/img/close_gray.svg) !important;
}