@charset "UTF-8";
#BotChatGoesHere,
#BotChatGoesHere div,
#BotChatGoesHere span,
#BotChatGoesHere applet,
#BotChatGoesHere object,
#BotChatGoesHere iframe,
#BotChatGoesHere h1,
#BotChatGoesHere h2,
#BotChatGoesHere h3,
#BotChatGoesHere h4,
#BotChatGoesHere h5,
#BotChatGoesHere h6,
#BotChatGoesHere p,
#BotChatGoesHere blockquote,
#BotChatGoesHere pre,
#BotChatGoesHere a,
#BotChatGoesHere abbr,
#BotChatGoesHere acronym,
#BotChatGoesHere address,
#BotChatGoesHere big,
#BotChatGoesHere cite,
#BotChatGoesHere code,
#BotChatGoesHere del,
#BotChatGoesHere dfn,
#BotChatGoesHere img,
#BotChatGoesHere ins,
#BotChatGoesHere kbd,
#BotChatGoesHere q,
#BotChatGoesHere s,
#BotChatGoesHere samp,
#BotChatGoesHere small,
#BotChatGoesHere strike,
#BotChatGoesHere sub,
#BotChatGoesHere sup,
#BotChatGoesHere tt,
#BotChatGoesHere var,
#BotChatGoesHere b,
#BotChatGoesHere u,
#BotChatGoesHere i,
#BotChatGoesHere center,
#BotChatGoesHere dl,
#BotChatGoesHere dt,
#BotChatGoesHere dd,
#BotChatGoesHere fieldset,
#BotChatGoesHere form,
#BotChatGoesHere label,
#BotChatGoesHere legend,
#BotChatGoesHere table,
#BotChatGoesHere caption,
#BotChatGoesHere tbody,
#BotChatGoesHere tfoot,
#BotChatGoesHere thead,
#BotChatGoesHere tr,
#BotChatGoesHere th,
#BotChatGoesHere td,
#BotChatGoesHere article,
#BotChatGoesHere aside,
#BotChatGoesHere canvas,
#BotChatGoesHere details,
#BotChatGoesHere embed,
#BotChatGoesHere figure,
#BotChatGoesHere figcaption,
#BotChatGoesHere footer,
#BotChatGoesHere header,
#BotChatGoesHere hgroup,
#BotChatGoesHere menu,
#BotChatGoesHere nav,
#BotChatGoesHere output,
#BotChatGoesHere ruby,
#BotChatGoesHere section,
#BotChatGoesHere summary,
#BotChatGoesHere time,
#BotChatGoesHere mark,
#BotChatGoesHere audio,
#BotChatGoesHere video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* HTML5 display-role reset for older browsers */
#BotChatGoesHere article,
#BotChatGoesHere aside,
#BotChatGoesHere details,
#BotChatGoesHere figcaption,
#BotChatGoesHere figure,
#BotChatGoesHere footer,
#BotChatGoesHere header,
#BotChatGoesHere hgroup,
#BotChatGoesHere menu,
#BotChatGoesHere nav,
#BotChatGoesHere section {
  display: block; }

#BotChatGoesHere {
  height: 100%;
  line-height: 1; }

#BotChatGoesHere ol,
#BotChatGoesHere ul {
  list-style: none; }

#BotChatGoesHere ol.bullet-list {
  padding-left: 25px;
  list-style: decimal;
}

#BotChatGoesHere ol.bullet-list li{
  list-style: decimal;
}

#BotChatGoesHere ul.bullet-list {
  padding-left: 25px;
  list-style: disc;
}

#BotChatGoesHere ul.bullet-list li{
  list-style: disc;
  color: #333333;
}

#BotChatGoesHere blockquote,
#BotChatGoesHere q {
  quotes: none; }

#BotChatGoesHere blockquote:before,
#BotChatGoesHere blockquote:after,
#BotChatGoesHere q:before,
#BotChatGoesHere q:after {
  content: '';
  content: none; }

#BotChatGoesHere table {
  border-collapse: collapse;
  border-spacing: 0; }


#BotChatGoesHere p:not(:first-child) {
  margin-block-start: 1em;
  margin-block-end: 1em; }

#BotChatGoesHere .clearfix {
  clear: both; }

#BotChatGoesHere .wc-card .inline-block-image {
  width: 100%;
  display: block;
}
#BotChatGoesHere .stream {
  background: inherit;
  top: -7px;
  overflow: hidden;
  z-index: 99; }

#BotChatGoesHere .notificationBar {
  width: 100%;
  height: 0px;
  font-size: 0px;
  text-align: left;
  top: -163px;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s linear; }

#BotChatGoesHere .notificationBar.is-error {
  position: absolute;
  margin-top: 32px;
  display: table;
  background: #BF0000;
  color: #fff;
  top: 63px;
  opacity: 1; }

#BotChatGoesHere .notificationBar.is-complete {
  display: table;
  background: #05b0ff;
  color: #fff;
  top: -95px;
  animation: spslide 3s linear 1; }

#BotChatGoesHere .notificationBar.is-processing {
  display: table;
  padding: 0 9px;
  background: #878787;
  color: #fff;
  top: 63px;
  opacity: 1; }

#BotChatGoesHere .notificationBar.is-alert {
  padding: 8px 9px;
  width: 100%;
  height: 30px;
  font-size: 16px;
  z-index: 2;
  display: table;
  background: #BF0000;
  color: #fff;
  top: 63px;
  opacity: 1; }

#BotChatGoesHere .notificationBar__inner {
  display: table-cell;
  position: relative; }

#BotChatGoesHere .notificationBar__inner.is-processing {
  padding-left: 36px;
  vertical-align: middle; }

#BotChatGoesHere .notificationBar__text {
  vertical-align: middle; }

#BotChatGoesHere .notificationBar__text.is-alert {
  vertical-align: top; }

#BotChatGoesHere .notificationBar__text.is-processing:before {
  content: '';
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  left: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(./img/circlepic.png) 0 0 no-repeat;
  background-size: 100%;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(360deg); } }

#BotChatGoesHere .notificationBar__btn {
  display: none;
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 32px;
  border: none;
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  font-size: 16px; }

#BotChatGoesHere .notificationBar__btn.is-alert {
  display: block; }

@keyframes fade {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes spslide {
  0% {
    top: -3px;
    opacity: 1; }
  1% {
    top: -3px;
    opacity: 1; }
  8% {
    opacity: 1;
    top: 3px; }
  92% {
    opacity: 1;
    top: 3px; }
  98% {
    opacity: 1;
    top: -3px; }
  100% {
    opacity: 0;
    top: -3px; } }

@keyframes pcslide {
  0% {
    top: -100px;
    opacity: 1; }
  1% {
    top: -100px;
    opacity: 1; }
  8% {
    opacity: 1;
    top: 0px; }
  92% {
    opacity: 1;
    top: 0px; }
  98% {
    opacity: 1;
    top: -100px; }
  100% {
    opacity: 0;
    top: -100px; } }

#BotChatGoesHere .u-clearfix {
  margin-bottom: 8px;
  position: absolute;
  width: 100%;
  box-sizing: border-box; }

#BotChatGoesHere .u-clearfix:after {
  content: '';
  display: block;
  clear: both; }

#BotChatGoesHere .u-mb8 {
  margin-bottom: 8px !important; }

#BotChatGoesHere .u-mb16 {
  margin-bottom: 16px !important; }

#BotChatGoesHere .suggestion {
  position: absolute;
  width: 100%;
  height: 48px;
  left: 0;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  margin-left: -5px;
  bottom: 82px;
  z-index: 4; }

#BotChatGoesHere .suggestion:before {
  position: relative;
  content: '';
  display: block;
  width: calc(100% - 16px);
  height: 48px;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  border-radius: 3px; }

#BotChatGoesHere .suggestion_vertical {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  margin-left: 3%;
  bottom: 70px;
  z-index: 4;
  width: calc(100% - 40px);
  background-color: white;
  border-radius: 10px;
  font-size: 10px;
  overflow-x: auto;
  max-height: 360px; }
#BotChatGoesHere .suggestion_vertical button {
  margin: 3px; }
@media (max-width: 756px) {
  #BotChatGoesHere .suggestion_vertical {
    max-height: 95.7%; } }

#BotChatGoesHere .suggestion_blur_background {
  height: 100vh;
  background-color: gray;
  opacity: 0.3;
  position: fixed;
  width: 93.5%; }
@media (min-width: 757px) {
  #BotChatGoesHere .suggestion_blur_background {
    width: 360px; } }

