.chat-fixed-container{
    position: fixed;
    width:100%;
    padding: 10px;
    padding-bottom: 80px;
    top:70px;
    height: 100%;
    z-index: 1000;
}


.chat-container{
    background: #fff;
    border-radius: 5px;
    width:100%;
    height: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    overflow: hidden;
/*    max-width: 1600px;
    margin: 0px auto;*/
}
.chat-left-container ul {
    list-style-type:none;
}
.chat-left-header{
    padding:0px 0px 20px 0px;
}
.chat-left-header{
    border-bottom:1px solid #b0b3b5;
}
.chat-left-content{
    padding-top:20px;
}
.chat-left-content li:first-child a{
    border-top:1px solid #edf1f3;
}
.chat-left-container a {
    padding:5px 0px;
    padding-left:35px;
    padding-right:30px;
    background-color: #fff;
    position: relative;
    color:#37373c;
    display:block;
    height:32px;
    overflow:hidden;
    line-height:23px;
    border-bottom: 1px solid #edf1f3;
    font-weight: 400;
    font-size:12px;
}
.chat-left-container a:hover{
    background-color: rgba(3, 168, 253, 0.1);
    color: #03a8fd;
    font-weight: 700;
}
.chat-left-container a.active {
    background-color:#283b51;
    color:#fff;
    font-weight: 700;
}
.chat-left-container a.active .icon{
    color:#03a8fd;
}
.chat-left-container a .icon{
    position: absolute;
    left:15px;
    color:#b0b3b5;
    line-height:22px;
    font-size:12px;
}
.chat-left-container a .icon-door{
    left:17px;
}
.chat-left-container a .new{
    position: absolute;
    right:15px;
    color:#b0b3b5;
    font-size:12px;
    line-height:25px;
    top:4px;
}

/** public chat **/
.chat-public-room-messages-container{
    padding-bottom: 210px;
    height:100%;
}
.chat-public-room-messages{
    position: absolute;
    /*bottom: 220px;*/
    bottom:95px;
    overflow: auto;
    padding: 10px 20px;
    width: 100%;
    max-height:400px;
    
}

.chat-public-room-input-container{
    position: absolute;
    bottom:0px;
    background-color: #ffffff;
    padding: 20px;
    width: 100%;
}
.chat-public-room-input-container .icon{
    color: #b0b3b5;
    font-size: 20px;
    left: 31px;
    position: absolute;
    top: 35px;
    z-index: 10;
}
.chat-message-input{
    padding-left:35px;
}

