.tcl-theme-ios .chatbox__title{
    background: rgb(2,0,36);
    background: linear-gradient(23deg, rgba(2,0,36,1) 0%, rgba(4,97,159,1) 0%, rgba(0,0,0,1) 100%);
	color: #fff;
}
.tcl-theme-ios .chatbox {
    border: 1px solid #cccccce8;
}

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

    background-color: #005C9E;
    color: #fff;

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

    background-color: #F7EAAF;
    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: #000000;*/
}
.tcl-theme-ios .chatbox__title__close {
    fill: #F7EAAF;
    color: #F7EAAF;
    background: #2d62d9;
    padding: 5px;
}

.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: 68px;
    height: 68px;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    border: none;
    outline-offset: -5px;
    background: rgb(2,0,36);
    background: linear-gradient(23deg, rgba(2,0,36,1) 0%, rgba(4,97,159,1) 0%, rgba(0,0,0,1) 100%);
    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;
}
.chatbox.chatbox22.chatbox--tray .chatbox__title:after {
    content: "";
    height: 200%;
    left: -230%;
    opacity: 0;
    position: absolute;
    top: -20%;
    transform: rotate(-30deg);
    width: 200%;
  
  background: rgba(255, 255, 132, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 132, 0.13) 0%,
    rgba(255, 255, 132, 0.13) 77%,
    rgba(255, 255, 132, 0.5) 92%,
    rgba(255, 255, 132, 0.0) 100%
  );
}

.chatbox.chatbox22.chatbox--tray .chatbox__title:hover:after {
    left: -50%;
    opacity: 1;
    top: -50%;
    transition-duration: 1s, 1s, 0.2s;
    transition-property: left, top, opacity;
    transition-timing-function: ease;
}


@keyframes blink {

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

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

}



@keyframes blink {

    0% {
        background: #ffffff;


    }

    100% {
        background: #d7d7d7;

    }

}