@keyframes suggestionAppear {
  0% {
    transform: translateY(300px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

#BotChatGoesHere .selectLanguage__items {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e9eff2;
  z-index: 150;
  overflow-x: auto; }

#BotChatGoesHere .selectLanguage__items.is-selectLanguage {
  display: block; }

#BotChatGoesHere .selectLanguage__item {
  position: relative;
  display: block;
  padding: 16px 0 16px 24px;
  cursor: default;
  transition: background 0.1s linear;
  border-bottom: solid 1px #e2e2e2; }

#BotChatGoesHere .selectLanguage__title {
  position: relative;
  display: block;
  padding: 16px 0 16px 40px;
  cursor: default;
  transition: background 0.1s linear;
  border-bottom: solid 1px #c5c5c5;
  font-size: 15px;
  background: #d2dde5;
  color: #878787; }

#BotChatGoesHere .selectLanguage__title:before {
  position: absolute;
  content: '';
  display: block;
  left: 9px;
  margin: auto; }

#BotChatGoesHere .selectLanguage__item__selected {
  color: #ff0000; }

#BotChatGoesHere .selectLanguage__item:hover {
  background: #f8e5e5; }

#BotChatGoesHere .selectLanguage__item:active {
  background: #f2cccc; }

#BotChatGoesHere .selectLanguage__item:before {
  position: absolute;
  content: '';
  display: block;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto; }

#BotChatGoesHere .selectLanguage__title--icon:before {
  width: 21px;
  height: 21px;
  background: url(./img/menu/language_icon_sp.svg) 0 0 no-repeat;
  background-size: 100%;
  top: 12px; }

#BotChatGoesHere .feedback-container {
  float: left;
  position: relative;
  background-color: #FFFFFF;
  z-index: 110;
  min-height: 100%;
  width: calc(100% - 20px);
  padding: 10px;
  opacity: 0.97;
  border-bottom-color: #D3D3D3;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  transition: transform 0.45s ease;
  -webkit-transition: -webkit-transform 0.45s ease;
  -moz-transition: -moz-transform 0.45s ease;
  -o-transition: -o-transform 0.45s ease; }
#BotChatGoesHere .feedback-container.feedback-show {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1); }
#BotChatGoesHere .feedback-container .ratings-container {
  text-align: center; }
#BotChatGoesHere .feedback-container .ratings-container .box-container {
  margin-left: auto;
  margin-right: auto;
  width: 80%; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box {
  cursor: pointer;
  display: inline-block;
  float: left;
  margin-right: 8%;
  margin-bottom: 18px;
  width: 30px;
  height: 30px;
  background-color: #BF0000;
  position: relative;
  border-radius: 5px;
  border: 1px solid #BF0000; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box .rating-label {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
  left: 37%; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box .rating-label-double-digits {
  left: 25% !important; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box.is-selected {
  background-color: #FFFFFF !important;
  border: 1px solid #F53A3A !important; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box.is-selected .rating-label {
  color: #F53A3A !important; }
#BotChatGoesHere .feedback-container .ratings-container .box-container .rating-box:hover {
  background-color: #F98888; }
#BotChatGoesHere .feedback-container .ratings-container .legend {
  font-size: 12px;
  float: left;
  white-space: nowrap;
  position: relative;
  top: 110%; }
#BotChatGoesHere .feedback-container .reason-form .reason-input {
  width: 90%;
  height: 12vh;
  border-color: #D3D3D3;
  border-width: 1px;
  border-style: solid;
  display: block;
  margin-left: auto;
  margin-right: auto; }
#BotChatGoesHere .feedback-container .reason-form .reason-submit-button {
  font-size: 14px;
  background: #F53A3A;
  border-color: #F53A3A;
  font-family: inherit;
  color: #FFFFFF;
  min-height: 28px;
  width: 70px;
  margin-top: 5px;
  padding: 0 16px;
  border-radius: 4px;
  white-space: normal !important;
  cursor: pointer;
  display: block;
  margin-left: auto;
  margin-right: auto; }
#BotChatGoesHere .feedback-container .reason-form .reason-submit-button:hover:enabled {
  background-color: #F98888; }
#BotChatGoesHere .feedback-container .reason-form .reason-submit-button:disabled {
  background-color: #A9A9A9;
  border-color: gray;
  cursor: not-allowed; }
#BotChatGoesHere .feedback-container .question-container {
  width: 90%;
  float: left;
  position: relative;
  left: 3%;
  margin-bottom: 5px; }
#BotChatGoesHere .feedback-container .close-button-container {
  float: right;
  cursor: pointer; }
#BotChatGoesHere .feedback-container .close-button-container .close-button {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: url(./img/rex/close.svg) no-repeat;
  position: relative;
  bottom: 7px;
  left: 5px; }
#BotChatGoesHere .feedback-container .check-icon-container {
  float: left; }
#BotChatGoesHere .feedback-container .check-icon-container .check-icon {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: url(./img/rex/check.svg) no-repeat; }
#BotChatGoesHere .feedback-container .thank-you-container {
  float: left;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  left: 7px;
  top: 4px; }

#BotChatGoesHere ul.icon-messages {
  position: fixed;
  list-style-type: none;
  bottom: 95px;
  right: 29px;
  z-index: 1000;
  animation: anim_icon_messages 1s normal;
  -ms-animation: anim_icon_messages 1s normal;
  -webkit-animation: anim_icon_messages 1s normal;
  -moz-animation: anim_icon_messages 1s normal;
  transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease; }
#BotChatGoesHere ul.icon-messages li.text, #BotChatGoesHere ul.icon-messages li.image {
  background-color: white;
  font-size: 17px;
  position: relative;
  border: solid #EBEBEB 1px;
  cursor: default;
  border-radius: 0.4em;
  margin-top: 15px; }
#BotChatGoesHere ul.icon-messages li.text {
  width: 180px;
  padding: 10px; }
#BotChatGoesHere ul.icon-messages li.text button {
  font-size: 17px;
  background: #F53A3A;
  border-color: #F53A3A;
  font-family: inherit;
  color: #FFFFFF;
  height: 26px;
  width: 99.8%;
  padding: 0 12px;
  border-radius: 4px;
  white-space: normal;
  cursor: pointer;
  margin-top: 7px; }
#BotChatGoesHere ul.icon-messages li.image {
  width: 200px; }
#BotChatGoesHere ul.icon-messages li.image img {
  max-height: 140px;
  width: 100%;
  display: block;
  border-radius: 0.4em; }
#BotChatGoesHere ul.icon-messages li.text:after, #BotChatGoesHere ul.icon-messages li.image:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 88%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top-color: #EBEBEB;
  border-bottom: 0;
  border-right: 0;
  margin-left: -10.5px;
  margin-bottom: -12px; }
#BotChatGoesHere ul.icon-messages .close-button-container {
  position: absolute;
  right: -8px;
  top: -6px;
  cursor: pointer;
  border-radius: 0.4em;
  background-color: white; }
#BotChatGoesHere ul.icon-messages .close-button-container .close-button {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: url(./img/rex/close.svg) no-repeat;
  float: right; }

@keyframes anim_icon_messages {
  from {
    bottom: -120px;
    right: 29px; }
  to {
    bottom: 95px;
    right: 29px; } }

@-ms-keyframes anim_icon_messages {
  from {
    bottom: -120px;
    right: 29px; }
  to {
    bottom: -95px;
    right: 29px; } }

#BotChatGoesHere .ac-input {
  font-size: inherit;
  height: 34px;
  margin: 2px 0;
  border: 1px solid #dbdee1;
  background: #ffffff;
  line-height: 28px; }

#BotChatGoesHere .ac-input option {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #BotChatGoesHere .ac-container {
    display: block !important; }
  #BotChatGoesHere .ac-btnParent {
    flex-wrap: wrap;
    display: flex !important; }
  :-ms-fullscreen, #BotChatGoesHere .ac-container {
    display: flex !important; }
  :-ms-fullscreen, #BotChatGoesHere .ac-btnParent {
    display: flex !important; } }

#BotChatGoesHere .carousel {
  padding: 0 0 0 20px;
  position: relative;
  bottom: 50px;
  margin-left: -19px;
  width: 100%;
  top: -51px; }

#BotChatGoesHere .carousel_suggestion {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 8px;
  position: relative;
  bottom: 50px;
  margin-left: 10px;
  margin-right: 10px;
  top: -40px; }

#BotChatGoesHere .carousel_suggestion_vertical {
  padding: 8px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px; }

#BotChatGoesHere .carousel__items {
  transition: transform 0.2s linear;
  display: table;
  animation: carouselAppear 0.4s 1;
  transform: translateY(0);
  /*
  padding: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  */ }

#BotChatGoesHere .carousel__item {
  display: table-cell; }

#BotChatGoesHere .carousel__btn {
  -webkit-appearance: none;
  background: #fff;
  height: 32px;
  border: solid 1px #F8E5E5;
  color: #BF0000;
  font-size: inherit;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 0 15px;
  margin-right: 8px;
  cursor: pointer; }

