.silverchatbot-main {
    position: fixed;
    bottom:20px;
    right: 15px;
    z-index: 999999999;
}
.silverchatbot-main img { width: 80px; }
#silverchaticon { cursor: pointer; }
.silverchatwin {
    width: 300px;
    height: 400px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 8px 8px 0px 0px;
	height: auto;
}
.silverchat-head {
    background: #22409a url(../imgs/close-icon.png) 98% center no-repeat;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    box-shadow: 0px 6px 20px -8px #999;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #999;
    cursor: pointer;	
}
.silverchat-body { padding: 15px; }
.silverchat-body p { font-size: 11px; }
.silverchatbotul { list-style: none; max-height:300px; overflow:auto; }
.silverchatbotul li a {
    background: #fff;
    color: #323232;
    padding: 2px 10px;
    text-decoration: none;
    display: block;
	border-radius:5px;
    font-size: 12px;
	border:1px solid #22409a;
}
.silverchatbotul li { margin-bottom: 10px; }
.silverchatbotul li.back a { background: #efefef; color: #00b7ff; }

div#silverchatbot::before {
content: 'May I Help You?';
position: absolute;
width: 80px;
left: -92px;
background: #fff;
text-align: center;
font-size: 70%;
padding: 10px;
border-radius: 100%;
box-shadow: 0 0 10px #847b57;
bottom: -5px;
font-weight: bold;
animation: zoom-in-zoom-out 2s ease infinite;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #dd4552;
transition: all 0.8s;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(0.5, 0.5);
transition: all 0.8s;
}
50% {
transform: scale(1.1, 1.1);
transition: all 0.8s;
}
100% {
transform: scale(0.5, 0.5);
transition: all 0.8s;
}
}

#silverchaticon:before{border:2px dashed var(--theme-pink-link); position:absolute; left:-4px; top:-4px; content:""; width:88px; height:88px; border-radius:50%; opacity:0;}
#silverchaticon:before{animation: loading 10s linear infinite; opacity:1;}
 @keyframes loading {
  0% { 
    transform: rotate(0); 
  }
  100% { 
    transform: rotate(360deg);
  }
 }

.backfar{ display:flex; justify-content:space-between;}
.backfar .back-step a, .backfar .forward-step a{ color:#323232; font-size:13px; text-decoration:none; background:#22409a; color:#fff; border-radius:4px; padding:5px 8px;}
.backfar .back-step a:hover, .backfar .forward-step a:hover{ background:#f12a4c;}
.silverchatbotul li a{ line-break:anywhere;}