@charset "UTF-8";
.siberpcom-style{display:inline-block;position:fixed;letter-spacing:.1px;z-index:9999;will-change: opacity;}
.siberpcom-style .siberpcom-button{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.siberpcom-style .siberpcom-button .whatsapp{width:23px;height:23px;background-image:url("upload/whatsapp.png");background-repeat:no-repeat;background-size:100%;display:table;margin-right:0;font-size:25px;text-align:center;line-height:38px;cursor:pointer;color:#2ab674}
.siberpcom-style .siberpcom-panel{display:none;margin-bottom:5px;width:275px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.479);box-shadow:0 0 5px rgba(0,0,0,0.479);background-color:#fff;z-index: 99999}
.siberpcom-style .siberpcom-panel .siberpcom-header{padding:12px 15px 15px;text-align:center;color:#fff;background:#2ab674}
.siberpcom-style .siberpcom-panel .siberpcom-body{min-width:250px;white-space:nowrap;list-style:none;overflow-y:auto}
.siberpcom-style .siberpcom-header strong{font-size:15px;line-height:20px}
.siberpcom-style .siberpcom-header p{margin-bottom:0;color:#fff;font-size:12px;line-height:20px}
.siberpcom-style .siberpcom-list .d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.siberpcom-style .siberpcom-list .siberpcom-img-cont{position:relative}
.siberpcom-style .siberpcom-list .siberpcom-user-img{height:40px;width:40px;vertical-align:middle;border-radius:50%}
.siberpcom-style .siberpcom-list .siberpcom-status-icon{position:absolute;bottom:5px;right:1px;height:10px;width:10px;border-radius:50%;border:1px solid #fff;background-color:#a0a0a0}
.siberpcom-style .siberpcom-list .siberpcom-online{background-color:#2ab674}
.siberpcom-style .siberpcom-list .siberpcom-offline{background-color:#a0a0a0}
.siberpcom-style .siberpcom-list .siberpcom-user-info{margin-top:0;margin-bottom:auto;margin-left:15px}
.siberpcom-style .siberpcom-list .siberpcom-user-info span{font-size:14px;font-weight:600;line-height:22px;color:#555}
.siberpcom-style .siberpcom-list .siberpcom-user-info p{margin-bottom:0;margin-top:0;color:#888;font-size:12px;line-height:15px;font-weight:300}
.siberpcom-style .siberpcom-list .siberpcom-chat-icon{margin-top:-46px;right:10px;position:absolute;color:#d4d4d4;font-size:60px;opacity:.5;-webkit-transition:all .05s ease-in-out;transition:all .05s ease-in-out;overflow:hidden}
.siberpcom-style .siberpcom-body:hover{text-decoration:none;cursor:pointer}
.siberpcom-style .siberpcom-body:hover .siberpcom-user-img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.siberpcom-style .siberpcom-body li{display:block;padding:10px;position:relative;overflow-x:hidden;overflow-y:hidden;border-bottom:1px solid #eee;list-style-type:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.siberpcom-style .siberpcom-body li:hover{background-color:rgba(42,182,116,0.07)}
.siberpcom-style .siberpcom-body li:hover .siberpcom-chat-icon{color:#555;-webkit-transition:all .05s ease-in-out;transition:all .05s ease-in-out}
.siberpcom-style .siberpcom-body li:hover .siberpcom-chat-icon i{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.siberpcom-style .siberpcom-body .siberpcom-chat-icon i{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.siberpcom-right-bottom{bottom:10px;right:10px;float:right;border-radius:3px;}
.siberpcom-right-bottom .siberpcom-box {border: 0; box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%);}
.siberpcom-right-bottom:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
@keyframes siberpcom-fadein {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes siberpcom-fadein {
from{opacity:0}
to{opacity:1}
}
.rotateForward{-webkit-animation-name:rotateF;animation-name:rotateF;-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes rotateF {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotateF {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotateBackward{-webkit-animation-name:rotateB;animation-name:rotateB;-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes rotateB {
from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes rotateB {
from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.siberpcom-panel .siberpcom-body ul{margin:0;padding:0}