#BotChatGoesHere .carousel__btn_vertical {
  -webkit-appearance: none;
  background: #fff;
  min-height: 32px;
  border: solid 1px #ff008c;
  color: #ff008c;
  font-size: inherit;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 0 15px;
  margin-right: 8px;
  cursor: pointer; }

#BotChatGoesHere .carousel__navWrap {
  display: none;
  position: fixed;
  width: 28px;
  bottom: 77px;
  z-index: 2; }

#BotChatGoesHere .carousel__navWrap--prev {
  left: 216px; }

#BotChatGoesHere .carousel__navWrap--next {
  right: 0; }

#BotChatGoesHere .carousel__nav {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  overflow: hidden;
  text-indent: -9999em;
  cursor: pointer;
  opacity: 0.88;
  outline: none;
  animation: carouselAppear 0.4s 1; }

#BotChatGoesHere .carousel__nav:after {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #F8E5E5;
  width: 28px;
  height: 28px;
  top: 0;
  background: #FFFFFF;
  border-radius: 183px;
  outline: none;
  animation: carouselAppear 0.4s 1; }

#BotChatGoesHere .carousel__nav--prev:after {
  right: 0; }

#BotChatGoesHere .carousel__nav--next:after {
  left: 0; }

#BotChatGoesHere .carousel__nav:before {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 9px;
  background: #FFFFFF;
  z-index: 2; }

#BotChatGoesHere .carousel__nav--prev:before {
  border-left: solid 3px #808080;
  border-bottom: solid 3px #808080;
  transform: rotateZ(45deg);
  left: 7px;
  margin-left: 9px; }

#BotChatGoesHere .carousel__nav--next:before {
  border-right: solid 3px #808080;
  border-bottom: solid 3px #808080;
  transform: rotateZ(-45deg);
  right: 7px;
  margin-right: 9px; }

/*.wc-carousel-container {*/
/*  padding: 0 20px 0 0;*/
/*}*/

#BotChatGoesHere .wc-carousel-item img {
  object-fit: cover;
  /*height: 180px;*/
  cursor: pointer; }

#BotChatGoesHere .chatHeader {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 150; }

#BotChatGoesHere .format-plain {
  white-space: pre-wrap;
}

#BotChatGoesHere .chatHeader__inner {
  position: relative;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #FFFFFF;
  height: 65px;
  padding-right: 8px;
  padding-bottom:21px;
  padding-left:8px;
  background: #BF0000;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#BotChatGoesHere .chatHeader__inner .operator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#BotChatGoesHere .chatHeader__logout {
  color:#F8E5E5;
  font-size: 12px;
  cursor: pointer;
  text-decoration-line: none;
  padding-left: 30px;
}
#BotChatGoesHere .backdrop {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  height: 100%;
  background:rgba(0, 0, 51, 0.64);
}

#BotChatGoesHere .chatHeader__confirm_close_popup {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 25%;
  border-radius: 3px;
  background: #fff;
  min-height: 80px;
  padding: 10px;
  border-bottom: 1px solid #ededed;
  outline:none;
  font-size: 16px;
  box-shadow: 0px 2px 9px rgba(0, 0, 51, 0.21);
}
#BotChatGoesHere .chatHeader__confirm_close_popup_text_bold {
  padding: 6px 0 16px;
  font-weight: bold;
  margin: 0;
  color: #000033;
}
#BotChatGoesHere .chatHeader__confirm_close_popup_text {
  padding: 6px 0 16px;
  margin: 0;
  color: #000033;
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}
#BotChatGoesHere .chatHeader__confirm_close_popup_button {
  font-size: 15px;
  border: 1px solid #F8E5E5;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  min-width: 120px;
  transition: all ease-in-out 0.3s;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color:#BF0000;
  font-weight: bold;
  font-style: normal;
  font-family: inherit;
  background-color: #fff;
}
#BotChatGoesHere .chatHeader__confirm_close_popup_button_primary {
  text-align: center;
  text-decoration: none;
  margin-left: 20px;
}
#BotChatGoesHere .chatHeader__confirm_close_popup_button_secondary {
  color:#BF0000;
}
#BotChatGoesHere .chatHeader__confirm_close_popup_button:hover {
  background: #BF0000;
  color:#fff;
}

#BotChatGoesHere .chatHeader__logout_popup {
  background: #fff;
  min-height: 80px;
  padding: 10px;
  border-bottom: 1px solid #ededed;
  outline:none;
  font-size: 16px;
  box-shadow: 0px 2px 9px rgba(0, 0, 51, 0.21);
}
#BotChatGoesHere .chatHeader__logout_popup_text_bold {
  font-weight: bold;
  margin: 0;
  color: #000033;
}
#BotChatGoesHere .chatHeader__logout_popup_text {
  padding: 6px 0 16px;
  margin: 0;
  color: #000033;
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}
#BotChatGoesHere .chatHeader__flex {
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
#BotChatGoesHere .chatHeader__logout_popup_button {
  font-size: 15px;
  border: 1px solid #F8E5E5;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  min-width: 120px;
  transition: all ease-in-out 0.3s;
  box-sizing: border-box;
  height: 40px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  color:#BF0000;
  font-weight: bold;
  font-style: normal;
  font-family: inherit;
  background-color: #fff;
}
#BotChatGoesHere .chatHeader__logout_popup_button_primary {
  text-align: center;
  text-decoration: none;
  margin-left: 20px;
}
#BotChatGoesHere .chatHeader__logout_popup_button_secondary {
  color:#BF0000;
}
#BotChatGoesHere .chatHeader__logout_popup_button:hover {
  background: #BF0000;
  color:#fff;
}
#BotChatGoesHere .chatHeader__inner_agent {
  position: relative;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #FFFFFF;
  height: 65px;
  padding-right: 8px;
  padding-bottom:21px;
  padding-left:8px;
  background: #BF0000;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box; }

#BotChatGoesHere .topic-class {
  position: absolute;
  background-color: #f4f4f4;
  border: 1px solid transparent;
  outline: none;
  font-family: inherit;
  width: 99.5%;
  padding-bottom: 1px;
  text-align: left;
  border-bottom: solid 1px #ff008c;
  white-space: nowrap;
  cursor: pointer; }
#BotChatGoesHere .topic-class p {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top: -1px;
  font-weight: bold;
  margin: 0; }
#BotChatGoesHere .topic-class .left-arrow {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 2px;
  margin-left: 10px;
  background: url(./img/rex/left_arrow.svg) 0 0 no-repeat; }

#BotChatGoesHere .hamburgerMenu {
  /* position: absolute; */
  top: 8px;
  right: 0; }

#BotChatGoesHere .hamburgerMenu__btn {
  width: 48px;
  height: 48px;
  cursor: pointer; }

#BotChatGoesHere .hamburgerMenu__btn i {
  position: relative;
  display: block;
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  border-radius: 50%;
  top: 15px;
  margin: auto; }

#BotChatGoesHere .btn__i__disable {
  cursor: not-allowed; }

#BotChatGoesHere .btn__i__disable i {
  background: #FFFFFF; }

#BotChatGoesHere .hamburgerMenu__btn i {
  margin-bottom: 4px; }

#BotChatGoesHere .hamburgerMenu__items {
  display: none;
  position: absolute;
  width: 224px;
  top: 46px;
  right: 7px;
  background: #fff;
  border: solid 1px #c5c5c5;
  border-radius: 5px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.14);
  color: #BF0000;
  z-index: 3; }

#BotChatGoesHere .hamburgerMenu__items.is-active {
  display: block; }

#BotChatGoesHere .hamburgerMenu__items:before {
  position: absolute;
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  background: #fff;
  border-right: solid 1px #c5c5c5;
  border-bottom: solid 1px #c5c5c5;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.14);
  transform: rotateZ(-135deg);
  top: -6px;
  right: 20px; }

#BotChatGoesHere .hamburgerMenu__item {
  position: relative;
  display: block;
  padding: 16px 0 16px 40px;
  cursor: default;
  transition: background 0.1s linear;
  border-top: solid 0px #e2e2e2;
  color: #BF0000;
  z-index: 3; }

#BotChatGoesHere .hamburgerMenu__item-Line {
  border-top: solid 1px #e2e2e2 !important; }

#BotChatGoesHere .hamburgerMenu__item:hover {
  background: #f8e5e5;
  cursor: pointer; }

#BotChatGoesHere .hamburgerMenu__item:active {
  background: #f2cccc; }

#BotChatGoesHere .hamburgerMenu__item:before {
  position: absolute;
  content: '';
  display: block;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto; }

#BotChatGoesHere .hamburgerMenu__item-disabled {
  color: #CCCCCC; }

#BotChatGoesHere .hamburgerMenu__item-disabled:hover {
  background: #fff;
  cursor: not-allowed; }

