.btn-bot,.btn-bot:hover,.btn-bot:focus,.btn-bot:active{
                                                                                }

        



.header-chat {
    background-color: #!important;


}

.desktop-header,.desktop-body{
    border-color:#!important;
        border-width: 1px!important;
    }











:root {
  /*--bs-link-color-rgb: 0, 117, 185;*/
  /*--bs-link-hover-color-rgb: 0, 117, 185;*/
  /*--lhc-message-vi-background: #009ddd;*/
  --lhc-message-op-background: rgba(50, 63, 70, 0.1);

  --btn-primary: #009ddd;

  --border: rgba(0, 30, 70, 0.2);
  --border-dark: rgba(0, 30, 70, 0.3);
  --border-radius-small: 0.4rem;
  --btn-radius: 2em;

}

.header-chat {
  background-color:#ededed !important;
  user-select:none;
  padding: 12px 0 !important;
}

.header-link .material-icons {
  font-size: 20px !important;
  color: #000 !important;
}

#messages-scroll {
  padding:.5rem !important;
}
.operator-info {
    font-size: inherit !important;
}
.icon-assistant,
.bottom-message div.response .vis-tit,
.bottom-message div.message-admin .op-tit,
.op-name-widget {
  color: #97999d !important;
}
/*.bottom-message div.response .vis-tit {
  color: #009ddd;
}
*/
.reactions-holder, 
.bottom-message div.message-admin div.msg-body,
.bottom-message div.message-admin div.msg-body a.link {
  color: #000 !important;
}

.hidden-download::after {
  color: rgb(var(--bs-link-color-rgb)) !important;
}
.btn {
  /*font-size: inherit !important;*/
  font-weight: 600 !important;
  padding:0.5em 1em !important;
  margin: 0.6em 0.3em !important;
  background: var(--btn-primary) !important;
  color:#fff !important;
  border: none !important;
  border-radius: var(--btn-radius) !important;
  transition: all 100ms ease !important;
}
.btn:hover { 
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 0 2px var(--btn-primary), 0 0 .5em rgba(0, 0, 0, 0.2) !important;
  background: var(--btn-primary) !important;
}
.btn:active {  
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset, 0 0.3em 0.3em -0.3em rgba(0, 0, 0, 0.3) inset !important;
  background: var(--btn-primary) !important;
}
.btn.text-muted {
    background: none !important;
}
.form-group {
  padding: 5px 0 !important;
}
.form-control {
  font:1em/2.5em !important;
  /*height:2.5em !important;*/
  border: var(--border-dark) 1px solid !important;
  border-radius: var(--border-radius-small) !important;
  transition:all ease-in-out 0.2s !important;
}
textarea.form-control {
  /*height: 7.5em !important;*/
}
.form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 2px var(--btn-primary) !important;
  /*border: var(--border-dark) 1px solid !important;*/
  outline: none !important;
}