#divChat.fechado #chat{
    animation: leftbg 9999s linear infinite alternate;
 }
 
 @keyframes leftbg {
    from{
        background-position-x: 0;
    }to{
        background-position-x: -999999px;
    }
 }
 
 #divChat.light #chat {
    background-image: url(img/bg/chatBg.webp);
  }  
  #divChat.darks #chat {
    background-image: url(img/bg/chat/d.webp);
  }
  #divChat.cute #chat{
    background-image: url(img/bg/chat/f.webp);
  }
  #divChat.sea #chat {
    background-image: url(img/bg/chat/m.webp);
    background-size: 200px;
    background-position: center;
    animation: downbg 9999s linear infinite alternate;
  }
#divChat.space #chat {
    background-image: url(img/bg/chat/s.gif);
    background-size: 700px;
    background-repeat: repeat;
    animation: spacebg 9999s linear infinite;
}
@keyframes spacebg {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 100000px 100000px;
    }
}

  @keyframes downbg {
    from{
        background-position-y: 0;
    }to{
        background-position-y: 999999px;
    }
  }

  /**LIGHT */
#divChat.light .sent > .tri-chat{
    border-color: transparent #000 transparent transparent;
}
#divChat.light .sent > .box{
    background-color: #000;
    color: #fff;
}
#divChat.light .sent .hora-chat{
    color: #fff;
}

#divChat.light .received > .tri-chat{
    border-color: transparent #ddd transparent transparent;
}
#divChat.light .received > .box{
    background-color: #ddd;
    color: #333;
}
#divChat.light .received .hora-chat{
    color: #000;
}

#divChat.light .dots span{
    background-color: #666;
}

#divChat.light .dlg{
    filter: drop-shadow(0 0 1px #000);
}

#divChat.light #btn-panel, #divChat.darks #btn-panel{
    background-image: linear-gradient(360deg, #4e4e4e, #fff);
}

#divChat.light #btn-panel{
    background-image: linear-gradient(360deg, #4e4e4e, #fff);
}

#divChat.light .botao-num{
    background-color: #000;
    color: #fff;
}

#divChat.light .botao-num:hover{
    background-color: #303030;
}

  /**darks */
#divChat.darks .sent > .tri-chat{
    border-color: transparent #262626 transparent transparent;
}
#divChat.darks .sent > .box{
    background-color: #262626;
    color: #fff;
}
#divChat.darks .sent .hora-chat{
    color: #fff;
}

#divChat.darks .received > .tri-chat{
    border-color: transparent #565656 transparent transparent;
}
#divChat.darks .received > .box{
    background-color: #565656;
    color: #000;
}
#divChat.darks .received .hora-chat{
    color: #000;
}

#divChat.darks .dots span{
    background-color: #939393;
}

#divChat.darks #btn-panel{
    background-image: linear-gradient(360deg, #141414, #202020, #4e4e4e);
}

#divChat.darks .botao-num{
    background-color: #000000;
    color: #989898;
}

#divChat.darks .botao-num:hover{
    background-color: #303030;
}

  /**CUTE */
#divChat.cute .sent > .tri-chat{
    border-color: transparent #cf007c transparent transparent;
}
#divChat.cute .sent > .box{
    background-color: #cf007c;
    color: #fff9fd;
}
#divChat.cute .sent .hora-chat{
    color: #fff9fd;
}

#divChat.cute .received > .tri-chat{
    border-color: transparent #fff9fd transparent transparent;
}
#divChat.cute .received > .box{
    background-color: #fff9fd;
    color: #e90086;
}
#divChat.cute .received .hora-chat{
    color: #e90086;
}

#divChat.cute .dlg{
    filter: drop-shadow(0 0 1px #a40070);
}

#divChat.cute #btn-panel{
    background-image: linear-gradient(360deg, #e90086, #fff);
}

#divChat.cute .dots span{
    background-color: #80004f;
}

#divChat.cute #btn-panel{
    background-image: linear-gradient(360deg, #ff0095, #ffd2e6);
}

#divChat.cute .botao-num{
    background-color: #fff2fb;
    color: #ff008c;
}

#divChat.cute .botao-num:hover{
    background-color: #ffc1ec;
}

  /**SEA */
#divChat.sea .sent > .tri-chat{
    border-color: transparent #00050d transparent transparent;
}
#divChat.sea .sent > .box{
    background-color: #00050d;
    color: #5076bc;
}
#divChat.sea .sent .hora-chat{
    color: #5076bc;
}

#divChat.sea .received > .tri-chat{
    border-color: transparent #2f67c7 transparent transparent;
}
#divChat.sea .received > .box{
    background-color: #2f67c7;
    color: #001d51;
}
#divChat.sea .received .hora-chat{
    color: #001d51;
}

#divChat.sea #btn-panel{
    background-image: linear-gradient(360deg, #00050d, #456cb0);
}

#divChat.sea .dots span{
    background-color: #001180;
}

#divChat.sea #btn-panel{
    background-image: linear-gradient(360deg, #050027, #050023);
}

#divChat.sea .botao-num{
    background-color: #092a50;
    color: #bebebe;
}

#divChat.sea .botao-num:hover{
    background-color: #0b417f;
}

#divChat.space{
    background-color: #000918;
}
#divChat.space::selection{
    background-color: #150024;
    color: #d2fdff;
}
#divChat.space header{
    background-image: linear-gradient(360deg, #1c0023, transparent);
    filter: drop-shadow(0 0 0 transparent);
}
#divChat.space .sent > .tri-chat{
    border-color: transparent #000918 transparent transparent;
}
#divChat.space .sent > .box{
    background-color: #00050d;
    background-image: linear-gradient(45deg, #00605a, #571e45, #400054);
    color: #e3edff;
    border-bottom-right-radius: 0;

}
#divChat.space .sent .hora-chat{
    color: #e3edff;
}

#divChat.space .received > .tri-chat{
    border-color: transparent #002127 transparent transparent;
}
#divChat.space .received > .box{
    background-color: #432fc7;
    background-image: linear-gradient(45deg, #002127, #7f0b7b);
    color: #eefff0;
    border-radius: 45px;
    border-bottom-left-radius: 0;
}
#divChat.space .received .hora-chat{
    color: #eefff0;
}

#divChat.space #btn-panel{
    background-image: linear-gradient(360deg, #00050d, #456cb0);
}

#divChat.space .dots span{
    background-color: #6de9e0;
}

#divChat.space #btn-panel{
    background-image: linear-gradient(360deg, #050027, #050023);
}

#divChat.space .botao-num{
    background-color: #000000;
    background-image: linear-gradient(#000, #260020);
    color: #bebebe;
}

#divChat.space .botao-num:hover{
    background-color: #260020;
}

#divChat.space #btn-panel{
    background-image: linear-gradient(360deg,#000,#005d59);
}