.chat-public-room-banner-container{
    position: absolute;
    bottom:0px;
    height:110px;
    width:100%;
    background:#edf1f3 url("../images/banner.jpg") no-repeat scroll center center;
    display:none;
}
.chat-message-read {
    color: #888;
    font-size: 10px;
    display: none;
    font-family: chat !important;
}
.chat-message-time{
    color:#534a44;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 300;
    text-align: left;
}
.chat-message-username{
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 700;
    text-align: left;
}
.chat-message-user-img img {
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
.chat-message-text{
    color:#534a44;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    text-align: left;
}
.chat-message-autotext{
    color:#534a44;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    text-align: left;
    font-style: italic;
}
.chat-public-room-messages li.read .chat-message-read {
    display: inline-block;
}
.chat-message-comment{
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    text-align: left;
    font-style: italic;
    color:#534a44;
}
.chat-message-system{
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    text-align: left;
    font-weight: bold;
    color: red;
}
.chat-message-typing{
    color: #888;
    font-style: italic;
}
.chat-message-typing-icon {
    font-family: chat !important;
}
.chat-message-bold {
    font-weight: 400;
}
/** public chat **/
.chat-right-container,
.chat-left-container{
    width: 200px;
    background: #fff;
}
.chat-right-container{
    border-left: 1px solid #b0b3b5;
    top:0;
    right:0;
    transition-property: right;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}
.chat-left-container{
    border-right: 1px solid #b0b3b5;
    top:0;
    left:0;
    transition-property: left;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    position: relative;
}
.chat-content-container .chat-loader,
.chat-left-container .chat-loader{
    position: absolute;
    top:45%;
    left:45%;
}
.chat-content-container{
    background: #EAEEF0 url('../images/chat-bg.png') no-repeat center center;
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
    position:relative;
    height:100%;
}
.chat-right-stat {
    padding: 10px;
}
.chat-right-stat li {
    list-style-type: none;
}
.chat-right-stat span {
    font-weight: bold;
}
.chat-right-room-container{
    height: 100%;
}
.chat-left-header-title,
.chat-right-room-header{
    background: #00A8FA;
    height: 50px;
    display: -webkit-flex; /* Safari */
    display: flex;
    color:#fff;
}
.chat-left-toggle-container,
.chat-right-toggle-container{
    width:50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.chat-left-toggle-button,
.chat-right-toggle-button{
    width: 50px;
    height: 50px;
    border:0px;
    display: block;
    background-color: #00A8FA;
}
.chat-left-toggle-container:hover, 
.chat-right-toggle-container:hover{
    background-color: #009CE5;
}
.chat-left-toggle-button .icon.icon-arrow2{
    transform: rotate(90deg);
    display:block;
    font-size: 11px;
}
.chat-right-toggle-button .icon.icon-arrow2{
    transform: rotate(-90deg);
    display:block;
    font-size: 11px;
}
.chat-switch-toggle{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex:1;
    text-align:center;
    cursor:pointer;
}
.chat-switch-toggle:hover{
    
}
.chat-switch-toggle .icon-arrow2{
    display:block;
}
.chat-switch-toggle .icon-arrow2.open{
    transform: rotate(-90deg);
}
.chat-switch-toggle .icon-arrow2.closed{
    transform: rotate(90deg);
}


.chat-left-title{
    -webkit-flex: 2;  /* Safari 6.1+ */
    -ms-flex: 2;  /* IE 10 */
    flex:2;
    padding-left:5px;
    line-height: 50px;
}

.chat-right-title{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex:1;
    line-height: 50px;
    padding-left: 8px;
}
.chat-right-member-cnt{
    width:60px;
    line-height: 50px;
    text-align: center;
}
.chat-room-member-container{
    display: -webkit-flex; /* Safari */
    display: flex;
    height: 31px;
    line-height: 30px;
    font-weight: 400;
    font-size:12px;
    cursor:pointer;
}
.chat-room-member-container.contact span {
    color: limegreen;
}
.chat-room-member-container.ignored span {
    color: orange;
}
.chat-right-room-leave-cont{
    width: 30px;
}
.chat-right-room-leave-cont .chat-button-leave{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
}
.chat-right-room-log-cont{
    width: 30px;
}
.chat-right-room-log-cont .chat-button-log{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
}
.chat-room-member-container:hover{
    background-color: #E2F3FB;
}
.chat-room-member-status-cont{
    width:30px;
    height: 31px;
    text-align: center;
    font-size: 36px;
}
.chat-room-member-container.offline .chat-room-member-status-cont{
    color:#cbc8c7;
}
.chat-room-member-container.online .chat-room-member-status-cont{
    color:#93be1b;
}
.chat-room-member-container.dnd .chat-room-member-status-cont{
    color:#de9f4b;
}
.chat-room-member-container.friendonly .chat-room-member-status-cont{
    color:#03A8FD;
}
.chat-room-member-age-name{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex:1;
    border-bottom: 1px solid #edf1f3;
}
.chat-room-member-age-name .status {
    font-size: 36px;
    vertical-align: bottom;
}
.chat-room-member-age-name.online .status {
    color:#93be1b;
}
.chat-room-member-age-name.dnd .status {
    color:#de9f4b;
}
.chat-room-member-age-name.offline .status {
    color:#cbc8c7;
}
.chat-room-member-age-name.friendonly .status {
    color:#03A8FD;
}
.chat-room-member-age-name.man{
    color:#03a8fd;
}
.chat-room-member-age-name.woman{
    color:#ea4986;
}
.chat-room-member-container.offline .chat-room-member-age-name{
    color:#cbc8c7 !important;
}
.chat-right-private-message-action{
    flex: 1 1 0;
    line-height: 50px;
    padding-left: 8px;
}
.chat-room-tree-container{
    font-size: 12px;
    line-height: 30px;
    /*padding:10px;*/
    padding-top:20px;
    overflow: auto;
    height: 100%;
        
}
.chat-room-tree-item.has-sub-room .chat-room-tree-item .chat-room-item-container{
    padding-left: 40px;
}
.chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item .chat-room-item-container{
    padding-left: 70px;
}
.chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item .chat-room-item-container{
    padding-left: 100px;
}
.chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item .chat-room-item-container{
    padding-left: 130px;
}
.chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item.has-sub-room .chat-room-tree-item .chat-room-item-container{
    padding-left: 160px;
}
.chat-room-tree-item.has-sub-room > .chat-room-item-container > .chat-room-item-container-text > .chat-room-item-title{
    font-weight: 700;
}

.chat-room-tree-item.has-sub-room.closed > ul{
    display:none;
}

.chat-room-tree-item.has-sub-room .chat-room-item-container > .chat-room-item-container-text > .icon:before {
    font-family: 'chat';
    font-size: 12px;
    content: "\e916";
    color:#b0b3b5;
    margin-right: 10px;
}
.chat-room-tree-item.has-sub-room > .chat-room-item-container > .chat-room-item-container-text > .icon:before {
    font-family: 'chat';
    font-size: 16px;
    content: "\e917";
    color:#03a8fd;
}

.chat-room-tree-item .chat-room-item-container{
    border-bottom: 1px solid #fff;
    height: 30px;
    line-height: 26px;
    font-weight: 400;
    margin: 0px 10px;
}
.chat-room-tree-item:not(.has-sub-room):hover{
    background: url('../images/member-list-hover-bg.jpg') repeat-x center -1px;
    color:#03a8fd;
    cursor:pointer;
}
.chat-room-tree-item.has-sub-room:hover {
    background: url('../images/member-list-hover-bg.jpg') repeat-x center -1px;
}
.chat-room-tree-item.has-sub-room:hover > .chat-room-item-container{
    border-bottom: 1px solid #edf1f3;
}
.chat-room-tree-container > .chat-room-tree-list > .chat-room-tree-item.has-sub-room > .chat-room-item-container > .chat-room-item-container-text{
    padding-left: 10px;
}
.chat-room-item-container-text{
    padding-right: 10px;
}
.chat-room-item-member-cnt{
    float:right;
}
.chat-room-tree-item .chat-room-item-container:hover .chat-room-item-title,
.chat-room-tree-item .chat-room-item-container:hover .chat-room-item-member-cnt{
    font-weight: 700;
}

/* USER LIST */
.chat-room-member-list{
    position: relative;
    height: 100%;
}
.chat-room-member-list-filter-container{
    /*position: absolute;
    top:0px;*/
    min-height: 49px;
    box-shadow: 0px 1px 0px 0px #b0b3b5;
    background: #fff;
    width:100%;
}
.chat-room-member-list-list-container{
    height: 94%;
    padding-top:5px;
    margin-top:1px;
    overflow:auto;
}
.chat-room-member-inner-list-container{
    
    
}
.chat-room-member-inner-list-container .chat-room-member-container .chat-room-member-age-name{
    border-bottom: 1px solid #fff;
    margin: 0px 10px;
}
.chat-room-member-inner-list-container .chat-room-member-container:hover{
    background-color: #FFFFFF;
    font-weight: 700;
}

.member-filter-container{
    line-height: 49px;
    padding: 0px 10px;
    height: 50px;
    float:left;
    
    
}
.member-filter-container label{
    font-weight: normal;
}
.chat-room-member-list-filter-container .form-control{
    display:inline-block;
    width:auto;
    height: 30px;
    padding: 1px 6px;
    background-position: right 5px center;
    padding-right: 20px;
}
.chat-room-member-list-filter-container .form-control:focus{
    background-position: right 5px center !important;
}

.chat-right-room-head-cont{
    background-color: #03a7fc;
}
/** getUserData **/
.chat-right-room-content .get-user-image a{
    width:100px;
    margin:10px 0px 10px 10px; 
    display:block;
    
}
.chat-right-room-content .get-user-data{
    border-bottom: 1px solid #ccc;
    margin:0px 10px 10px 10px; 
    padding-bottom:10px;
}
.chat-right-room-content .social_widget{
        
    display: -webkit-flex; /* Safari */
    display: flex;
}
.chat-right-room-content .social_widget .small-button-social-with-border{
    margin:0px 10px;
    webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}


.chat-search-settings-cont .btn-default,.chat-search-settings-cont .btn-default:hover{
    border:none;
    height:49px;
    padding-left:15px;
}
.chat-search-settings-cont .caret{
    margin-left:3px;
    margin-bottom:3px;
}
.dropdown-menu.open-left {
    left:-106px;
}
.chat-search-settings-cont .icon-cog{
    font-size:16px;
    line-height:28px;
}
.chat-search-settings-cont .dropdown-menu a {
    white-space:normal;
    line-height: 30px;
}
.chat-search-settings-cont .dropdown-menu a.selected {
    font-weight: bold;
}
.chat-search-settings-cont .dropdown-menu span{
    font-size:30px;
    line-height: 30px;
    position:absolute;
    left:5px;
}
 
.chat-search-settings-cont .dropdown-menu span.offline{
    color:#cbc8c7;
}
.chat-search-settings-cont .dropdown-menu span.dnd{
    color:#de9f4b;
}
.chat-search-settings-cont .dropdown-menu span.online{
    color:#93be1b;
}

.chat-search-settings-cont .dropdown-menu span.friendonly {
    color:#03A8FD;
}




/*** chat-inbox begin**/
.chat-inbox{
    border-bottom: 0px;
    position: fixed;
    bottom:0px;
    z-index:100;
    background-color:#fff;
    top:80px;
    border-radius: 5px;
}
.chat-inbox .right-side{
    
}
.chat-inbox-loader{
    background: rgba(0, 0, 0, 0) url("/image/loader_big.gif") no-repeat scroll center center;
    height: 60px;
    margin: 80px auto;
    padding-top: 74px;
    text-align: center;
    width: 160px;
}    
.chat-inbox h1{
    font-family: 'Open Sans', sans-serif;
    color:#534a44;
    font-size: 24px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 21px;
    text-align: left;
}
.chat-inbox .chat-inbox-conversation-list{
    padding-right:0px;
    padding-left:0px;
    border-right:1px solid #b0b3b5;

}
.chat-inbox .chat-inbox-conversation-container{
    padding-left:0px;
    padding-right:0px;
    
}
.chat-inbox-window-header{
    padding:10px;
    border-bottom: 1px solid #b0b3b5;
    height: 50px;
    position:relative;
    display: -webkit-flex; /* Safari */
    display: flex;
}
.chat-window-settings-button{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}
.chat_inbox-window-header-close{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}
.chat-inbox-conversation-back-to-list-continer{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}
.user-image-container{
/*    -webkit-flex: 1;   Safari 6.1+ 
    -ms-flex: 1;   IE 10     
    flex: 1;*/
    width:40px;
}
.userdata-container{
    -webkit-flex: 10;  /* Safari 6.1+ */
    -ms-flex: 10;  /* IE 10 */    
    flex: 10;
}

.chat-inbox-window-header .col-xs-10{
    padding-left:0px;
}
.chat-inbox-window-header-left h1{
    margin-bottom: 0px;
    padding: 20px;
}
.chat-inbox-window-header .user-image img{
    width:30px;
    height:30px;
    border-radius: 3px;
}
.chat-inbox-window-header .username{
    font-family: Open Sans, sans-serif;
    color: #37373c;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}
.chat-inbox-window-header .userdata-cont .userdata{
    font-family: Open Sans, sans-serif;
    color: #b0b3b5;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 18px;
}

.chat_inbox-window-header-close{
    background-color: #fff;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    width: 30px;
    z-index: 10;
    font-size: 18px;
}

.chat-inbox-window-header .chat-window-settings-button{
    width:15px;
    line-height:15px;
    cursor:pointer;
    z-index:10;
    background-color: #fff;
    text-align:center;
}
.chat-inbox-window-header .chat-window-settings-button button{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    height: 30px;
    width: 30px;
}
.userdata .span{
    display:inline-block;
    padding-right:10px;
}
.chat-inbox-window-content-container{
    position: relative;
    border-bottom:1px solid #cbc8c7;
    background-color:#ededed;
}

.chat-inbox-window-content {
    position: absolute;
    bottom:0px;

    padding:10px;
    width: 100% !important;
}
.chat-inbox-window-content .message-data.other,.chat-inbox-window-content .message-data.own {
    margin-bottom:10px;
    width:100%;
}

.chat-inbox-window-content .message-data .user-img{
    width:30px;
    height:30px;
    padding:0px;
}
.chat-inbox-window-content .message-data .user-img img{
    width:30px;
    height:30px;
    border-radius: 3px;
}
.usertime{
    float:left;
    text-align:left;
}

.message-data.other .user-text-with-time{
    float:left;
    max-width: 80%;
}
.message-data.own .user-text-with-time{
    float:right;
    max-width: 80%;
}
.user-text-content{
    overflow:hidden;
    text-overflow: ellipsis;
    /*word-break: break-all;*/
}

.message-data .user-time{
    text-align:left;
    color:#b0b3b5;
    font-size: 10px;
    font-weight: 300;
    display:block;
    padding-top: 5px;
    padding-left: 10px;
    clear:both;
    height: 22px;
}
.message-data.own .user-time{
    text-align: right;
    padding-right: 10px;
}

.chat-inbox-window-footer{
    padding:10px;
    height: 50px;
    background-color: #ffffff;
    border:1px solid #cbc8c7;
    border-bottom: 0px;
}

.chat-inbox-window-search-left{
    padding:10px;
    height: 70px;
    background-color: #ffffff;
    border:1px solid #edf1f3;
    border-right:0px;
    border-left:0px;
    position: relative;

}
.chat-inbox-window-search-left .typeahead-autocomplete.tt-hint{
    padding-left:40px;
}
.chat-inbox-window-search-left .typeahead-autocomplete.tt-input{
    padding-left:40px;
}

.chat-inbox .icon-search,.chat-inbox .icon-chat,.chat-window .icon-chat,
.chat-inbox .icon-comment,.chat-window .icon-comment,
.chat-inbox .icon-alert,.chat-window .icon-alert{
    font-size: 22px;
    height: 20px;
    left: 20px;
    line-height: 14px;
    position: absolute;
    top: 27px;
    width: 20px;
    z-index:1;
    color:#b0b3b5;
}

.chat-inbox .icon-chat,.chat-inbox .icon-comment,.chat-inbox .icon-alert{
    left:20px;
}
.chat-inbox .chat-window-message-input{
    padding:0px 15px 0px 40px;
}
.chat-inbox-room-container{
    overflow:auto;
}
.chat-inbox-room {
    padding:10px 0px;
    cursor:pointer;
    border-bottom: 1px solid #edf1f3;
    display:flex;
}
.chat-inbox-room:hover{
    background-color: #f1f1f1;
}
.chat-inbox-room .image,.chat-inbox-room .data{
    position: relative;
}
.chat-inbox-room .data{
    max-height: 50px;
    width:100%;
    overflow: hidden;
    padding-left: 10px;
}
.chat-inbox-room .image{
    width:40px;
}
.chat-inbox-room .image img{
    width:30px;
    height:30px;
    margin:0px 10px;
    border-radius: 3px;
}
.chat-inbox-room .data-container{
    position: relative;
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex:1;
    display: -webkit-flex; /* Safari */
    display:flex;
}
.chat-inbox-room .data .username{
    font-family: 'Open Sans', sans-serif;
    color: #534a44;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 700;
    line-height: 11px;/* Approximation due to font substitution */
    text-align: left;
    margin-bottom: 6px;
    -webkit-flex: 2;  /* Safari 6.1+ */
    -ms-flex: 2;  /* IE 10 */
    flex:2;
}
.chat-inbox-room .other{
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex:1;
    line-height: 12px;
    padding-right: 10px;
}
.chat-inbox-room .data .last-message{
    color:#b0b3b5;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 11px;/* Approximation due to font substitution */
    text-align: left;
    
}
.chat-inbox-room .message-badge{
    display: inline-block;
    position: absolute;
    text-align: right;
}
.chat-inbox-room .last-message-time{
    color:#b0b3b5;
    font-size: 10px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 10px;/* Approximation due to font substitution */
    text-align: right;
}
.chat-inbox-room .message-badge{
    background-color: #8b063b;
    border-radius: 50%;
    color: #ffffff;
    font-family: open_sansregular;
    font-size: 10px;
    font-weight: 300;
    height: 20px;
    line-height: 19px;
    right: 3px;
    text-align: center;
    top: -5px;
    width: 20px;
}
.chat-inbox-room .message-badge.hidden{
    visibility: hidden;
}
.chat-inbox .chat-window-footer{
    position: relative;
    padding:10px;

}
.load-more-room{
    text-align:center;
    margin:20px 0px;
    display: none;
}
.load-more-room-action{
    color:#534a44;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 300;
    line-height: 24px;/* Approximation due to font substitution */
    display:inline-block;
}
.load-more-room-action a:hover{
    text-decoration: underline;
}


.message-data.other{
    float:left;

}
.message-data.own{
    float:right;
}
.message-data .user-img{
    height: 20px;
    padding: 10px 0px;
    width: 20px;
}

.message-data.other .user-img{
    margin-right: 20px;
    float: left;
}

.message-data.own .user-img{
    float: right;
    margin-left:20px;
}

.message-data .user-img img{
    height:20px;
    width:20px;
}

.message-data-arrow {
    position:absolute;
    width:8px;
    height:18px;
}
.message-data.other .message-data-arrow{
    top:5px;
    left:-8px;
    background: transparent url("../images/chat-window-other-arrow.png") no-repeat center left;
}
.message-data.own .message-data-arrow{
    top:5px;
    right:-8px;
    background: transparent url("../images/bubble_bg.png") no-repeat center right;
}
.message-data .user-text{
    font-family: Open Sans, sans-serif;
    color: #37373c;
    font-size: 12px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 18px;/* Approximation due to font substitution */
    text-align: left;
    padding:5px;
    border-radius: 3px;
    position:relative;
}


.message-data .user-text-content{
    overflow:hidden;
    text-overflow: ellipsis;
}
.message-data.other .user-text{
    float:left;
    background-color: #fff;
    color: #534a44;
    max-width: 100%;
}

.message-data.own .user-text{
    float:right;
    background-color: #8ad4fa;
    color:  #534a44;
    max-width: 100%;
}

#dropdownMenu2{
    padding: 6px 10px;
}


/*** chat-inbox end **/

@media (max-width:767px){
    .chat-container{
        position: relative;
    }
    
    .chat-left-container,
    .chat-right-container{
        position: absolute;
        z-index: 1000;
    }
    .chat-right-container{
        top:0;
        right:0;
        height: 100%;
        transition-property: right;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    .chat-left-container{
        top:0;
        left:0;
        height: 100%;
        transition-property: left;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    
    .chat-left-container.chat-container-closed{
        left: -200px;
        transition-property: left;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    .chat-right-container.chat-container-closed{
        right: -200px;
        transition-property: right;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    .chat-left-toggle-container{
        right:0;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    .chat-left-container.chat-container-closed .chat-left-toggle-container{
        position: absolute;
        width: 50px;
        height: 50px;
        top:0;
        right:-50px;
        z-index: 1001;
        border-radius: 0px 0px 5px 0px;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        opacity: 0.5;
    }
    .chat-right-toggle-container{
        left:0;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
    }
    .chat-right-container.chat-container-closed .chat-right-toggle-container{
        position: absolute;
        width: 50px;
        height: 50px;
        top:0;
        left:-50px;
        z-index: 1001;
        border-radius: 0px 0px 0px 5px;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        opacity: 0.5;
    }
    .chat-left-container.chat-container-closed .chat-left-toggle-container .icon.icon-arrow2{
        transform: rotate(-90deg);
    }
    .chat-right-container.chat-container-closed .chat-right-toggle-container .icon.icon-arrow2{
        transform: rotate(90deg);
    }
    .chat-room-member-list-filter-container{
        padding: 0px 40px;
    }
}

@media (max-width:654px){
    .chat-room-member-list-list-container{
        padding-top: 5px;
    }
}
@media (max-width:469px){
    .chat-room-member-list-list-container{
        padding-top: 5px;
    }
}

#chat-error {
    display: none;
    width: 100%;
    height: 100%;
}
.chat-error-text {
    text-align: center;
    margin-top: 20%;
}
.chat-error-reconnect-auto {
    text-align: center;
    margin-top: 20px;
}

.lowercase {
    text-transform: lowercase;
}

.hidden {
    display: none;
}
.stripe-button-el{
    min-width: 150px !important;
}