#chat-button {
    position: fixed;
    z-index:999;
    bottom: 32px;
    right: 40px;
    width: 50px;
    
    cursor: pointer;
  }
  
  #chat-div{
  
    
    width: 400px;
    height: 500px;
    border: 1px solid #ccc;
    position: fixed;
    right: 20px;
    bottom: 82px;
    border-radius: 6px;
    display: nodne;
    background: white;
    z-index:999;
  
  }
  
  #chat-div #chat-messages{
    height: 400px;
   
    overflow-y: auto;
    
  
  }
  #chat-div form{
   
    position: relative;
    bottom: 38px;
    direction:ltr !important;
    left: 0px;
    width: 100%;
  }
  #chat-div label {
      
      text-align:left;
      
  }
  #chat-div form input{
    width:70%;
    height: 40px;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 4px;
    font-size: 16px;
  }
  
  
  
  #form_chat{
      
      display: flex;
     align-items: center;
  }
  #chat-div #form_chat button{
    width:25%;
    height: 40px;
    margin-top: -5px !important;
    margin-left:3px;

    box-shadow: 3px 4px 0px 0px #899599;
background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
background-color:#ededed;
border-radius:15px;
border:1px solid #d6bcd6;
display:inline-block;
cursor:pointer;
color:#3a8a9e;
font-family:Arial;
font-size:17px;
padding:3px 25px;
text-decoration:none;
text-shadow:0px 1px 0px #e1e2ed;

  }
    
  #chat-div #form_chat button:hover {
background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
background-color:#bab1ba;
}
#chat-div #form_chat button:active {
position:relative;
top:1px;
}

 
    
  #chat-div .chat-message-item{
    
    margin-right: 28%;
    background: #f4f2f2;
    padding: 6px;
    margin-top: 20px;
    border-radius: 4px;
    color: black !important;
    direction: auto;
  }
  
  #chat-div .chat-response-item{
    
    background: #a7e0f2;
    right: 10px;
    padding: 6px;
    margin: 5px;
    border-radius: 4px;
    margin-top: 20px;
    margin-left: 28%;
    color: black !important;
    direction: auto;
  }
  #chatbot-infos
  {
    height:45px;
    border-bottom: 1px solid #ccc;
    padding-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    direction:ltr;
  }
  
  #chatbot-infos img{
     width: 40px;
     margin-right: 4px;

  }

  #chatbot-infos p{
     display: flex;
     align-items: center;
     margin-top:3px;
     color:black;

  }


  .hidden{
      display: none;
  }
  
  #chat-loader{
    width: 44px;
    position: relative;
    bottom: 35px;
    left: 10px;
    display: none;
  }




  #chat-div #chatbot_clt_data_form button{
    width:60%;
    height: 40px;
    margin-top: 10px;

    box-shadow: 3px 4px 0px 0px #899599;
background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
background-color:#ededed;
border-radius:15px;
border:1px solid #d6bcd6;
display:inline-block;
cursor:pointer;
color:#3a8a9e;
font-family:Arial;
font-size:17px;
padding:3px 25px;
text-decoration:none;
text-shadow:0px 1px 0px #e1e2ed;

  }
    
  #chat-div #chatbot_clt_data_form button:hover {
background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
background-color:#bab1ba;
}
#chat-div #chatbot_clt_data_form button:active {
position:relative;
top:1px;
}


@media (max-width: 768px) {
      #chat-div{
  
    
    width: 100%;
    height: 100vh;
    
      border: 1px solid #ccc;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index:999;
  
  }
}