.div_chat {
    display:block;
    z-index:999;
  
}
    .div_Chat_Tawkto {
        display: inline-grid;
        position: fixed;
        bottom: 10%;
        right: 1%;
        width: 70px;
        height: 70px;
        background-color:#b9930d;
        text-align: center;
        z-index: 99999;
}
    .social-button_c {
        display: inline-grid;
        position: fixed;
        bottom: 7%;
        left: 1%;
        min-width: 45px;
        text-align: center;
        z-index: 99999;
    }

    .social-button-content_c {
        display: inline-grid;
    }

    .social-button_c a {
        padding: 8px 0;
        cursor: pointer;
        position: relative;
    }

    .social-button_c i {
        width: 40px;
        height: 40px;
        background: #b9930d;/*0c3ab0*/
        color: #fff;
        border-radius: 100%;
        font-size: 20px;
        text-align: center;
        line-height: 1.9;
        position: relative;
        z-index: 999;
    }

    .social-button_c span {
        display: none;
    }

    .alo-circle {
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: zoomIn;
        width: 50px;
        height: 50px;
        top: 3px;
        right: -3px;
        position: absolute;
        background-color: transparent;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid rgba(30, 30, 30, 0.4);
        opacity: .1;
        border-color: #f5f5f5;/*0089B9*/
        opacity: .5;
    }

    .alo-circle-fill {
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: pulse;
        width: 60px;
        height: 60px;
        top: -2px;
        right: -8px;
        position: absolute;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        /*background-color: rgba(0, 175, 242, 0.5);*/
        background-color:#fff;
        opacity: .75;
    }

    .call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span {
        display: block;
    }
    .fa fa-user-circle i {
        width:15%; 
        height:15%;
        background-image: url(./images/Item_Logo_Menu.png);
    }
.fa i .zalo_icon {
    width: 15%;
    height: 15%;
    background-image:url(./images/icon_zalo.png);
}
    .social-button_c a span {
        border-radius: 2px;
        text-align: center;
        /*background: rgb(103, 182, 52);*/
        background-color:#ff0000;
        padding: 9px;
        display: none;
        width: 180px;
        margin-left: 10px;
        position: absolute;
        color: #fff;
        z-index: 999;
        top: 9px;
        left: 40px;
        transition: all 0.2s ease-in-out 0s;
        -moz-animation: headerAnimation 0.7s 1;
        -webkit-animation: headerAnimation 0.7s 1;
        -o-animation: headerAnimation 0.7s 1;
        animation: headerAnimation 0.7s 1;
    }
/*------// add Zalo PC & MB --------*/

   
    /*------// add Zalo PC & MB --------*/
    @-webkit-keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    @keyframes "headerAnimation" {
        0% { margin-top: -70px; }
        100% { margin-top: 0; }
    }
    .social-button_c a span:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 10px 0;
      border-color: transparent #ff0000 transparent transparent;
      position: absolute;
      left: -10px;
      top: 10px;
    }