.btn-line,
.btn-line:visited{
background-color:#00c300;
color: #fff;
border-radius: 2px;
padding: 0 0px 0 40px;
line-height: 40px;
border:none;
text-decoration: none;
display: block;
position: relative;
}
.btn-line img{
height: 40px;
max-height: 40px;
display: inline-block;
position: absolute;
left: 3px;
top: 0;
filter: brightness(0) invert(1);
}
.btn-line span{
display: block;
padding: 0 15px;
border-left: rgba(0,0,0,.1) solid 1px;
}
.btn-line:hover,
.btn-line:active{
background-color: #00e000;
color: #fff;
}
#login .btn-line{
display: block;
margin-bottom: 20px;
text-align: center;
}
#login .btn-line span{
padding: 0 40px 0 20px;
}
.woocommerce .wpdt-line-connect{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #f1f1f1 solid 1px;
padding-top: 20px;
padding: 0 0 20px;
text-align: center;
}
.woocommerce .wpdt-line-connect .btn-line{
display: block;
}
.woocommerce .wpdt-line-connect .btn-line span{
padding-right:60px;
}
.woocommerce .wpdt-line-connect.bottom{
border-bottom: none;
padding:10px 0 10px 0;
margin-bottom: 0;
}
.wpdt-live-connect-chat{
bottom: 20px;
position: fixed;
margin: 0;
right: 20px;
z-index: 998;
width: 56px;
height: 56px;
background-color: #00c300;
color: #fff;
padding: 6px;
text-align: center;
border-radius: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
cursor: pointer;
display: inline-block;
animation: wpdt_line_connect_jum 1.5s ease 0s normal ;
}
.wpdt-live-connect-chat img{
width: 40px;
height: auto;
filter: brightness(0) invert(1);
position: relative;
z-index: 65;
}
.wpdt-live-connect-chat:after,
.wpdt-live-connect-chat:before{
content: "";
width: 56px;
height: 56px;
background-color: #00c300;
border-radius: 50%;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 50;
}
.wpdt-live-connect-chat:before{
animation: pulse_animation 1.5s;
animation-delay: 3s;
}
.wpdt-live-connect-chat:after{
animation: pulse_animation_2 1.5s;
animation-delay: 3s;
}
.card.card-member{
border:none;
}
.card.card-member .card-body{
padding:0;
}
@keyframes wpdt_line_connect_jum {
0%{
transform: translateY(0);
}
20%{
transform: translateY(0);
}
40%{
transform: translateY(-30px);
}
50%{
transform: translateY(0);
}
60%{
transform: translateY(-15px);
}
80%{
transform: translateY(0);
}
100%{
transform: translateY(0);
}
}
@keyframes pulse_animation {
0% { box-shadow: 0 0 0 0 rgba(0, 195, 0, 0.8) }
100% { box-shadow: 0 0 0 15px rgba(254, 206, 104, 0) }
}
@keyframes pulse_animation_2 {
0% { box-shadow: 0 0 0 0 rgba(0, 195, 0, 0.8) }
100% { box-shadow: 0 0 0 30px rgba(254, 206, 104, 0) }
}
.wpdt-live-connect-chat .line-hello-text {
word-wrap: break-word;
position: absolute;
right: -300px;
top: 50%;
margin-top: -20px;
text-align: right;
padding: 10px;
line-height: 20px;
background-color: #ffffff;
border-radius: 2px;
border: 1px solid #eaeff3;
color: initial;
font-size: 1em;
display: none;
}
.wpdt-live-connect-chat:hover .line-hello-text{
right: 74px;
}
.wpdt-live-connect-chat .line-hello-text:after, 
.wpdt-live-connect-chat .line-hello-text:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.wpdt-live-connect-chat .line-hello-text:after {
border-color: rgba(243, 243, 243, 0);
border-left-color: #ffffff;
border-width: 6px;
margin-top: -6px;
}
.wpdt-live-connect-chat .line-hello-text:before {
border-color: rgba(234, 239, 243, 0);
border-left-color: #eaeff3;
border-width: 7px;
margin-top: -7px;
}
.wpdt-checkout-login-button{
text-align: center;
margin-bottom: 1em;
font-weight: bold;
}
.wpdt-button-line-chat,
.wpdt-button-line-chat:visited,
.wpdt-button-line-chat:focus{
background-color: #00c300;
color: #fff;
padding-right: 16px;
padding-left: 16px;
margin-left: 5px;
line-height: 20px;
height: 40px;
display: inline-block;
padding: 10px 15px;
border-radius: 20px;
}
.wpdt-button-line-chat:hover{
background-color: #00e000;
color: #fff;
}
.wpdt-button-line-chat img{
height: 40px!important;
margin: -10px 0px -10px -8px;
filter: brightness(0) invert(1);
float: left;
}
@media (min-width: 992px) {
.wpdt-live-connect-chat .line-hello-text{
display: block;
}
}