#BotChatGoesHere .hamburgerMenu__item--minimize:before {
  width: 20px;
  height: 20px;
  background: url(./img/generic_minimize.png) 0 0 no-repeat;
  background-size: 100%;
  background-color: #BF0000; }

#BotChatGoesHere .hamburgerMenu__item--close_button:before {
  width: 20px;
  height: 20px;
  background: url(./img/generic_end.png) 0 0 no-repeat;
  background-size: 100%;
  background-color: #BF0000; }
  
#BotChatGoesHere .hamburgerMenu__item--operator:before {
  width: 20px;
  height: 20px;
  background: url(./img/menu/operator_icon_sp.svg) 0 0 no-repeat;
  background-size: 100%;
  filter: invert(0.3) sepia(1) saturate(5) hue-rotate(175deg); }

#BotChatGoesHere .hamburgerMenu__item--mail:before {
  width: 20px;
  height: 20px;
  background: url(./img/menu/mail_icon_sp.svg) 0 0 no-repeat;
  background-size: 100%;
  filter: invert(0.3) sepia(1) saturate(5) hue-rotate(175deg); }

#BotChatGoesHere .hamburgerMenu__item--tel:before {
  width: 20px;
  height: 20px;
  background: url(./img/menu/tel_icon_sp.svg) 0 0 no-repeat;
  background-size: 100%;
  filter: invert(0.3) sepia(1) saturate(5) hue-rotate(175deg); }

#BotChatGoesHere .hamburgerMenu__item--language:before {
  width: 23px;
  height: 23px;
  background: url(./img/menu/language_icon_sp.svg) 0 0 no-repeat;
  background-size: 100%;
  filter: invert(0.3) sepia(1) saturate(5) hue-rotate(175deg); }

#BotChatGoesHere input[type="text"]:disabled {
  background: #ebebe4; }

#BotChatGoesHere .inputBar {
  padding: env(safe-area-inset-bottom, 20px);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  z-index: 100;
  border-top: 1px solid #D3D3D3; }

#BotChatGoesHere .inputBar__inner {
  display: table;
  border-collapse: separate;
  /*border-spacing: 8px 0;*/
  width: 100%;
  height: 100%; }

#BotChatGoesHere .inputBar__grid {
  display: table-cell;
  vertical-align: middle; }

#BotChatGoesHere .inputBar__grid--submit {
  width: 50px; }

#BotChatGoesHere .inputBar__field {
  -webkit-appearance: none;
  resize: none;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: none;
  padding: 2px 4px 1px 10px;
  font-size: inherit;
  color: #000000;
  background-color: inherit;
  border-radius: 3px;
  line-height: 1.25;
  outline: none;
  font-family: inherit; }

#BotChatGoesHere input::-ms-clear {
  display: none; }

#BotChatGoesHere input:-ms-input-placeholder {
  color: #848484; }

#BotChatGoesHere .inputBar__field::placeholder {
  line-height: 50px;
  color: #848484; }

#BotChatGoesHere .inputBar__field:disabled {
  cursor: not-allowed;
  width: calc(100% + 50px); }

#BotChatGoesHere .inputBar__submit {
  -webkit-appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: transparent;
  border: none;
  line-height: 1;
  font-size: 16px;
  font-family: inherit;
  outline: none;
  border-radius: 2px;
  background: url(./img/rex/send.svg) 8px 8px no-repeat;
  background-color: #BF0000;
  border-radius: 50%; }
#BotChatGoesHere .inputBar__submit:hover {
  background-color: #BF0000; }
#BotChatGoesHere .inputBar__submit:disabled {
  background-color: #A9A9A9;
  cursor: not-allowed; }

#BotChatGoesHere .operator {
  display: table; }

#BotChatGoesHere .operator__grid {
  display: table-cell;
  vertical-align: middle; }

#BotChatGoesHere .operator__grid--01 {
  padding-right: 6px;
  padding-left: 8px;
}

#BotChatGoesHere .operator__grid--02 {
  padding-right: 4px; }

#BotChatGoesHere .operator__grid--03 {
  padding: 0 6px 2px 0; }

#BotChatGoesHere .operator__grid--04 {
  font-size: inherit;
  line-height: 18px;
  text-align: left;
  }
@media (min-width: 757px) {
  #BotChatGoesHere .operator__grid--04 {
    width: 160px; } }

#BotChatGoesHere .operator--bot .operator__grid--03 {
  padding: 0 3px 2px 0; }

#BotChatGoesHere .operator__icon {
  position: relative;
  width: 42px;
  height: 42px;
  border: solid;
  border-color: #fff;
  background: #fff;
  border-radius: 50%;
  overflow: hidden; }

#BotChatGoesHere .operator__icon:before {
  position: absolute;
  content: '';
  display: block;
  width: 42px;
  height: 42px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-size: 100%;
  z-index: 3; }

#BotChatGoesHere .operator__icon--bot:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  top: 6px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: url(./img/rex/insurance/face_big.svg) 0 0 no-repeat;
  background-size: 100%;
  z-index: 3; }

#BotChatGoesHere .operator__icon--agent:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: url(img/new_agent_icon.png) 0 0 no-repeat;
  background-size: 100%;
  z-index: 3; }

#BotChatGoesHere .operator__lamp {
  display: none; }

#BotChatGoesHere .operator__lamp--online {
  background: #00ff2a; }

/* zhy 20170821 add */
#BotChatGoesHere .operator__lamp--error {
  background: #FF0000; }

#BotChatGoesHere .operator__lamp--maintenance {
  background: #FFFF00; }

/* zhy 20170821 add */
#BotChatGoesHere .operator__personnel {
  font-size: 12px; }

#BotChatGoesHere .operator__name {
  font-size: inherit; }

@media (min-width: 757px) {
  #BotChatGoesHere .operator__grid--04 {
    width: 100%; } }

#BotChatGoesHere .operatorMessage {
  font-size: 16px;
  margin-bottom: 16px; }

#BotChatGoesHere .operatorMessage__inner {
  display: table;
  padding: 0 7px 0 0;
  float: left; }

#BotChatGoesHere .operatorMessage__grid {
  display: table-cell;
  vertical-align: top; }

#BotChatGoesHere .operatorMessage__grid--balloon {
  max-width: 74.6%; }

#BotChatGoesHere .operatorMessage__grid--time {
  vertical-align: bottom; }

#BotChatGoesHere .operatorMessage__icon {
  position: relative;
  width: 28px;
  height: 28px;
  background:transparent;
  border: solid;
  border-width: 2px;
  border-color: transparent;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 4px; }

#BotChatGoesHere .operatorMessage__icon:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 25px;
  height: 25px; }

#BotChatGoesHere .agent:before {
  background: url(img/new_agent_icon.png) 0 0 no-repeat;
  background-size: 100% 100%; }

#BotChatGoesHere .default:before {
  background: url(./img/rex/insurance/face_small.svg) 0 0 no-repeat;
  background-size: 100% 100%; }

/*  default link button */
#BotChatGoesHere .squareBtn-secondary {
  margin-top: 8px;
  margin-bottom: 8px; }

#BotChatGoesHere .squareBtn-secondary > div {
  display: table;
  height: 34px;
  border: none;
  background: #ff008c;
  font-family: inherit;
  color: #FFFFFF;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 4px; }

#BotChatGoesHere .squareBtn-secondary > div > a {
  text-align: center;
  display: table-cell;
  padding: 0 24px;
  vertical-align: middle;
  color: #ff008c;
  font-size: 16px;
  border-radius: 4px;
  transition: background 0.1s linear;
  outline: none;
  text-decoration: none; }

#BotChatGoesHere .squareBtn-secondary > div > a {
  background: #ff008c;
  font-family: inherit;
  color: #FFFFFF;
  border: solid 1px #ff008c;
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

#BotChatGoesHere .squareBtn-secondary > div > a:focus {
  background: #ff008c;
  outline: none;
  color: #FFFFFF; }

#BotChatGoesHere .squareBtn-secondary > div > a:hover {
  background: #ff008c;
  outline: none;
  color: #FFFFFF; }

#BotChatGoesHere .squareBtn-secondary > div > a:active {
  background: #ff008c;
  outline: none;
  color: #FFFFFF; }

#BotChatGoesHere .squareBtn-secondary > div > a:after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  background: url(./img/rex/browser_link_white.svg) 0 0 no-repeat;
  /* IE */ }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #BotChatGoesHere .squareBtn-secondary > div > a:after {
    top: 10px; } }

/**
secondary square button with white background color
*/
#BotChatGoesHere .squareBtn {
  margin-top: 8px;
  margin-bottom: 8px; }

#BotChatGoesHere .squareBtn > div {
  display: table;
  height: 34px;
  border: none;
  background: #FFFFFF;
  font-family: inherit;
  color: #BF0000;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 4px; }

