.knotechsoft-chat-start .msgCounter{color:red;position:absolute;top:-2px;text-align:center;margin-left:47%;font-weight:bold;font-family:cursive;} .knotechsoft-chat-start img{width:100%;height:100%;} .knotechsoft-chat-start{width:70px;background:#1f90bb;height:70px;line-height:0;position:fixed;bottom:10px;right:10px;z-index:999999;border-radius:100%;cursor:pointer;} .knotechsoft-chat{display:none;} .knotechsoft-body.alias button{padding:10px 30px;margin:0 auto;color:#fff;margin-top:10px;display:block;} .knotechsoft-body.alias h3{text-align:center;width:100%;margin-top:58px;} .knotechsoft-body.alias{display:none;} .knotechsoft-body.alias input[type="text"]{width:80%;margin-left:10%;color:#333;padding:9px;margin-top:12px;border:solid 1px rgba(128, 128, 128, 0.36);} .knotechsoft-body .tool a{color:black;} .knotechsoft-body .tool{position:absolute;display:none;top:44px;width:100%;background:white;padding:5px;text-align:center;z-index:9999;color:black;border-bottom:solid 1px gray;} .knotechsoft-body{padding:10px 0;} .knotechsoft-body .to:after {clear:both;} .knotechsoft-body .me:after {clear:both;} .knotechsoft-body .to ,.knotechsoft-body .me{background:#EF5350;width:70%;color:#fff;padding:5px;margin:3px 20px;font-size:12px;position:relative;word-wrap:break-word;cursor:pointer;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.26);min-height:40px;} .knotechsoft-body .to:before{content:'';width:0;height:0;border-style:solid;border-width:0px 10px 10px 10px;border-color:transparent transparent transparent #EF5350;position:absolute;top:0px;right:-18px;} .knotechsoft-body .me:before{content:'';width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #EF5350 transparent transparent;position:absolute;top:0px;left:-9px;} .knotechsoft-footer{border:1px solid rgba(153, 153, 153, 0.53);border-radius:3px;box-shadow:2px 0 5px rgba(0,0,0,0.26);} .knotechsoft-footer .send-btn{position:fixed;height:42.66667px;width:42.66667px;border-radius:50%;border:0;background:#93DCF7;color:#ffffff;bottom:0px;right:2px;cursor:pointer;} .knotechsoft-footer .send-btn:before{content:'';background:url(../../../image/knotechsoft-chat.webp) no-repeat center center;background-size:25.6px;position:absolute;top:0;left:0;right:0;bottom:0;} .knotechsoft-body .to{float:right;text-align:right;} .knotechsoft-body .to .time{float:left;font-size:10px;color:gray;display:none;position:absolute;top:0;color:black;height:100%;width:50px;text-align:center;left:-50px;} .knotechsoft-body .to:hover .time { display:block;} .knotechsoft-body .me .time{float:right;font-size:10px;color:gray;display:none;position:absolute;top:0;color:black;height:100%;width:50px;text-align:center;right:-50px;} .knotechsoft-body .me:hover .time { display:block;} .knotechsoft-body .me{float:left;text-align:left;} .knotechsoft-body {overflow:auto;} .knotechsoft-footer textarea {width:85%;height:45px;resize:none;color:black;border:none;outline:none;} .knotechsoft-header .tool{} .knotechsoft-header .tool .glyphicon{cursor:pointer;padding-right:11px;} .knotechsoft-header h1, .knotechsoft-header h6{font-size:17px;padding:0;margin:3px;color:white;font-weight:400;padding-left:10px;} .knotechsoft-header{background:#2672d3 !important;padding:10px 0;color:white;} .knotechsoft-chat{top:0;right:0;position:fixed;bottom:96px;/* right:75px; */width:300px;height:100%;border:none;border-left:1px solid #ccc;background-color:#fafafb;box-shadow:0 2px 5px rgba(0,0,0,0.26);z-index:9999999;}