:root {
  --whatsapp-color: #008000;
  --whatsapp-color-dark: #1D8E1D;
  --whatsapp-link-color: #fff;
  --whatsapp-button-color: #e9e9e9de;
  --whatsapp-popup-border-color: #f1f1f1;
  --whatsapp-text-dark:#1D8E1D;
  --whatsapp-chat-back:#fafafa;
  --whatsapp-chat-border:#719ECE;
  --transparent-gray: #44444455;
  --font-size-small: 1.2em;
  --hover-transition-time: 0.2s;
}

.icon_close{
  color: white;
  text-shadow: gray 1px 1px;
}

.wa_body_content {
  color: gray;
}

.wa_body_content a, .wa_body_content a:visited {
    text-decoration: none;
    color: var(--whatsapp-link-color);
}

#msjli-open-button {
  color: white;
  border: solid 1px white;
  background-color:var(--whatsapp-color-dark);
}

#msjli-open-button a {
  color: white;
}

#msjli-open-button a p {
  color: var(--whatsapp-button-color);
}

#msjli-open-button:hover .icon.whatsapp,#msjli-open-button:not(.closed) .icon.whatsapp {
    filter: brightness(85%);
    background-color: var(--whatsapp-color);;
}

#msjli-open-button a:hover p {
    color: white !important;
}

.msjli-chat-popup {
    border: 1px solid var(--whatsapp-popup-border-color);;
    background-color:var(--whatsapp-color);;
}

.msjli-form-container {
  background-color: var(--whatsapp-color);
}

.msjli-form-container .msjli-btn {
  background-color: black !important;
  color: white;
}

.msjli-form-container .msjli-cancel{
  background-color: var(--whatsapp-text-dark) !important;
  color: white;

}

.msjli-open-chat-text{
    color:white;
}

.msjli-chat-header{
    color:white;
}

.msjli-chat-header > span{
    color: white;
}

.msjli-chat-agent{
    color:black;
    background-color:var(--whatsapp-chat-back);;

}

.msjli-textarea-customer{
  background: var(--whatsapp-chat-back);;
  border-color: var(--whatsapp-chat-border);;
  box-shadow: 0 0 10px var(--whatsapp-chat-border);;
}

.msjli-textarea-customer:focus {
    border-color: var(--whatsapp-popup-border-color);
    box-shadow: 0 0 10px var(--whatsapp-chat-border);;
    background: var(--whatsapp-chat-back);
}

.msjli-footer a{
    color:white;
}

.msjli-chat-agent-name{
    color:var(--whatsapp-text-dark);;
}

.msjli_exit_close {
      background: white;
      color: white;
      -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
      -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
      box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