#BotChatGoesHere .squareBtn > div > a {
  text-align: center;
  display: table-cell;
  padding: 0 24px;
  vertical-align: middle;
  color: #BF0000;
  font-size: 16px;
  border-radius: 4px;
  transition: background 0.1s linear;
  outline: none;
  text-decoration: none; }

#BotChatGoesHere .squareBtn > div > a {
  background: #FFFFFF;
  font-family: inherit;
  color: #BF0000;
  border: solid 1px #F8E5E5;
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

#BotChatGoesHere .squareBtn > div > a:focus {
  background: #FFFFFF;
  outline: none;
  color: #BF0000; }

#BotChatGoesHere .squareBtn > div > a:hover {
  background: #FFFFFF;
  outline: none;
  color: #BF0000; }

#BotChatGoesHere .squareBtn > div > a:active {
  background: #FFFFFF;
  outline: none;
  color: #BF0000; }

#BotChatGoesHere .squareBtn > div > a:after {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  background: url(./img/rex/browser_link_blue.svg) 0 0 no-repeat;
  /* IE */ }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #BotChatGoesHere .squareBtn > div > a:after {
    top: 10px; } }

#BotChatGoesHere .wc-time {
  color: #999999;
  margin-bottom: 10px; }

#BotChatGoesHere .wc-message-groups {
  position: absolute;
  background: inherit;
  margin-right: 100%;
  width: 100%;
  bottom: 66px;
  top: 86px;
  overflow-x: hidden; }

#BotChatGoesHere .wmg-topic-display {
  top: 117px; }

#BotChatGoesHere .wc-message-group-content {
  overflow: hidden;
  margin-top: 8px !important; }

#BotChatGoesHere .wc-suggested-actions {
  background-color: #f9f9f9;
  bottom: 50px;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: height 0.2s cubic-bezier(0, 0, 0.5, 1); }
#BotChatGoesHere .wc-suggested-actions .wc-hscroll > ul {
  height: 40px;
  padding: 2px 3px; }
#BotChatGoesHere .wc-suggested-actions .wc-hscroll > ul > li {
  display: inline-block;
  margin: 2px;
  max-width: 40%; }
#BotChatGoesHere .wc-suggested-actions .wc-hscroll > ul > li button {
  background-color: #F53A3A;
  border-color: #F53A3A;
  color: #FFFFFF;
  min-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
#BotChatGoesHere .wc-suggested-actions .wc-hscroll > ul > li button:hover {
  background-color: #F98888;
  border-color: #F98888;
  color: #FFFFFF; }
#BotChatGoesHere .wc-suggested-actions .wc-hscroll > ul > li button:active {
  background-color: #F31313;
  border-color: #F31313;
  color: #FFFFFF; }
#BotChatGoesHere .wc-suggested-actions button.scroll {
  background-color: #d2dde5;
  height: 40px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 35px; }
#BotChatGoesHere .wc-suggested-actions button.scroll:disabled {
  display: none; }
#BotChatGoesHere .wc-suggested-actions button.scroll:hover {
  background-color: #808c95; }
#BotChatGoesHere .wc-suggested-actions button.scroll svg {
  fill: #ffffff; }
#BotChatGoesHere .wc-suggested-actions button.scroll svg path {
  transform: translateY(6px); }
#BotChatGoesHere .wc-suggested-actions button.scroll.previous {
  left: 0; }
#BotChatGoesHere .wc-suggested-actions button.scroll.next {
  right: 0; }

#BotChatGoesHere .wc-message-pane.show-actions .wc-message-groups {
  transform: translateY(-40px); }

#BotChatGoesHere .wc-message-pane.show-actions .wc-suggested-actions {
  height: 40px; }

#BotChatGoesHere .wc-console {
  border: 5px solid #dbdee1;
  bottom: 0;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0; }

/* messages */
#BotChatGoesHere .wc-message-wrapper {
  animation: animationFrames 2s;
  animation-iteration-count: 1;
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
  position: inherit;
  /*transition: max-height 2s ease-in-out;*/ }

#BotChatGoesHere .wc-message-wrapper-recommendation {
  overflow: visible !important;
}

@media screen and (min-width: 320px) and (max-width: 756px) {
  #BotChatGoesHere .wc-message-wrapper  {
    padding: 0;
    margin: 0;
  }
}

@keyframes animationFrames {
  0% {
    /*max-height: 0;*/
    opacity: 0; }
  20% {
    opacity: 1; }
  100% {
    /*max-height: 2000px;*/ } }

#BotChatGoesHere .wc-message {
  position: relative;
  line-height: 1.5; }

#BotChatGoesHere .wc-message-wrapper.carousel .wc-message {
  padding-right: 2px; }

#BotChatGoesHere .wc-message svg.wc-message-callout {
  height: 22px;
  position: absolute;
  stroke: none;
  top: 12px;
  width: 0px; }

#BotChatGoesHere .wc-agent-connection-message {
  position: relative;
  color: white;
  background: #BF0000 0% 0% no-repeat padding-box;
  text-align: inherit;
  font-size: 16px;
  padding: 10px;
}

#BotChatGoesHere .wc-message-content {
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  padding: 8px;
  font-size: inherit;
  word-wrap: break-word;
  overflow-wrap: break-word; }

#BotChatGoesHere .wc-message-content-recommendations {
  border-radius: 8px;
  /*border: 1px solid #EBEBEB;*/
  /*background-color: #F5F5FA;*/
  /*padding: 8px;*/
  font-size: inherit;
  word-wrap: break-word;
  overflow-wrap: break-word; }


#BotChatGoesHere .wc-message-content.clickable {
  cursor: pointer; }

#BotChatGoesHere .wc-message-content.selected {
  box-shadow: 0px 1px 1px 0px #EBEBEB; }

#BotChatGoesHere .wc-message-content div:focus {
  outline: none; }

#BotChatGoesHere .wc-message-content div:hover {
  outline: none; }

#BotChatGoesHere .wc-message-content img {
  max-height: 320px;
  max-width: 100%;
  cursor: pointer; }

#BotChatGoesHere .wc-message-content .video iframe {
  border: 0; }

#BotChatGoesHere .wc-message-content audio, #BotChatGoesHere .wc-message-content video {
  max-width: 100%; }

#BotChatGoesHere .wc-message-content audio + h1, #BotChatGoesHere .wc-message-content video + h1 {
  margin-top: 11px; }

/*
for secondary buttons only
 */
#BotChatGoesHere .wc-card-secondary button {
  background: #ff008c;
  border: 1px solid #ff008c;
  box-sizing: border-box;
  border-radius: 7px;
  font-size: 15px;
  font-family: inherit;
  color: #FFFFFF;
  min-height: 34px;
  padding: 0 16px;
  margin: 2px 2px;
  white-space: normal !important;
  cursor: pointer; }

#BotChatGoesHere .wc-card-secondary button:hover {
  background: #F98888;
  outline: none;
  color: #FFFFFF; }
#BotChatGoesHere .wc-card-secondary button:disabled {
  background: #ebebe4;
  border: 1px solid #848484;
  color: #848484;
  cursor: not-allowed; }
#BotChatGoesHere .ac-btnParent {
  flex-wrap: wrap;
}
/* cards */
/*.wc-card {*/
/*  background: #ffffff; }*/
#BotChatGoesHere .wc-card input {
  text-indent: 5px;
  border-radius: 5px; }
#BotChatGoesHere .wc-card .non-adaptive-content {
  margin: 8px 8px 0 8px; }
#BotChatGoesHere .wc-card button {
  font-size: 15px;
  font-weight: 700;
  background: #FFFFFF;
  border:1px solid #F8E5E5;
  font-family: inherit;
  color: #BF0000;
  /*min-height: 34px;*/
  position: relative;
  text-align: center;
  text-decoration: none;
  /* width: 100%; */
  margin: 4px;
  padding: .6em;
  border-radius: 4px;
  line-height: 1.2;
  white-space: normal !important;
  cursor: pointer;}

#BotChatGoesHere .wc-card button:hover {
  background: #BF0000;
  outline: none;
  color: #fff; }

#BotChatGoesHere .wc-card button:focus {
  background: #BF0000;
  outline: none;
  color: #fff; }

#BotChatGoesHere .wc-card button:active {
  background: #BF0000;
  outline: 0;}

#BotChatGoesHere .wc-card button:disabled {
  background: #ebebe4;
  border-color: #e6e6f0;
  color: #cacadb;
  cursor: not-allowed; }
#BotChatGoesHere .wc-card.receipt table {
  border-collapse: collapse;
  width: 100%; }
#BotChatGoesHere .wc-card.receipt th, #BotChatGoesHere .wc-card.receipt td {
  text-align: right;
  vertical-align: top; }
#BotChatGoesHere .wc-card.receipt th:first-child, #BotChatGoesHere .wc-card.receipt td:first-child {
  text-align: left; }
