/*******************************************************************************
* Copyright (c) by Nguyen Thanh Phat.
* Author: Nguyen Thanh Phat
* Email: phat.nguyenthanh@meai.vn
******************************************************************************/
@charset "UTF-8";
.chat3li-widget {
position: fixed;
bottom: 0px;
right: 0px;
width: 80px;
height: 80px;
z-index: 2147483648 !important;
}
.chat3li-widget.oc-cl {
width: 0;
height: 0;
}
.chat3li-widget.chat3li-widget-show {
width: 430px;
height: 680px;
}
.chat3li-radial-background {
position: fixed;
width: 500px;
height: 500px !important;
bottom: 0px;
right: 0px;
content: '';
pointer-events: none;
background: radial-gradient(circle at right bottom, rgba(29, 39, 54, 0.16) 0%, rgba(29, 39, 54, 0) 72%);
transition: 150ms;
}
@media screen and (max-width: 450px) {
.chat3li-widget.chat3li-widget-show {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100% !important;
height: 100% !important;
max-height: none !important;
}
.chat3li-widget.chat3li-widget-notif {
width: 100%;
height: 100%;
max-height: 100%;
}
.chat3li-widget-notif-new-message {
width: calc(100% - 16px) !important;
}
}
.chat3li-widget > iframe {
border: 0px;
}
.chat3li-widget .widget-iframe {
height: 100% !important;
width: 100% !important;
position: relative;
}
.oc-visual-selection-wrapper {
width: 800px;
height: 100px;
position: fixed;
top: calc(100% - 100px);
left: calc(50% - 300px);
z-index: 2147483649 !important;
}
.oc-visual-selection-highlight {
box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.15);
z-index: 2147483647;
position: fixed;
box-sizing: border-box;
overflow: visible;
pointer-events: none;
border: 1px solid #02b875;
transition: all 200ms ease;
}
.oc-visual-selection-pinpoint svg {
fill: transparent;
overflow: visible;
}
.oc-visual-selection-pinpoint rect {
vector-effect: non-scaling-stroke;
stroke-width: 2px;
}
.oc-visual-selection-pinpoint rect.animate {
stroke-dasharray: 5px;
stroke-dashoffset: 0;
animation-name: lock-marching-ants;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-play-state: running;
}
@keyframes lock-marching-ants {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 100px;
}
}
.oc-visual-selection-pinpoint {
box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.15);
z-index: 2147483647;
position: fixed;
box-sizing: border-box;
overflow: visible;
pointer-events: none;
transition: all 100ms ease;
}
.chat3li-widget > .chat3li-widget-btn {
width: 60px;
height: 72px;
}
.chat3li-widget-resize {
transition: width 0.3s ease-in-out 0s;
width: 710px !important;
}
@media screen and (max-width: 710px) {
.chat3li-widget-resize {
width: 100% !important;
}
}