/*チャットボット::ベースカラー設定
==========================================================*/
/*チャットボット内の背景
-------------------------------------*/
#chatbot {
  background: #fff;
}

/*OPENボタン
-------------------------------------*/
/*ボタン背景とボタンライン*/
.chatbot-btn {
  background: #ffa228;
  border-bottom: 3px solid #ff880b;
}
.chatbot-txt {
  color: #fff;
}

/*テキスト＆企業名
-------------------------------------*/
.chatbot-box-txtbx {
  background-color: #0087c6;
  border: solid 1px #777979;
}


/*CLOSEボタン
-------------------------------------*/
/*ボタン背景*/
.chatbot-btn.current .btn-bx {
  background: #ffa228;
}

/*ボタンライン*/
.chatbot-btn.current .btn-bx .line:nth-child(1),
.chatbot-btn.current .btn-bx .line:nth-child(3) {
  background: #fff;
}

/*テキスト外枠ボーダーカラー
----------------------------------*/
#chatbot-app {
  border: solid 1px #ccc;
}

/*回答テキストカラー
----------------------------------*/
.human.botui-message-content.text {
  background-color: #0087c6;
  border-bottom: 4px solid #00679d;
}

/*選択ボタン
----------------------------------*/
.botui-actions-buttons-button {
  background-color: #ffa228;
}

/*アナウンステキスト
----------------------------------*/
.botui-message-content {
  color: #595a5a;
  background-color: #ebebeb;
  border-bottom: 4px solid #dadada;
}