img{    vertical-align: middle;}.right_fix{    position: fixed;    right: 20px;    bottom: 20px;    z-index: 9;}.error{    color: red;}.chatbox{    position: fixed;    bottom: 100px;    z-index: 99999;    bottom: 10px;    right: 0px;}.right_fix img {    width: auto;    height: auto;    border: double #ffffff 6px;    padding: 5px;    box-sizing: border-box;    background: #db1a5b;    bottom: -100px;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;}.right_fix:hover img {background: #5abb49}.chatbox{    background-color:#dd1a5b;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    width: 370px;    font-family: arial;}@media (max-width: 600px) {    .chatbox{        width: 100%;    }}.chat_header{    padding: 15px;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    color: #fff;}.chat_header .title_box{    float: left;    margin-bottom: 10px;    width: 100%;    text-transform: uppercase;    background-color:#dd1a5b;    color: #ffffff;    line-height: 24px;    font-size: 15px;    margin-top: -5px;}.chat_header .title_box img{    vertical-align:middle;    max-width: 40px;}.chat_navi_bar {    position: absolute;    top: 5px;    right: 10px;    z-index: 999;    color: #FFF;}.chat_navi_bar ul {    padding: 0px;    margin: 0px;    list-style: none;}.chat_navi_bar ul li {    display: inline-block;    padding: 5px;    font-size: 14px;    cursor: pointer;}.msg_header {    clear: both;    padding-top: 10px;    margin-bottom: 10px;    text-align: center;    float: left;    border-top: 1px solid #fff;    width: 100%;    height: auto;    font-size: 14px;}.msg_header span {    font-size: 20px;    color: #ff0;    font-weight: 700;    display: block;}.chat_content {    font-size: 14px;    position: relative;    border: 8px solid #dd1a5b;    border-top: none;    border-bottom: none;    margin-top: 5px;    overflow-x: hidden;    width: 100%;}.chat_content_body {    background-color: #fff;    padding: 10px;}.chat_content_body{    background-color: #fff;    padding: 10px;}.chat_content_body .rows.frmInput input{    height: 35px;    border-radius: 0px;    border: 1px solid #c1c1c1;    margin: 9px auto;    color: #333;    padding-left: 15px;    font-family: inherit;    width: 100%;}.chat_content_body .rows.frmButton input{    background-color: #dd1a5b;    border-color: #dd1a5b;    color: #ffffff;    outline: none;    border: none;    height: 37px;    border-radius: 0;    font-weight: bold;    margin: 9px auto;    width: 100%;}.chat_footer{    position: relative;    padding: 0 8px 5px 8px;    text-align: right;}.chat_footer_hotline{    padding: 10px 10px;    background-color: #efefef;    border-bottom: 1px solid #dddddd;    z-index: 10;    overflow: hidden;    line-height: 22px;}.chat_footer img{    width: 64px;}.chat-box-info {    background-color: #efefef;    border-bottom: 1px solid #dddddd;    width: 100%;    padding: 9px;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    display: flex;}.chat-box-info .content-avatar {    width: 50px;    min-width: 50px;    margin-right: 10px;}.chat-box-info .content-avatar > img {    border: 2px solid #fff;    border-radius: 50%;    max-width: 52px;    max-height: 52px;    margin: 3px;    float: left;    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);}.content-header-info {    display: flex;    align-items: center;    align-content: center;    flex-wrap: wrap;}.content-header-info .content-header-info-name {    font-weight: bold;    color: #000000;    margin-bottom: 5px;}.content-header-info .info-support-address {    color: #888;    font-size: 12px;    width: 100%;}.frm_main_chat {    padding-bottom: 10px;    background-color: #fff;    }.chatbox #message {    margin: 0;    padding: 0;    height: 230px;    box-sizing: border-box;    overflow: auto;    width: 100%;    background-color: #fff;    overflow-x: hidden;    }.frm_main_chat > #message {    padding: 10px 6px !important;}.infoNotify, .notification{    padding: 5px 25px;    border: 1px solid #faebcc;    background-color: #fcf8e3;    color: #8a6d3b;    font-size: 14px;    text-align: left;    margin: 0 0 10px;}.notification{    position: relative;    z-index: 9;    width: 100%;    top: 0px;    margin-bottom: 0px;}#send {    width: 100%;    text-align: center;    position: relative;    padding: 15px 10px 0px;}#attack i {    font-size: 1.2em;}.enter-comment {    margin: 0 auto;    height: 39px;    display: inline-block;    resize: none;    width: 98%;    border-left: unset;    border-right: unset;    border-top: 1px solid #bbb;    border-bottom: 1px solid #bbb;    border-radius: 5px !important;    padding: 5px;    background-color: #f6f6f6;}.enter-comment {    border: 1px solid #bbb;    border-radius: 5px;}#send>input[type=text] {    width: 100%;    outline: 0;    border-radius: 0;    padding: 10px 55px 10px 5px;}#enter_chat {    position: absolute;    top: 3px;    z-index: 1;    right: 4px;    cursor: pointer;    zoom: 1.8;    color: #ccc;    font-size: 14px;}#enter_chat {    top: 8px;    right: 7px;}#attack {    width: 24px;    position: absolute;    z-index: 1;    right: 35px;    cursor: pointer;    top: 25px;    font-size: 17px;}.chat-row-staff {    width: 100%;    overflow: hidden;}.chat-row-customer {    width: 100%;    overflow: hidden;}.chat-group-avatar-customer {    float: left;    display: none;}.chat-group-avatar-staff {    float: right;    display: none;}.chat-group-message-customer {    float: right;    width: 80%;}.chat-group-message-staff {    float: left;    width: 80%;}.chat-customer-parent {    width: 100%;    float: right;}.chat-staff-parent {    width: 100%;    float: left;}.chat-customer-message,.chat-customer-message-break{    position: relative;    background-color: #efefef;    padding: 8px 14px;    font-size: 14px;    border-radius: 4px;    width: fit-content;    margin-bottom: 5px;    margin-right: 15px;    word-break: break-all;    float: right;    word-break: break-all;    color: #000;}.chat-customer-message:before{    display: block;    content: '';    position: absolute;    width: 0;    height: 0;    border: 10px solid #efefef;    border-right-color: transparent !important;    border-bottom-color: transparent !important;    top: 0px;    right: -10px;    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);}.chatbox .chat-customer-message:before {    border-color: #efefef;}.chat-message-name {    font-weight: bold;    display: none;}.chat-staff-message,.chat-staff-message-break{    background-color: #fee2f0;    padding: 8px 14px;    font-size: 14px;    border-radius: 4px;    width: fit-content;    float: left;    margin-left: 15px;    margin-bottom: 5px;    position: relative;    color: #000;}.chat-staff-message:before{    display: block;    content: '';    position: absolute;    width: 0;    height: 0;    border: 10px solid #fee2f0;    border-right-color: transparent !important;;    border-bottom-color: transparent !important;;    top: 0px;    left: -10px;    -webkit-transform: rotate(90deg);    -moz-transform: rotate(90deg);    -ms-transform: rotate(90deg);    -o-transform: rotate(90deg);    transform: rotate(90deg);}.timer {    text-align: right;    color: #666;    font-size: 12px;}.typing {    font-size: 12px;    color: #999;    margin: 5px 0px 5px 10px;    position: absolute;    bottom: 44px;}.chat-row-staff {    width: 100%;    overflow: hidden;}.status_chat{    text-align: right;    font-size: 12px;    color: #999;    float: right;    margin-right: 15px;}.clearfix:after, .clearfix:before {    content: "";    display: table;    clear: both;}.hide {    display: none!important;}.ax-browse{    display: none;}.thumb_picture{    position: relative;}.thumb_picture img{    max-height: 100px;}.loading {    background: url("../images/ajax-loader.gif") no-repeat scroll center center black;    bottom: 0;    display: none;    left: 0;    opacity: 0.5;    position: fixed;    top: 0;    width: 100%;    z-index: 99999;}.lbMsgRt .error{    margin-top: 10px;    text-align: left;}.download {    display: block;    position: absolute;    right: 2px;    bottom: 5px;    color: #cc0c0c;    font-size: 20px;}.center_img{    text-align: center;    margin-bottom: 10px;}.tawk-bubble-container {    cursor: pointer;    position: relative;    height: 100%;}.tawk-flex {    display: -ms-flexbox!important;    display: flex!important;}.tawk-flex-center {    -ms-flex-pack: center;    justify-content: center;}.tawk-bubble-text-container {    position: absolute;    height: 4.0625rem;    width: 8.5rem;    font-size: .937rem;}.tawk-text-italic {    font-style: italic;}.tawk-text-center {    text-align: center!important;}.tawk-tooltip .tawk-tooltip-hover {    position: fixed;    margin-top: 8px;    padding: 4px 8px;    border-radius: 5px;    background: #545454;    color: #fff;    text-align: center;    font-size: .75rem;    right: 0;    left: auto;    opacity: 0;    transition: opacity 0s linear;    z-index: 2;}.tawk-tooltip .tawk-tooltip-hover .tawk-tooltip-arrow {    top: -16px;    display: block;    left: 50%;    border: 8px solid transparent;    border-bottom-color: #545454;    position: absolute;}.chat-vr-img-circle{    background-color: #e60808;    width: 40px;    height: 40px;    top: 25px;    left: 25px;    position: absolute;    border-radius: 50%;    display: flex;    justify-content: center;    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;    animation: chat-vr-circle-fill 1s infinite ease-in-out;}@-webkit-keyframes chat-vr-circle-fill {  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }  20% {-webkit-transform: rotate(-5deg) scale(1) skew(1deg);}  30% {-webkit-transform: rotate(5deg) scale(1) skew(1deg);}  40% {-webkit-transform: rotate(-5deg) scale(1) skew(1deg);}  50% {-webkit-transform: rotate(5deg) scale(1) skew(1deg);}  60% {-webkit-transform: rotate(0) scale(1) skew(1deg);}  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}}.warpper_bubble{    outline: none !important;    border-radius: 10px;    visibility: visible !important;    resize: none !important;    box-shadow: none !important;    overflow: visible !important;    background: #d33131 !important;    opacity: 1 !important;    top: auto !important;    right: 12px !important;    bottom: 82px !important;    left: auto !important;    position: fixed !important;    border: 0 !important;    min-height: 85px !important;    min-width: 152px !important;    max-height: 85px !important;    max-width: 155px !important;    padding: 0 !important;    margin: 0px 0 0 0 !important;    transition-property: none !important;    transform: rotate(0deg) translateZ(0);    width: 146px !important;    height: 85px !important;    display: block !important;    z-index: 12 !important;;    transform-origin: 0;}.warpper_bubble .circle1{    width: 25px;    height: 25px;    background-color: #d33131;    border-radius: 100%;    position: absolute;    right: 0px;    left: 60px;    bottom: -13px;    }.warpper_bubble .circle2{    width: 15px;    height: 15px;    background-color: #d33131;    border-radius: 100%;    position: absolute;    right: 0px;    left: 80px;    bottom: -30px;    }.info-support-address a{    color: #000;}