.header-ai-search{
    padding: 5px 15px;
}
.img-ai-chat{
    height: 40px;
}
.container-ai-chat{
    width: 400px;
    max-width: 100%;
    height: 100%;
    position: sticky;
    margin: 0 auto;
    background: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);
    padding: 5px 5px 0px 5px;
    border-radius: 20px 20px 0px 0px;
}
.contianer-chat-ai{
    background-color: var(--white);
    padding: 20px 20px 70px 20px;
    border-radius: 20px 20px 0px 0px;
    height: calc(100% - 61px);
    overflow-y: auto;
      scrollbar-width: none;    
  -ms-overflow-style: none;   

    
}
.contianer-chat-ai::-webkit-scrollbar {
      display: none; 
}


.ai-answer-img{
    height: 25px;
    margin-bottom: 44px;
}
.ai-answer-content{
    padding: 15px;
}
.ai-answer-user{
        background: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);
    padding: 15px;
    border-radius: 20px 20px 20px 0px;
    display: inline-block;
      color: #fff;
}
.send-message-ai{
    padding: 10px 10px;
    color: var(--blue);
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0px;
    border-top: 1px solid #e4e4e4;
    background-color: var(--white);
}
.text-area-ai{
    padding: 10px;
    border-radius: 20px;
    background-color: transparent;
    border: none;
    width: 100%;
}
.share-send-ai{
          border: none;
    padding: 0px;
    font: inherit;
    background: var(--gray);
    width: 41px;
    height: 41px;
    border-radius: 50%;
    color: var(--white);
    z-index: 5;
}
.share-send-ai:disabled{
    opacity: .3;
}
.date-of-message {
    margin: 10px 0px;
}
.item-search-result {
    padding: 10px;
    border-bottom: 1px solid var(--light-gray);
    transition: .5s;
}
.item-search-result:hover{
    background-color: var(--light-blue);
    border-radius: 20px;
}
.item-search-result p{
    max-height: 42px;
    overflow: hidden;
    margin: 0px;
}

.img-loading{
    width: 50px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 62px;
    right: 13px;
}
.message-show{
    display: none;
}

.fixed-width-chat{
    width: 400px;
}

.ai-chat-container{
    position: fixed;
    z-index: 2;
    bottom: 0px;
    width: 400px;
    max-width: 100%;
    height: calc(100vh - 215px);
}
@media(max-width:991px){
    
.ai-chat-container{
    position: static;
    margin: 20px auto;
}
}

.icon-search-result{
    background-color: var(--light-blue);
    border-radius: 15px;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: var(--purple);
    margin: 20px auto;

}
.empty-search{
    min-height:calc(100vh - 400px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-ul-result{
    min-height: calc(100vh - 355px);
}
@media(max-width:991px){
    .container-ul-result{
    min-height: auto;
}
}

.titlebarlabiba{
    background: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%) !important;
}
.titlebarlabiba svg, .titlebarlabiba p{
    color: #fff !important;
    fill: #fff !important;
}
.titlebarlabiba .avatar-box {
    border-radius: 50% !important;
    overflow: hidden !important;
}
footer {
    display: none;
}