#whatsapp-chat h1{
    font-size:20px;
    text-align:center;
    display:block;
    background:linear-gradient(to right top,#6f96f3,#164ed2);
    padding:20px;
    color:#fff;
    border-radius:50px
}
.credit{
    background:#fff;
    position:relative;
    display:inline-block;
    padding:10px 20px;
    border:1px solid #ddd;
    border-radius:20px
}
.home-chat {
    height: 250px;
    overflow-y: scroll;
}
.head-home h3 {
    font-size: 13px;
    border-bottom: solid 1px #e1e1e1;
}
/* CSS Multiple Whatsapp Chat */
#whatsapp-chat{
    position:fixed;
    background:#fff;
    width:350px;
    border-radius:10px;
    box-shadow:0 1px 15px rgba(32,33,36,.28);
    bottom:200px;
    right:30px;
    overflow:hidden;
    z-index:99;
    animation-name:showchat;
    animation-duration:1s;
    transform:scale(1)
}

a.blantershow-chat img {
    margin-right: 10px;
}


.header-chat{
    background-image: linear-gradient(#5cf978,#0aba28);
    color:#fff;
    padding: 20px 20px 5px 20px;
}
.header-chat h3{
    text-align: center;
    margin:0 0 10px;
    padding-bottom: 10px;
}
.header-chat p{

    padding: 0 5px 5px 5px;
    margin-bottom: 5px;
    font-size:12px;

}
.info-avatar{
    position:relative
}
.info-avatar img{
    width:30px;
    float:left;
    margin:0 10px 0 0
}

a.informasi{
    padding: 6px 10px;
    text-decoration: none;
    border-bottom: 1px solid silver;
    display:block;
    overflow:hidden;
    animation-name:showhide;
    animation-duration:2.5s
}
a.informasi:hover{
    background:#f1f1f1
}
.info-chat span{
    display:block
}
#get-label,span.chat-label{
    font-size:12px;
    color:#888
}
#get-nama,span.chat-nama{
    margin:7px 0 0;
    font-size:12px;
    color:#222
}
#get-label,#get-nama{
    color:#fff
}
span.my-number{
    display:none
}
.blanter-msg{
    color:#444;
    padding:20px;
    font-size:12.5px;
    text-align:center;
    border-top:1px solid #ddd
}
textarea#chat-input{
    border:none;
    font-family:'Arial',sans-serif;
    width:100%;
    height:20px;
    outline:none;
    resize:none
}
a#send-it{
    color:#555;
    width:40px;
    margin:-5px 0 0 5px;
    font-weight:700;
    padding:8px;
    background:#eee;
    border-radius:10px
}
.first-msg{
    background:#f5f5f5;
    padding:30px;
    text-align:center
}
.first-msg span{
    background:#e2e2e2;
    color:#333;
    font-size:14.2px;
    line-height:1.7;
    border-radius:10px;
    padding:15px 20px;
    display:inline-block
}
.start-chat .blanter-msg{
    display:flex
}
#get-number{
    display:none
}
a.close-chat{
    text-decoration: none;
    position:absolute;
    top:5px;
    right:15px;
    color:#fff;
    font-size:30px
}
@keyframes showhide{
    from{
        transform:scale(.5);
        opacity:0
    }
}
@keyframes showchat{
    from{
        transform:scale(0);
        opacity:0
    }
}
@media screen and (max-width:480px){
    #whatsapp-chat{
        width:auto;
        left:5%;
        right:5%;
        font-size:80%
    }
}
.hide{
    display:none;
    animation-name:showhide;
    animation-duration:1.5s;
    transform:scale(1);
    opacity:1
}
.show{
    display:block;
    animation-name:showhide;
    animation-duration:1.5s;
    transform:scale(1);
    opacity:1
}