@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Dosis:200,400,500,700);

.modalchat{
     position:fixed;
     top:30;
     bottom:50px;
     right:10px;
     z-index:99999;
     display:none;
     overflow:hidden;
     outline:0;
     
 } 
 .modal-backdrop{ 
     display:none; /*Remove dack backdrop from modal*/
 }
 .modal-content{ 
     border-radius:20px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 }
 .sendbtn{
     width:100%; 
     height:60px; 
     border-radius:10px;
     background-color:green;
 }
 .btncnt{
     color:#fff; 
     font-size:25px;
     font-weight:bold;
     text-align:center;
     padding:5px 0 10px 0;
 }
 .title-tab{ 
     background:#660000;
     padding:20px;
     border-top-left-radius:20px;
     border-top-right-radius:20px;
 }
 .head-title{
     width:70%;
     color:white;
     font-size:14px;
     font-weight:bold;
     padding-left:10px;
 }
 .time{
     align-content:center;
     padding:5px;
 }
 .avatar{
     border:4px solid white;
     border-radius:50%;
     width:50px;
 }
 .avatar2{
     border:4px solid #eee;
     border-radius:50%;
     width:40px;
     height:40px;
 }
 .container-contents{
     padding:10px;
 }
 .message{
     padding:20px;
     font-size:14px;
     background:#eee;
     border-top-right-radius:20px;
     border-bottom-left-radius:20px;
     border-bottom-right-radius:20px;
 }
 .textarea{
     width:100%;
     padding:10px;
     border-radius:20px 20px 0 20px;
 }
 
 .modal-open .modalchat{
     overflow-x:hidden;
     overflow-y:auto
     
 }
 
#whatsapp-icon{
display:block;
position:fixed;
bottom:10px;
height:50px;
width:50px;
right:15px;
text-align:center;
margin-bottom:0;
z-index: 1050;
}
@keyframes zoominoutsinglefeatured
{
0%{
transform:scale(1,1);
}
50%{
transform:scale(1.2,1.2);
}
100%{
transform:scale(1,1);
}
}

.floating-call-button img{
animation:zoominoutsinglefeatured 1s infinite
}

.floating-call-button{
margin-top:3px;
font-size:16px;
font-weight:bold;
margin-right:23px;
margin-bottom:10px;
}


  @media screen and (max-width: 767px) { 
 #whatsapp-icon {
    bottom:60px; 
   }
   .modalchat{
    bottom:100px;   
   }
}
@media screen and (max-width: 575px) { 
 #whatsapp-icon {
    bottom:70px; 
   }
   .modalchat{
    bottom:120px;   
   }
}