.tcl-theme-ios .chatbox__title{
    background-color: #ffffff;
}
.tcl-theme-ios .chatbox {
    border: 1px solid #cccccce8;
}

.tcl-theme-ios .chatbox__body__message--right .ul_section_full {

    background-color: #3b9568;
    color: #fff;

}
.tcl-theme-ios .chatbox__body__message--left .ul_section_full {

    background-color: #e6e6e6;
    color: #000000;

}




.chatbox.chatbox22.chatbox--tray {
    width: auto;
    transition: .3s all;
    width: 80px;
    height: 80px;
    bottom: 0;
    border-radius: 50%;
    overflow: hidden;
}


.tcl-theme-ios  .chatbox__body__message--right .chatbox_timing a{
    color: #fff;
}
.tcl-theme-ios .chatbox__body{
    background: #fff;
}

.tcl-theme-ios #btn-chat svg{
    fill: #4285f5;
}

.tcl-theme-ios .welcome-notice {
    background: #ededed;
}
.tcl-theme-ios .chatbox__title__close {
    fill: #ccc;
    color: #ccc;
    background: #2d62d9;
    padding: 5px;
    border-radius: 7px;
}

.tcl-theme-ios .tcl-theme-ios .chatbox.chatbox--tra .chatbox__title{
    animation: blink;
}
.tcl-theme-ios .chatbox.chatbox--tray .chatbox__title {
    animation: 1s linear 0s infinite alternate blink;
}

.chatbox.chatbox22.chatbox--tray {
    width: auto;
    transition: .3s all;
    width: 70px;
    height: 70px;
    bottom: 15px;
    border-radius: 50%;
    border: none;
    outline-offset: -5px;
    background: #3b9568;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    margin: 5px;

}

.chatbox.chatbox22.chatbox--tray .chatbox__body,
.chatbox.chatbox22.chatbox--tray .chatbox__title * ,
.chatbox.chatbox22.chatbox--tray .panel-footer {
    display: none;

}
.chatbox.chatbox22.chatbox--tray .chatbox__title{
    display: block;
    width:100%;
    height: 100%;
    background: transparent;
    z-index: 9;
    transform: scale(.7);
    transition: .3s;
    animation: none;
    background: url("data:image/svg+xml,%3Csvg fill='rgb(255,255,255)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.8 54.9'%3E%3Cpath d='M54.1,3.5,20,3.4a5.91,5.91,0,0,0-5.9,5.9v5.1H6A5.91,5.91,0,0,0,.1,20.3V41.4A5.91,5.91,0,0,0,6,47.3h6v10a1,1,0,0,0,.6.9c.1,0,.2.1.4.1a.91.91,0,0,0,.7-.3l9.7-10.7L40,47.2a5.91,5.91,0,0,0,5.9-5.9v-.1L51.2,47a1.08,1.08,0,0,0,.7.3.76.76,0,0,0,.4-.1.87.87,0,0,0,.6-.9v-10H54a5.91,5.91,0,0,0,5.9-5.9V9.4A5.7,5.7,0,0,0,54.1,3.5ZM44,41.5a3.9,3.9,0,0,1-3.9,3.9L23,45.5a.91.91,0,0,0-.7.3L14,54.9V46.5a.94.94,0,0,0-1-1H6a3.9,3.9,0,0,1-3.9-3.9V20.4A3.9,3.9,0,0,1,6,16.5h9.1l25.1-.1a3.9,3.9,0,0,1,3.9,3.9V41.5Zm14-11a3.9,3.9,0,0,1-3.9,3.9H52a.94.94,0,0,0-1,1v8.4l-5-5.5v-18a5.91,5.91,0,0,0-5.9-5.9H16V9.3a3.9,3.9,0,0,1,3.9-3.9L54,5.5h0a3.9,3.9,0,0,1,3.9,3.9L58,30.5Z' transform='translate(-0.1 -3.4)'/%3E%3Cpath d='M35.5,22.5,31.7,40.9c-.3,1.3-1,1.6-2.1,1l-5.8-4.4L21,40.3a1.56,1.56,0,0,1-1.2.6l.4-6.1L31,24.9c.5-.4-.1-.7-.7-.3L17.1,33.2l-5.7-1.9c-1.2-.4-1.2-1.2.3-1.9l22.2-8.9C34.9,20.1,35.9,20.9,35.5,22.5Z' transform='translate(-0.1 -3.4)'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.chatbox.chatbox22.chatbox--tray .chatbox__title:hover{
    transform: scale(.8);
    transition: .3s;

}

@keyframes blink {

    0% {
        transform: scale(.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}



@keyframes blink {

    0% {
        background: #ffffff;


    }

    100% {
        background: #d7d7d7;

    }

}