#BotChatGoesHere .wc-card.receipt th {
  color: #808c95;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.75; }
#BotChatGoesHere .wc-card.receipt thead tr:last-child th {
  padding-bottom: 16px; }
#BotChatGoesHere .wc-card.receipt th[colspan="2"] {
  color: inherit;
  font-size: 15px;
  font-weight: 700; }
#BotChatGoesHere .wc-card.receipt td {
  padding: 4px 8px 0 8px; }
#BotChatGoesHere .wc-card.receipt td img {
  float: left;
  margin: 5px 8px 8px 0;
  max-height: 50px;
  max-width: 50px; }
#BotChatGoesHere .wc-card.receipt div.title {
  font-weight: bolder; }
#BotChatGoesHere .wc-card.receipt div.subtitle {
  font-weight: lighter; }
#BotChatGoesHere .wc-card.receipt tbody tr, #BotChatGoesHere .wc-card.receipt tfoot tr {
  border-top: 1px solid #d2dde5; }
#BotChatGoesHere .wc-card.receipt tbody tr:first-child, #BotChatGoesHere .wc-card.receipt tfoot tr:first-child {
  border-top-width: 2px; }
#BotChatGoesHere .wc-card.receipt tfoot td {
  line-height: 2.25; }
#BotChatGoesHere .wc-card.receipt tfoot .total {
  font-weight: bold; }
#BotChatGoesHere .wc-card.thumbnail img {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 100px; }
#BotChatGoesHere .wc-card.signin h1 {
  margin: 10px 24px 16px 14px; }
#BotChatGoesHere .wc-card.error {
  text-align: center; }
#BotChatGoesHere .wc-card.error .error-icon {
  fill: #cccccc;
  height: 56px;
  margin-bottom: 2px;
  margin-top: 20px;
  padding-left: 12px; }
#BotChatGoesHere .wc-card.error .error-text {
  color: #cccccc;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  text-align: inherit; }

/* adaptive card adjustments from wc-card */
#BotChatGoesHere .wc-adaptive-card p {
  margin-left: 0;
  margin-right: 0;
  white-space: normal; 
  color: #333333; }

/* list */
#BotChatGoesHere .wc-list > .wc-card {
  margin-top: 8px; }

#BotChatGoesHere .wc-card {
  height: auto !important;
}

#BotChatGoesHere .wc-list > .wc-card:first-child {
  margin-top: 0; }

/* list */
#BotChatGoesHere .wc-list-compatibility > .wc-card {
  margin-top: 0.2px; }

#BotChatGoesHere .wc-list-compatibility > .wc-card:first-child {
  margin-top: 0; }

/* horizontal scroll */
#BotChatGoesHere .wc-hscroll-outer {
  /* allow horizontal scrolling but hide the scrollbar */
  overflow: hidden; }

#BotChatGoesHere .wc-hscroll {
  /* allow horizontal scrolling but hide the scrollbar */
  overflow-x: scroll;
  overflow-y: hidden;
  /*padding-bottom: 2px;*/
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
}

#BotChatGoesHere .wc-hscroll::-webkit-scrollbar {
  display: none;
}

#BotChatGoesHere .wc-hscroll > ul {
  width: 100%;
  white-space: nowrap; }

#BotChatGoesHere .wc-hscroll > ul > li {
  /*width: 88%;*/
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

/* carousel */
#BotChatGoesHere .wc-carousel {
  position: relative;
  width: 98.5%;
  border-radius: 8px; }
  #BotChatGoesHere .wc-carousel button.scroll {
    /*border-radius: 25px;*/
    height: 35px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 40%;
    width: 35px; }
  #BotChatGoesHere .wc-carousel button.scroll:disabled {
    display: none; }
  /*.wc-carousel button.scroll:hover {*/
  /*  background-color: #808c95; }*/
  #BotChatGoesHere .wc-carousel button.scroll svg {
    fill: #ffffff; }
  #BotChatGoesHere .wc-carousel button.scroll.previous {
    left: -22px; }
@media screen and (min-width: 320px) and (max-width: 756px) {
    #BotChatGoesHere .wc-carousel button.scroll.previous {
        left: -10px;
    }
}
  #BotChatGoesHere .wc-carousel button.scroll.next {
    right: -22px; }
  #BotChatGoesHere .wc-carousel .wc-hscroll > ul {
    /*margin-left: -42px;*/
  margin-top: auto;
  margin-bottom: auto}
  /*.wc-carousel .wc-hscroll > ul > li {*/
  /*  padding: 8px;*/
  /*  padding-bottom: 0px;*/
  /*  border-right: 10px solid white;}*/
  #BotChatGoesHere .wc-carousel .wc-hscroll > ul > .wc-carousel-item {
    /*background-color: #F5F5FA;*/
    border-radius: 8px;
    border: 1px solid #F8E5E5;
    padding: 8px 8px 8px;
    width: 302px;
  }
@media screen and (min-width: 320px) and (max-width: 756px) {
  #BotChatGoesHere .wc-carousel .wc-hscroll > ul > .wc-carousel-item {
    width: 280px;
  }
}

@media screen and (min-width: 320px) and (max-width: 568px) {
  #BotChatGoesHere .wc-carousel .wc-hscroll > ul.wc-carousel-container > .wc-carousel-item {
    width: 280px !important;
  }
}
  /*.wc-carousel .wc-hscroll > ul > li:last-child {*/
  /*  padding-right: 0;*/
  /*  border-right: 10px solid #F5F5FA;}*/
  #BotChatGoesHere .wc-carousel li p {
    white-space: normal; }
  #BotChatGoesHere .wc-carousel li .wc-adaptive-card p {
    min-height: initial; }

/* from me */
#BotChatGoesHere .wc-message-from-time {
  clear: both;
  font-size: 11px;
  color: #999999; }

#BotChatGoesHere .wc-message-from-me {
  max-width: 83%;
  float: right;
  margin-right: 6px;
  margin-top: 6px; }

#BotChatGoesHere .wc-message-from-me.wc-message-from {
  text-align: right; }

#BotChatGoesHere .wc-message-from-me .wc-message-content {
  background: #F8E5E5;
  color: #4A4A4A; }

#BotChatGoesHere .wc-message-from-me svg.wc-message-callout path {
  display: none; }

/* from bot */
#BotChatGoesHere .wc-message-from-bot {
  margin-left: 40px;
  float: left;
  margin-top: -26px;
  width: 80%; }

#BotChatGoesHere li.wc-carousel-item-li {
  margin: 0 5px;
}

#BotChatGoesHere .wc-message-from-presales {
  margin-left: 15px;
  float: left;
  margin-top: -26px;
  width: 92%; }

#BotChatGoesHere .wc-message-from-presales-msg {
  margin-top: 6px;
  margin-left: 20px;
  float: left; }

#BotChatGoesHere .wc-message-from-bot-msg {
  margin-top: 6px;
  margin-left: 40px;
  float: left; }

#BotChatGoesHere .wc-message-from-bot .wc-message-content {
  background-color: #ffffff;
  color: #333333 !important; }

#BotChatGoesHere .wc-message-from-presales .wc-message-content {
  background-color: #F5F5FA;
  /*padding: 12px;*/
  /*color: #000000;*/
  border-color: white}

/*.wc-message-from-agent-msg {*/
/*  margin-top: 6px;*/
/*  margin-left: 40px;*/
/*  float: left;}*/

/* from agent */
#BotChatGoesHere .wc-message-from-agent .wc-message-content {
  color: #000000;
  border: 1px solid #BF0000;
  border-radius: 0px 10px 10px 10px;
}

#BotChatGoesHere .wc-message-from-agent {
  margin-left: 40px;
  float: left;
  margin-top: -26px;
  width: 80%;
}

#BotChatGoesHere .wc-message-from-bot svg.wc-message-callout path {
  display: none; }

#BotChatGoesHere .wc-message-from-bot svg.wc-message-callout path.point-right {
  display: none; }

/* console */
#BotChatGoesHere .wc-console > * {
  position: absolute;
  top: 0;
  vertical-align: middle; }

#BotChatGoesHere .wc-console label {
  cursor: pointer;
  display: inline-block;
  height: 40px; }

#BotChatGoesHere .wc-console svg {
  fill: #8a8a8a;
  margin: 11px; }

#BotChatGoesHere .wc-console textarea, #BotChatGoesHere .wc-console input[type=text] {
  border: none;
  height: 100%;
  outline: none;
  padding: 0;
  resize: none;
  width: 100%; }

#BotChatGoesHere .wc-send svg {
  height: 18px;
  width: 27px; }

#BotChatGoesHere .wc-upload svg {
  height: 18px;
  width: 26px; }

#BotChatGoesHere #wc-upload-input {
  display: none; }

