.chat_quickpage{position:fixed;top:0;left:0;right:0;bottom:0;transition:all .3s ease-in-out;transform:translateX(100%);z-index:9;}.chat_quickpage.active{transform:translateX(0%);}#commentsHolder{margin-top:0;position:fixed;top:80px;left:0;width:100%;bottom:0;z-index:2;padding-bottom:70px;background:#f1f1f1 url(/HR/g/w.jpg) repeat-y top center;overflow:hidden;overflow-y:auto;transition:all .3s ease-in-out;}#commentsHolder.write{bottom:140px;padding-bottom:10px;}#commentsHolder::-webkit-scrollbar{width:5px;height:5px;}#commentsHolder::-webkit-scrollbar-track{background:#f1f1f1;}#commentsHolder::-webkit-scrollbar-thumb{background:#ccc;}#commentsHolder .row .comment_data{padding:5px 10px;text-align:right;}#commentsHolder .row .comment_data .comment_date{color:#666;font-size:.8em;padding-bottom:4px;}#commentsHolder .row .comment_data .comment_box{background:#a8dcf7!important;color:#000;padding:8px 12px;border-radius:20px;display:inline-block;text-align:left;word-break:break-word;overflow-wrap:break-word;}#commentsHolder .row .comment_data .comment_box a{word-break:break-word;overflow-wrap:break-word;}#commentsHolder .row.to .comment_data{text-align:left;}#commentsHolder .row.to .comment_data .comment_box{background:#d7d7d7!important;color:#000;}.chatgroups{background:#fff;}.chatgroups .col-md-12:hover .chat{background:#e3e3e3!important;border-radius:8px;}.chatgroups .chat{border-bottom:1px solid #f1f1f1;padding:8px;display:flex;}.chatgroups .chat .chat_icoholder{margin-top:6px;display:inline-block;width:50px;height:50px;margin-left:10px;}.chatgroups .chat .chat_icoholder .chat_ico{display:flex;border-radius:50%;height:50px;width:50px;background:#1791c5;justify-content:center;align-content:center;color:#fff;font-weight:bold;align-items:center;}.chatgroups .chat .chat_icoholder .chat_ico img{border-radius:50%;}.chatgroups .chat .chat_icoholder.Green .chat_ico{background:#008000;}.chatgroups .chat .chat_name{display:inline-block;margin-left:10px;}.chatgroups .chat .chat_name .chatto{margin-top:8px;display:block;font-size:1.2em;}.chatgroups .chat .chat_name .chatto em{font-size:.8em;}.chatgroups .chat .chat_name .chatto span{position:absolute;right:40px;top:20px;display:flex;border-radius:50%;height:30px;width:30px;background:#009541;justify-content:center;align-content:center;color:#fff;font-weight:bold;align-items:center;background:#e3e3e3;}.chatgroups .chat .chat_name .chatto span.new{background:#009541;}.chat_header{padding:20px;text-align:center;background:#1791c5;color:#fff;padding-top:60px;user-select:none;}.chat_header .back{position:absolute;top:40px;font-size:1.4em;display:block;}.chat_header .back i{color:#fff!important;}.chat_header .chat_title{font-size:1.2em;font-weight:bold;color:#fff;text-align:center;}.chat_footer{height:140px;background:#fff;position:fixed;left:0;right:0;bottom:0;transition:all .3s ease-in-out;transform:translateY(200%);overflow:hidden;}.chat_footer.active{transform:translateY(0%);}.chat_footer .msgcont{margin:10px;position:relative;}.chat_footer .msgcont textarea{background:#f1f1f1;padding:10px 20px;padding-right:40px;border-radius:20px;width:100%;height:80px;border-color:#e5e5e5;}.chat_footer .msgcont textarea:focus{outline:0;}.chat_footer .msgcont .btn_send{position:fixed;bottom:60px;right:20px;width:40px;height:40px;background:#a8dcf7;border-radius:50%;z-index:99;display:flex;justify-content:center;align-content:center;align-items:center;}.leave_message{margin:20px 10px;background:#a8dcf7;padding:10px;border-radius:100px;text-align:center;font-weight:bold;animation:jump 4s infinite ease-in-out;}@keyframes jump{50%{transform:translateY(5px);}}.btn_write{position:fixed;bottom:10px;right:10px;width:50px;height:50px;background:#a8dcf7;border-radius:50%;z-index:99;display:flex;justify-content:center;align-content:center;align-items:center;}@media screen and (min-width:800px){#commentsHolder{padding-bottom:0;}#commentsHolder .row{background:#fff;max-width:440px;margin:auto;}#commentsHolder .write{padding-bottom:0!important;}}#query_msg{width:100%;padding:20px;padding-left:60px;font-size:18px;border-radius:0!important;border-top-left-radius:10px!important;border:0;font-size:1.2em;border-bottom:1px solid #f1f1f1!important;}#query_msg:focus{outline:0;}.chat_title_start{font-size:14px;}