.whatsapp-widget{

}


.whatsapp-widget .whatsapp-btn{
    z-index:9999999;
    position: fixed;
    bottom:0;
    right:0;
    margin-right:15px;
    margin-bottom:15px;
    width:60px;
    height:60px;
    background-color:  #12BA50;
    border-radius:150px;
   -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    cursor:pointer;

}
.whatsapp-widget-left  .whatsapp-btn{
    z-index:9999999;
    position: fixed;
    bottom:0;
    left:0;
    margin-left:15px;
    margin-bottom:15px;
}

.whatsapp-btn img{
    max-width:30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:14px;
    display:block;
}
.whatsapp-btn:hover{
    background-color:  #12B54E;
   -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);
}
.whatsapp-btn-green{
    background-color: #fff;
}

.whatsapp-btn-green:hover{
   background-color: #fff;
}
.whatsapp-widget .whatsapp-window{
    display:none;
    opacity:0;
    z-index:99999999;
    width:350px;
    min-height:100px;
    position: fixed;
    bottom:0;
    right:0;
    margin-right:15px;
    margin-bottom:100px;
     background-color: #fff;
    border-radius:10px;
   -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);

}

.whatsapp-widget-left .whatsapp-window{
    bottom:0;
    left:0;
    margin-left:15px;
    margin-bottom:100px;

}
@media (max-width: 767px){

    .whatsapp-window{
        width:auto;
        max-width:300px;
    }
}
.whatsapp-header{
    background-color: #095E54;
    width:100%;
    min-height: 20px;
    border-radius:10px 10px 0px 0px;
    padding:20px;
}
.whatsapp-content{
    background-image:  url(bg.png);
    background-repeat: repeat-x;
    background-color: #E6DDD4;
    width:100%;

}
.whatsapp-inner-content{
    background-color: rgba(255,255,255,0.6);
    width:100%;
    min-height: 20px;
    padding:30px 10px;

}
.whatsapp-footer{
     background-color: fff;
    width:100%;
    min-height: 30px;
    padding:20px;
    border-radius:0px 0px 10px 10px;
}
.whatsapp-chat {
    cursor:pointer;
    text-align: left;
    background-color: #14c656;
    display:block;
    padding:8px 12px;
    font-size:15px;
    color:rgba(255,255,255,0.8);
    border:none;
    width:100%;
    text-align: center;
    border-radius:10px;
    text-decoration: none;
}
.whatsapp-chat img{
    max-width: 25px;
    display:inline-block;
    margin-right:5px;


}
.whatsapp-chat:hover{
   background-color:  #12BA50;
    color:rgba(255,255,255,1);

}
.whatsapp-close{
    position: absolute;
    top:0;
    right:0;
    margin-right: 14px;
    margin-top:14px;
    cursor:pointer;


}
.whatsapp-close img{
     cursor:pointer;
    opacity:0.6;
    max-width: 16px;

}
.whatsapp-close img:hover{
      opacity:1;
}
.whatsapp-user{
    position: absolute;
    display:inline-block;
    margin-left:18px;
    height:65px;
    left:0;
    margin-left:100px;
    top:0;

    margin-top:30px;
}
.whatsapp-username{
    color:#ffffff;
    font-size:16px;
    display:block;

}
.whatsapp-status{
    color:rgba(255,255,255,0.8);
    font-size:13px;
display:block;

}
.whatsapp-avatar{
    position: relative;
    width:68px;
    height:68px;
    border-radius:150px;
    display:inline-block;
    border:2px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
}
.whatsapp-avatar img{

    margin-left:auto;
    margin-right:auto;
    display:block;
    width: 64px;
    height:64px;
    border-radius:150px;

}
.whatsapp-status-circle{
    width:14px;
    height:14px;
    border-radius:18px;
     background-color: #14c656;
     position: absolute;
     z-index:9999999999;
     left:0;
     top:0;
     margin-top:48px;
       border:2px solid rgba(0,0,0,0.5);
     margin-left:50px;
      -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
}
.whatsapp-bubble::after {
    content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
	border-left: 0;
	margin-left: -125px;
	margin-top: -10px;
}
.whatsapp-bubble{
    position: relative;
    background-color: #fff;
    padding:15px;
    margin:10px;
    width:80%;
    display:inline-block;
       -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18);
}
.whatsapp-title{
    font-weight:500;
    color:#999;
    font-size:14px;
       display:block;
       line-height: 20px;
}
.whatsapp-text{
    color:#000;
    font-size:15px;
     display:block;
}
.whatsapp-date{
    color:#444;
    font-size:12px;
    text-align:right;
     display:block;
}