.msg_box{position:fixed;bottom:-5px;width:250px;background:white;border-radius:5px 5px 0px 0px;}
.msg_head{background:#74e471;color:white;padding:8px;font-weight:bold;cursor:pointer;border-radius:5px 5px 0px 0px;}
.msg_body{background:white;height:200px;font-size:12px;padding:15px;overflow:auto;overflow-x:hidden;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;}
.msg_input{width:100%;height:55px;border:1px solid white;border-top:1px solid #DDDDDD;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #DDDDDD;}
.moreOptions{float:right;cursor:pointer;display:inline-flex;}
.minimize{float:right;cursor:pointer;padding-right:5px;}
.msg-left{position:relative;background:#e2e2e2;padding:5px;min-height:10px;margin-bottom:5px;margin-right:10px;border-radius:5px;word-break:break-all;}
.msg-right{background:#d4e7fa;padding:5px;min-height:15px;margin-bottom:5px;position:relative;margin-left:10px;border-radius:5px;word-break:break-all;}
#chat-sidebar{width:250px;position:fixed;height:100%;right:0px;top:0px;padding-top:10px;padding-bottom:10px;border:1px solid #b2b2b2;}
#sidebar-user-box{padding:4px;margin-bottom:4px;font-size:15px;font-family:Calibri;font-weight:bold;cursor:pointer;}
.msg_footer{border-left:1px solid #DDDDDD;}
#sidebar-user-box:hover{background-color:#999999;}
#sidebar-user-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#slider-username{float:left;line-height:30px;margin-left:5px;}
.user_list_box{position:fixed;bottom:-5px;width:250px;background:white;border-radius:5px 5px 0px 0px;z-index:11;right:6%;}
.user_list_head{background:#74e471;color:white;padding:8px;font-weight:bold;cursor:pointer;border-radius:5px 5px 0px 0px;}
.users_list{background:white;height:200px;font-size:12px;overflow:auto;overflow-x:hidden;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;}
.user_wrap{height:100%;overflow:auto;display:none;}
.user_wrap .users_list .contact .wrap img{height:20px;width:20px;border-radius:50%;}
.users_list .allContacts .contact .contact-detail{display:inline-flex;}
.users_list .contact{list-style:none;}
.users_list .allContacts{padding:0;cursor:pointer;}
.contact{padding:3% 2% 0;margin-bottom:11%;}
.contact .wrap{background:#d4e7fa;}
.contact-detail .col-xs-12{display:inline-flex;}
.contact-detail .col-xs-10{display:inline-flex;padding:2%;}
.contact-detail .col-xs-2{padding:2%;}
.contact .wrap .contact-detail .col-xs-10 p{margin:0% 3%;}
.innerContact{display:inline-flex;width:100%;float:left;border-bottom:1px solid #eee;}
.contact-detail{padding:0px;}
.pull-right{text-align:right;}
.users_list .allContacts .contact .contact-detail{display:inline-flex;padding:0;}
.innerContact p.name{width:100%;float:left;padding-left:10px;}
.contact .wrap span.contact-status{position:absolute;left:0;width:7px;height:7px;border-radius:50%;background:#95a5a6;border:none;margin:-1px 7%;}
span.contact-status.online{background:#74e471 !important;}
span.contact-status.away{background:#95a5a6 !important;}
.innerContact .badge{padding:3px 4px 4px 6px;}
.contact .sidebar-user-box{cursor:pointer;}
.dropdown:hover .dropdown-content{display:block;}
.moreOptions .dropdown .fa.fa-ellipsis-v{font-size:18px;padding:4px 0;}
.moreOptions .dropdown-content{top:100%;}
.moreOptions .dropdown{position:relative;padding-right:10px;}
.totalUnreadMessageCount{float:right;}