/*fixes*/
/**,*:before, *:after{box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0;}*/
button{cursor: pointer;}
::-webkit-input-placeholder {opacity: 1;}
:-moz-placeholder {opacity: 1;}
::-moz-placeholder {opacity: 1;}
:-ms-input-placeholder {opacity: 1;}
/*.fr{float:right;}
.fl{float:left;}*/
.chat-dib{display:inline-block;}
.chat-db{display:block;}
.c-white{color:#fff;}
.clearfix:after{content:""; display:table; clear:both;}
.align-middle{vertical-align: middle;}
.align-top{vertical-align: top;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.chat-black{color:#454545; background: #ffffff;}
.chat-black > a{color:inherit; word-wrap: break-word;}
.chat-blue{}
.img-circle{border-radius: 50%;}
/*layout*/
.chat-wrapper{position: fixed; bottom: 28px; right: 0; z-index: 9999;}
.chat-wrap{max-width:600px;}
.chat-window{width:63.2%; font-family: arial;}
.chat-list-wrap{max-width: 220px; float: right; border-left: 1px solid #bababa;}
.mxw{max-width: 220px; }
.chat-box{float: left;}
.chat-title{width:100%; height:28px; margin-top: 5px; background:#1f7bbd; padding:2px; border-radius: 3px 3px 0 0; font-size:13px;}
.chat-executive-info{width: 65%;}
.chat-1box{width: 61%;}
.chat-executive-left{margin-left:10px;}
.chat-visitor-right{margin-right:10px;}
.chat-text{font-size:12px; max-width: 170px; display:block; padding:8px; border-radius: 4px; border-bottom:1px solid #d4d3d3; box-shadow:0 2px 2px #e7e7e7; position:relative;}
.chat-executive-left .chat-text:after{content:""; border-style:solid; border-width:5px 10px 10px 7px; border-color:transparent #fff transparent transparent; position:absolute; left:-14px; top:6px;}
.chat-executive-left .chat-text:before{content:""; border-style:solid; border-width:5px 10px 10px 7px; border-color:transparent #e7e7e7 transparent transparent; position:absolute; left:-16px; top:7px;}
.chat-visitor-right .chat-text:after{content:""; border-style:solid; border-width:5px 10px 10px 7px; border-color:transparent transparent transparent #e1f7ff; position:absolute; right:-16px; top:6px;}
.chat-visitor-right .chat-text:before{content:""; border-style:solid; border-width:5px 10px 10px 7px; border-color:transparent transparent transparent #e7e7e7; position:absolute; right:-18px; top:7px;}
.chat-time{display:block; color:#9d9d9d; font-size:9px; margin-top:5px;}
.chat-visitor-right .chat-text{background: #e1f7ff; color:#1f7bbd;}
.chat-visitor-text{margin: 10px 0;}
.chat-actions{margin:5px 10px 0 0;}
.chat-actions > a{color:inherit; margin-left:5px; text-decoration: none; font-size:14px;}
.stt-icon{background:url("../images/chat/status-icon.png") no-repeat left top; display: inline-block;height: 15px; margin-right: 5px; width: 15px;}
.stt-icon.not-available{background-position: 0 -45px;}
.stt-icon.offline{background-position: 0 -90px;}
.stt-icon.away{background-position: 0 -22px;}
.stt-icon.dnd{background-position: 0 -67px;}
.chat-container{padding:5px; background:#f1f1f1; height: 266px; overflow-y: scroll;}
/**/
.chat-write{color:#626262; font-size:10px; background: #e4e4e4; border-top:1px solid #c1c1c1; padding:3px 5px 3px;}
.emotions-btn {background: transparent; border:none; padding:0px; color:#626262; font-size:10px;}
.emotions-btn i{color:#6e6e73;}
.chat-emotions {font-size: 14px;}
.chat-emotions .fa-android{margin-right:3px;}
.chat-add i{margin-right:5px; font-size:12px;}
.chat-input-box{position:relative; float:left; width:88%;}
.chat-input-box input[type=text]{width:100%; border:1px solid #c1c1c1; height:28px; line-height:30px; padding-right:80px; box-shadow: none !important; border-radius: 0 !important;}
.chat-input-box button{position:absolute; right:5px; top:6px; height:18px; line-height: 16px; background:none; border:none; border-left:1px solid #b7b7b7; color:inherit; font-size:13px;}
/*third window start*/
.chat-title-gradient{background: #1b7ec9;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiN2VjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZWJhYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -webkit-linear-gradient(left, #1b7ec9 0%,#0ebac6 100%);background: linear-gradient(to right, #1b7ec9 0%,#0ebac6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7ec9', endColorstr='#0ebac6',GradientType=1 );}
.chat-search{position: relative; float:left;  margin-top: 5px;}
.chat-btn-search{background:transparent; color:#fff; font-size:14px; border:none; padding:0px; margin:0px; position: absolute; left:0px; top:2px;}
.chat-search-input{font-size:12px !important; color:#fff !important; background: transparent !important; border:none !important; padding: 3px 5px 3px 25px !important; min-height: 20px  !important; box-shadow: none !important; margin-bottom: 0  !important;}
.chat-list, .chat-tabs ul{list-style:none; padding:0px; margin:0px;}
.visitor-text{color:#313131; font-size:12px;}
.chat-container-list{height: 273px;}
.chat-device-icon{color:#bababa;  font-size:18px;}
.chat-device-icon .fa-desktop{font-size:12px;}
.chat-device-icon .fa-angle-down{margin-right:10px; color:#37393a; font-size:14px;}
.chat-list li {float: left  !important;; padding: 2px  !important;;width: 100%  !important;; position:relative  !important;; cursor: pointer; border-left: 0 !important;}
.chat-list li:hover, .chat-list li.active {background:#e1f0ff; box-shadow:0 2px 2px -1px #dddcdc;}
.chat-list li:hover:before, .chat-list li.active:before {content:''; width:3px; position:absolute; left:-4px; top:0px; height:100%; background: #1f78bc;}
.chat-prev{background: #f9f9f9; color:#646464; font-size:10px; float:left; width:100%; padding:4px;}
.chat-prev .fa-angle-down{font-size:14px; color:#8a8a8a;}
.chat-previous{padding:0 5px;}
.chat-tabs li{width:33%; position:relative; cursor: pointer; float:left !important;padding: 0 !important;; border:1px solid #c9c9c9 !important;; text-align: center; border-width:1px 0 0 1px !important;; background:#e4e4e4; height:30px; line-height: 30px; font-size:13px; color:#626262;}
.chat-tabs li:first-child{border-left:0px;}
.chat-tabs li:hover{color:#303030; background: #f2f2f2;}
.chat-tabs li:hover:before{content:""; height:3px; width:100%; background:#1f78bc; position:absolute; left:0px; top:-1px;}
.chat-tabs li .fa-caret-down{color:#6e6e73; font-size:14px;}
/*fourth window*/
.chat-recent-msg{text-align:center; border-radius: 10px;color: #fff;display: inline-block;font-size: 10px;height: 15px;line-height: 15px;margin-left: 5px;vertical-align: middle;width: 15px;}
.chat-recent-msg.orange{background:#fa913d;}
.chat-recent-msg.red{background:#fa3c3c; margin-right:10px;}
.chat-timings{color:#9b9b9b; font-size:10px;}

.online-users-wrapper{width: 75%; position: relative;}
.dev-msg-rece {color: #6e6e73; display: block; font-size: 11px; margin-left: 18px;}
.chat-tag {background: #ec8c0f; border-radius: 10px; color: #fff; font-size: 11px; height: 15px; line-height: 15px; position: absolute; right: 0px; text-align: center; top: 0;width: 15px;}