#BotChatGoesHere .wc-textbox {
  bottom: 0;
  left: 48px;
  right: 49px; }

#BotChatGoesHere .wc-send {
  right: 0; }

#BotChatGoesHere .wc-send.hidden {
  visibility: hidden; }

#BotChatGoesHere .wc-mic {
  right: 0; }

#BotChatGoesHere .wc-mic.hidden {
  visibility: hidden; }

#BotChatGoesHere .wc-mic.active path#micFilling {
  fill: #4e3787; }

#BotChatGoesHere .wc-mic.inactive path#micFilling {
  visibility: hidden; }

#BotChatGoesHere .wc-console.has-text .wc-send svg {
  fill: #3a96dd; }

/* animation */
#BotChatGoesHere .wc-animate-scroll {
  left: 0;
  position: absolute;
  transition: left .5s ease;
  will-change: transform; }

#BotChatGoesHere .wc-animate-scroll-rapid {
  left: 0;
  position: absolute;
  transition: left .4s ease;
  will-change: transform; }

#BotChatGoesHere .wc-animate-scroll-near {
  left: 0;
  position: absolute;
  transition: left .3s ease-in-out;
  will-change: transform; }

/* text formats */
#BotChatGoesHere .format-markdown > p {
  margin-bottom: 0px; }

#BotChatGoesHere .format-markdown code {
  white-space: pre-wrap; }

#BotChatGoesHere .format-markdown + div {
  margin-top: 8px; }

#BotChatGoesHere .format-markdown ol {
  padding-left: 30px;
  /* numbers are right-aligned to the period */ }

#BotChatGoesHere .format-markdown ul {
  padding-left: 33px; }

/* browser scrollbar customization */
#BotChatGoesHere .wc-app ::-webkit-scrollbar {
  width: 8px; }

#BotChatGoesHere .wc-app ::-webkit-scrollbar * {
  background-color: transparent; }

#BotChatGoesHere .wc-app ::-webkit-scrollbar-thumb {
  background-color: #dbdee1; }

#BotChatGoesHere .wc-typing {
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px; }
#BotChatGoesHere .wc-typing .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 3px;
  background: #303131;
  animation: wave 1.3s linear infinite; }
#BotChatGoesHere .wc-typing .dot:nth-child(2) {
  animation-delay: -1.1s; }
#BotChatGoesHere .wc-typing .dot:nth-child(3) {
  animation-delay: -0.9s; }

@keyframes wave {
  0%, 60%, 100% {
    transform: initial; }
  30% {
    transform: translateY(-15px); } }

iframe {
  width: 100%; }

/* widthが768px以内の場合  */
#BotChatGoesHere .chat_body {
  font-size: 16px;
  position: fixed;
  height: 100%;
  width: 100%;
  background: #EFEFEF;
  border: 1px solid #D3D3D3;
  border-radius: 8px 8px 0px 0px;
  display: block;
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Noto Sans Mono CJK JP", "Noto Sans UI", "Noto Sans", sans-serif;
  transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  z-index: 9999; }

#BotChatGoesHere .bd_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  z-index: 100; }

#BotChatGoesHere .title_bar {
  position: relative;
  height: 20px;
  background: #BF0000;
  border-radius: 8px 8px 0px 0px;
  opacity: 1; }

#BotChatGoesHere .title_bar_agent {
  position: relative;
  height: 20px;
  background: #BF0000;
  border-radius: 8px 8px 0px 0px; }

#BotChatGoesHere .help {
  position: fixed;
  border: 0;
  right: 15px;
  width: 100px;
  height: 120px;
  bottom: -50px;
  background: url(./img/rex/insurance/chatbot_icon_normal.svg) no-repeat;
  animation: anim_help 1s normal;
  -ms-animation: anim_help 1s normal;
  -webkit-animation: anim_help 1s normal;
  -moz-animation: anim_help 1s normal;
  transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  cursor: pointer; }
#BotChatGoesHere .help:hover {
  background: url(./img/rex/insurance/chatbot_icon_normal.svg) no-repeat; }

@keyframes anim_help {
  from {
    bottom: -120px;
    right: 15px; }
  to {
    bottom: 0px;
    right: 15px; } }

@-ms-keyframes anim_help {
  from {
    bottom: -120px;
    right: 15px; }
  to {
    bottom: 0px;
    right: 15px; } }

#BotChatGoesHere .help img {
  margin-top: 50px;
  width: 100%;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; }

#BotChatGoesHere .close_button {
  width: 20px;
  height: 20px;
  background: url(./img/close_btn.png) no-repeat;
  position: absolute;
  right: 10px;
  top: 5px;
  background-position: center;
  background-size: 95%;
  z-index: 99;
  cursor: pointer; }

#BotChatGoesHere .min_dialog {
  width: 20px;
  height: 20px;
  background: url(./img/hide_icon.png) no-repeat;
  position: absolute;
  right: 38px;
  top: 5px;
  background-position: center;
  background-size: 95%;
  z-index: 99; }

#BotChatGoesHere .max_dialog {
  width: 20px;
  height: 20px;
  background: url(./img/rex/maximize.svg) 0 0 no-repeat;
  position: absolute;
  right: 38px;
  top: 5px;
  background-position: center;
  background-size: 100%; }

#BotChatGoesHere .help_hidden {
  bottom: -160px; }

#BotChatGoesHere .help_show {
  bottom: 0px;
  right: 15px;
  position: fixed;
  z-index: 9999; }

#BotChatGoesHere .dialog_hidden {
  bottom: -105%;
  opacity: 0; }
@media (max-height: 512px) {
  #BotChatGoesHere .dialog_hidden {
    bottom: -300%; } }

#BotChatGoesHere .dialog_show {
  position: fixed;
  bottom: 0px; }

#BotChatGoesHere .max_dialog_btn_show {
  visibility: visible;
  z-index: 99;
  cursor: pointer; }

#BotChatGoesHere .max_dialog_btn_hidden {
  visibility: hidden;
  z-index: 0; }

#BotChatGoesHere .min_dialog_btn_show {
  top: 4px;
  visibility: visible;
  z-index: 999;
  cursor: pointer; }

#BotChatGoesHere .min_dialog_btn_hidden {
  visibility: hidden;
  z-index: 0; }

/* widthが768px以内の場合 */
#BotChatGoesHere .dialog_min {
  bottom: calc(-100% + 18px); }

#BotChatGoesHere .min_help {
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 9999;
  height: 50px;
  background: url(./img/rex/insurance/chatbot_icon_small.svg) no-repeat;
  background-size: 150px 50px;
  background-position: center bottom;
  width: 150px;
  animation: all 1s ease;
  cursor: pointer;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease; }

#BotChatGoesHere .min_help_button {
  position: fixed;
  bottom: 130px;
  right: 15px;
  z-index: 9999;
  width: 22px;
  height: 22px;
  background: url(./img/rex/insurance/btn_minimize.svg) no-repeat;
  background-size: 20px 20px;
  background-position: center bottom;
  animation: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  cursor: pointer; }

#BotChatGoesHere .min_help_hidden {
  bottom: -160px; }

/* widthが768px以上の場合 */
@media (min-width: 757px) {
  #BotChatGoesHere .chat_body {
    right: 20px;
    position: fixed;
    height: 527px;
    width: 360px; }
  #BotChatGoesHere .bd_bg {
    opacity: 0;
    height: 0px;
    width: 0px; }
  #BotChatGoesHere .dialog_min {
    bottom: calc(-509px); } }

#BotChatGoesHere .wc-message-billing .wc-card img{
  vertical-align: bottom;
}

#BotChatGoesHere .termsAndConditionHeader {
  font-size: 16px;
  font-weight: bold;
}

#BotChatGoesHere .presales-conditional-display-text {
  font-size: 12px;
  color: #676767;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 1px 0;
}

#BotChatGoesHere .pink_text {
  color:#ff008c;
  margin:0;
  padding:0;
  font-weight: bold
}

#BotChatGoesHere .link_text {
  color: #0000ee;
}

#BotChatGoesHere .bss_link_text {
  text-decoration: none;
  color: #BF0000;
}

#BotChatGoesHere .link_text:visited,
#BotChatGoesHere .link_text:active {
  color: #0000ee;
}
#BotChatGoesHere .carousel-indicator {
  /* position: absolute;
  bottom: -30px; */
  text-align: center;
}

#BotChatGoesHere .carousel-indicator-item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 8px 8px;
  background: #F8E5E5;
  display: inline-block;
}

#BotChatGoesHere .carousel-indicator-item-active {
  background: #FF008C;
}

#BotChatGoesHere .swipe-indicator {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px;
  color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#BotChatGoesHere .carousel-left-arrow {
  background: url(./img/left_arrow.png) 0 0 no-repeat;
  width: 18px;
  height: 18px;
}

