/* hide the original widget - that there were no two labels on the screen*/
#jivo_chat_widget{
display: none;
}

/* the default style - for offline messages if no one is online */
#jivo_custom_widget{
position: fixed;
left: 30px;
bottom: 0px;
height: 40px;
width: 250px;
z-index: 300000;
cursor: pointer;
background: #999;
/*background-image: url(images/jivo_widget_offline.png);*/

color: #fff;
font-size: 14px; 
font-weight: bold;
border-radius: 20px 20px 0px 0px;
text-align: center;
line-height: 38px;
opacity: 0.6;
}

#jivo_custom_widget::after{
content:"Atendimento Off-Line";
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:hover{
bottom: -2px;
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
height: 40px;
width: 250px;
/*background-image: url(images/jivo_widget_online.png);*/
font-size: 14px;
color: #fff;
background: green;
text-align: center;
opacity: 0.9;
}

#jivo_custom_widget.jivo_online::after{
content:"Atendimento Online";
}



@media screen and (max-width: 480px) {

    #jivo_custom_widget{
    right: 0px;
    left: auto;
    width: 50px;
    border-radius: 39px;
    height: 50px;
    font-size: 21px;
    line-height: 49px;
    }

   #jivo_custom_widget::after{
    content: '\f1d7';
    font-family: FontAwesome;
   }

   #jivo_custom_widget.jivo_online::after{
    /* content:"Atendimento Online"; */
    content: '\f1d7';
    font-family: FontAwesome;
    width: 100px !important;
    /* color: green; */
    }

    #jivo_custom_widget.jivo_online{
        height: 50px;
        width: 50px;
        /*background-image: url(images/jivo_widget_online.png);*/
        font-size: 14px;
        color: #fff;
        background: green;
        text-align: center;
        opacity: 0.9;
        }

  }