.dialogs {
    padding: 9px;
    position: relative;
}
.ace-scroll {
    overflow: hidden;
}

.scroll-track.scroll-active {
    -webkit-transition: width .25s ease .75s,opacity .25s ease .75s;
    -o-transition: width .25s ease .75s,opacity .25s ease .75s;
    transition: width .25s ease .75s,opacity .25s ease .75s;
}
.scroll-track {
    position: absolute;
    top: auto;
    bottom: auto;
    right: 0;
    height: auto;
    background-color: #E7E7E7;
    z-index: 99;
    width: 0;
    opacity: 0;
}

.scroll-content {
    position: static;
    overflow: hidden;
}

.itemdiv.dialogdiv {
    padding-bottom: 14px;
}
.itemdiv {
    padding-right: 3px;
    min-height: 66px;
    position: relative;
}

.itemdiv>.user {
    display: inline-block;
    width: 42px;
    position: absolute;
    left: 0;
}

.itemdiv.dialogdiv>.user>img {
    border-color: #C9D6E5;
}
.itemdiv>.user>img, .itemdiv>.user>.img {
    border-radius: 100%;
    border: 2px solid #5293C4;
    max-width: 40px;
    position: relative;
}

.itemdiv.dialogdiv>.body {
    border: 1px solid #DDE4ED;
    padding: 5px 8px 8px;
    border-left-width: 2px;
    margin-right: 1px;
}
.itemdiv>.body {
    width: auto;
    margin-left: 50px;
    margin-right: 12px;
    position: relative;
}

.itemdiv.dialogdiv>.body>.time {
    position: static;
    float: right;
}

.itemdiv.dialogdiv>.body .name {
    display: block;
    color: #000;
    padding-bottom: 10px;
}

.itemdiv > .body > .time {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    position: absolute;
    right: 9px;
    top: 0;
    z-index: 1;
    padding-bottom: 10px;
}



.itemdiv.dialogdiv>.body>.text {
    padding-left: 0;
    padding-bottom: 0;
}
.itemdiv>.body>.text {
    display: block;
    position: relative;
    margin-top: 2px;
    padding-top: 0.325rem;
    font-size: 13px;
}

.itemdiv .body .tools {
    bottom: 4px;
}
.itemdiv .tools {
    position: absolute;
    right: 5px;
    bottom: 10px;
   
}

.widget-main>form {
    margin-bottom: 0;
}

.widget-main.no-padding>form>.form-actions, .widget-main.padding-0>form>.form-actions {
    margin: 0;
    padding: 10px 12px 12px;
}
.form-actions {
    display: block;
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 20px 10px;
}

input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}


.message-chat {
    border-radius: 0!important;
    color: #858585;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    padding: 5px 4px 6px !important;
    font-size: 14px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    height: 40px;
}

.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px;
}

.chat-inline-block 
{
    display:inline-block;
    vertical-align:middle;

}

.chat-paging {

    top: 0; 
    right: 10px; 
    position: absolute;

}

.chat-file {

    height:28px;

}
.pagination {

    margin:0;
}
.chat-pagenumber {
  width:10px; 

}
.input-group-align-bottom {
    vertical-align:bottom !important;

}
@media (max-width:750px) {
    .chat-inline-block {
        display:block;
    }
    .chat-findby {
        width:100%;
    }
     .chat-opr {
        width:100%;
    }

    .chat-search {
        text-align:right;
    }

    .chat-paging {
        position:relative;
        width:100%;  
        text-align:center;
      
    }

}