#BotChatGoesHere .carousel-right-arrow {
  background: url(./img/right_arrow.png) 0 0 no-repeat;
  width: 18px;
  height: 18px;
}

#BotChatGoesHere .bss-billing-doc-img {
  background: url(./img/icon_doc.svg) 0 0 no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

#BotChatGoesHere .bss-billing-download-img {
  background: url(./img/icon_download.svg) 0 0 no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

#BotChatGoesHere .carousel-indicator-text {
  font-size: 12px;
}

#BotChatGoesHere .carousel-indicator-disabled {
  pointer-events: none;
}

#BotChatGoesHere .presales-color-code-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#BotChatGoesHere .presales-color-code-list .presales-color-code-block {
  display: inline-block;
  height: 8px;
  width: 8px;
  border: 1px solid #E0E0E0;
  margin-right: 4px;
}

/* Slider */
#BotChatGoesHere .slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

#BotChatGoesHere .slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
#BotChatGoesHere .slick-list:focus
{
  outline: none;
}
#BotChatGoesHere .slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

#BotChatGoesHere .slick-slider .slick-track,
#BotChatGoesHere .slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* padding: 0px 10px !important; */
  display: flex;
}

#BotChatGoesHere .slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
#BotChatGoesHere .slick-track:before,
#BotChatGoesHere .slick-track:after
{
  display: table;

  content: '';
}
#BotChatGoesHere .slick-track:after
{
  clear: both;
}
#BotChatGoesHere .slick-loading .slick-track
{
  visibility: hidden;
}

#BotChatGoesHere .uisdk-carousel .slick-slide
{
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
  margin-right: 10px;
  /* border: 1px solid #F8E5E5; */
  padding: 10px 5px 4px 5px;
  border-radius: 0px;
  margin-bottom: 10px;
  width: 130px;
}

/* .slick-slide-large {
  width: 302px;
}

.slick-slide-small {
  width: 260px;
} */
#BotChatGoesHere [dir='rtl'] .slick-slide
{
  float: right;
}
#BotChatGoesHere .slick-slide img
{
  display: block;
}
#BotChatGoesHere .slick-slide.slick-loading img
{
  display: none;
}
#BotChatGoesHere .slick-slide.dragging img
{
  pointer-events: none;
}
#BotChatGoesHere .slick-initialized .slick-slide
{
  display: block;
  /* width: auto !important; */
}
#BotChatGoesHere .slick-loading .slick-slide
{
  visibility: hidden;
}
#BotChatGoesHere .slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
#BotChatGoesHere .slick-arrow.slick-hidden {
  display: none;
}

#BotChatGoesHere .slick-arrow {
  visibility: hidden;
}
#BotChatGoesHere .slick-slider:hover .slick-arrow {
  visibility: visible;
}

#BotChatGoesHere .slick-slider:active .slick-arrow {
  visibility: visible;
}
@media(hover: hover) and (pointer: fine) {
  .slick-slider:hover {
    visibility: visible;
  }
}

#BotChatGoesHere div.slick-initialized.slick-slider {
  position: relative!important;
}

/* Arrows */
#BotChatGoesHere .slick-prev,
#BotChatGoesHere .slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1;
  opacity: 0.7;
  filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.25));
}
#BotChatGoesHere .slick-prev:hover,
#BotChatGoesHere .slick-prev:focus,
#BotChatGoesHere .slick-next:hover,
#BotChatGoesHere .slick-next:focus
{
  color: transparent;
  outline: none;
  background: transparent;
}
#BotChatGoesHere .slick-prev:hover:before,
#BotChatGoesHere .slick-prev:focus:before,
#BotChatGoesHere .slick-next:hover:before,
#BotChatGoesHere .slick-next:focus:before
{
  opacity: 1;
}
#BotChatGoesHere .slick-prev.slick-disabled,
#BotChatGoesHere .slick-next.slick-disabled {
  display: none !important;
}
#BotChatGoesHere .slick-prev.slick-disabled:before,
#BotChatGoesHere .slick-next.slick-disabled:before
{
  opacity: .25;
}

#BotChatGoesHere .slick-prev:before
{
  border-left: solid 3px #BF0000;
  border-bottom: solid 3px #BF0000;
  transform: rotateZ(45deg);
  left: 9px;
  margin-left: 9px;
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 16px;
  background:  #F8E5E5;
  z-index: 2;
}

#BotChatGoesHere .slick-next:before
{
  border-right: solid 3px #BF0000;
  border-bottom: solid 3px #BF0000;
  transform: rotateZ(-45deg);
  right: 13px;
  margin-right: 9px;
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 15px;
  background: #F8E5E5;
  z-index: 2;
}

#BotChatGoesHere .slick-prev:after,
#BotChatGoesHere .slick-next:after
{
  content: '';
  display: block;
  position: absolute;
  /* border: 1px solid #F8E5E5; */
  width: 45px;
  height: 45px;
  top: 0;
  background: #F8E5E5;
  border-radius: 50%;
}

#BotChatGoesHere .slick-prev
{
  left: -5px;
}

#BotChatGoesHere .slick-next
{
  right: -10px;
}

/* Dots */
#BotChatGoesHere .slick-dotted.slick-slider
{
  margin-bottom: 30px;
}

#BotChatGoesHere .uisdk-carousel-dots
{
  position: static !important;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#BotChatGoesHere .uisdk-carousel-dots li
{
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 2px;
  cursor: pointer;
  bottom: 10px;
}
#BotChatGoesHere .uisdk-carousel-dots li button
{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#BotChatGoesHere .uisdk-carousel-dots li button:hover,
#BotChatGoesHere .uisdk-carousel-dots li button:focus
{
  outline: none;
}
#BotChatGoesHere .uisdk-carousel-dots li button:hover:before,
#BotChatGoesHere .uisdk-carousel-dots li button:focus:before
{
  opacity: 1;
  color: #FF008C;
}
#BotChatGoesHere .uisdk-carousel-dots li button:before
{
  font-family: 'slick';
  font-size: 30px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  content: '•';
  text-align: center;
  opacity: 1;
  color: #F8E5E5;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#BotChatGoesHere .uisdk-carousel-dots li.slick-active button:before
{
  opacity: .75;
  color: #FF008C;
}

#BotChatGoesHere .skylight-dialog {
  background-color: transparent !important;
  box-shadow: none !important;
}

#BotChatGoesHere .skylight-dialog .image-container{
  width: 60vw !important;
  max-width: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1024px) {
  #BotChatGoesHere .skylight-dialog .image-container{
    width: 100vw !important;
  }
}

#BotChatGoesHere .video-content {
  display: flex;
  flex-direction: column;
  position: relative;
}

#BotChatGoesHere .video-content .video {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#BotChatGoesHere .video-content .video video {
    width: 100%;
}

#BotChatGoesHere .video-content .video:hover .play-button-overlay,
#BotChatGoesHere .video-content .video:hover .pause-button-overlay {
  background: #d52484;
}

#BotChatGoesHere .play-button-overlay {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

#BotChatGoesHere .pause-button-overlay {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  border-radius: 50%;
}

#BotChatGoesHere .pause-icon {
  width: 9px;
  height: 34px;
  border-style: solid;
  border-width: 0 11px 0px 10px;
  border-color: #fff;
}


#BotChatGoesHere .arrow-right {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #fff;
}

#BotChatGoesHere .overlay-text {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
}

#BotChatGoesHere .video-description {
  font-size: 12px;
}

#BotChatGoesHere .video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

#BotChatGoesHere .video-container iframe, #BotChatGoesHere .video-container object, #BotChatGoesHere .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#BotChatGoesHere .wc-message-wrapper-hss {
  margin: 0 32px 10px 32px;
}

#BotChatGoesHere .wc-message-hss {
  width: 500px !important;
}

#BotChatGoesHere .wc-message-hss.wc-message-from-me {
  width: auto !important; 
}

#BotChatGoesHere .wc-message-hss .wc-message-content {
  padding: 16px !important;
}

@media (max-width: 756px) {
  #BotChatGoesHere .wc-message-hss {
      width: 85% !important;
  }

  #BotChatGoesHere .wc-message-wrapper-hss {
      margin: 0 16px 10px 10px;
  }

  #BotChatGoesHere .wc-message-hss .wc-message-content {
      padding: 8px !important;
  }
}

#BotChatGoesHere .progress-outer {
  display: flex;
  align-items: center;
  padding: env(safe-area-inset-bottom, 10px);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 50px;
  box-sizing: border-box;
  background: #fff;
  z-index: 100;
  border-top: 1px solid #D3D3D3;
}

#BotChatGoesHere .progress {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  height: 8px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 15px;
}

#BotChatGoesHere .progress-bar {
  background: #BF0000;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(269.97deg, #7D00BE 0%, rgba(125, 0, 190, 0) 100%);
}