/**
 * .wcl-tpl-base is this template unique class.
 * Prepend this class to every CSS entry to avoid conflicts with
 * host page styles pr other widget templates
 */

.wcl-tpl-base .wcl-widget-controls .wcl-btn-collapse {
  display: block;
}

.wcl-tpl-base .wcl-system-message .wcl-entry-sender-img {
  background-image: url('https://prod.b-optimist.com/projects/i-tel-asdaa/img/bot-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.wcl-tpl-base .wcl-system-message .wcl-entry-sender-img .fa {
  display: none;
}

.wcl-tpl-base.wcl-bottom .wcl-widget-tab {
  position: fixed !important;
  top: auto !important;
  bottom: 1rem !important;
  right: 1rem;
  transform: translateY(0) !important;
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  background-image: url('https://prod.b-optimist.com/projects/i-tel-asdaa/img/img_apertura_widget.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4rem;
  border-radius: 0;
  border: none !important;
  box-shadow: none;
  color: transparent;
}

.wcl-tpl-base .wcl-system-message .wcl-message-arrow {
  color: #d4e6ab;
}

.wcl-tpl-base .wcl-system-message .wcl-entry-content,
.wcl-tpl-base .wcl-system-message .wcl-entry-footer {
  background: #d4e6ab;
}


/** Survey input **/
.wcl-survey-input {
  display: block;
}
.wcl-rating-input {
  padding-right: 0;
  text-align: center;
  unicode-bidi: bidi-override;
  direction: rtl;
}
.wcl-rating-input > li {
  display: inline-block;
  position: relative;
  font-size: 25px;
}
.wcl-rating-input > li::before {
  color: #fff;
  padding: 1px;
  content: "\f006";
}
.wcl-rating-input:not(.disabled) > li:hover:before,
.wcl-rating-input > li.selected:before,
.wcl-rating-input:not(.disabled) > li:hover ~ li:before,
.wcl-rating-input > li.selected ~ li:before {
  content: "\f005";
}

.ui-mobile-viewport .wcl-tpl-base.wcl-bottom .wcl-widget-tab {
  bottom: 3rem !important;
}