.float-ck {
    position: fixed;
    bottom: 0px;
    z-index: 9000;
    max-width: 350px;
     -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

* html .float-ck {
    position: absolute;
    bottom: auto;
    /* top: expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    */
}

#float_content_right {
    border: 1px solid #b2b2b2;
    padding: 7px;
    background-color: #d2d2d2;
    border-radius: 5px 0px 0px 0px;
}

#hide_float_right {
    text-align: right;
    font-size: 11px;
}

    #hide_float_right a {
        background: #d2d2d2;
        padding: 7px 27px 9px 27px;
        color: #FFF;
        border-radius: 5px 5px 0px 0px;
    }

.ShowChat {
    background: #e5feff;
    overflow: hidden;
    height: auto;
     -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.HideChat {
    background: #e5feff;
    overflow: hidden;
    max-height: 0px;
    padding: 0px !important;
     -webkit-transition: max-height 0.3s ease;
  -moz-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.btnSend {
    padding: 9px 10px;
    margin-left: 2px;
}

.menu2 ul li .dropdown-menu {
    min-width: 300px;
    max-width: 450px;
}

    .menu2 ul li .dropdown-menu li a {
        white-space: initial;
    }

#divnoidung {
    background-color: #fff;
    height: 250px;
    overflow: auto;
    
}

   

#divnoidung {
    /* overflow: auto; */
    padding: 0px;
}

    #divnoidung::-webkit-scrollbar {
        width: 10px;
        background-color: #f2f2f2;
    }

    #divnoidung::-webkit-scrollbar-thumb {
        background-color: #d2d2d2;
        border-radius: 10px;
    }

        #divnoidung::-webkit-scrollbar-thumb:hover {
            background-color: #213c72;
            border: 1px solid #333333;
            cursor: pointer;
        }

        #divnoidung::-webkit-scrollbar-thumb:active {
            background-color: #213c72;
            border: 1px solid #333333;
        }

    #divnoidung::-webkit-scrollbar-track {
        border: 0px;
        border-radius: 10px;
        background-color: #fff;
    }

#divnoidungph {
    background-color: #fff;
    height: 500px;
    overflow: auto;
}

#divnoidung .user-chat {
    line-height: 23px;
    display: inline-block;
    width: 97%;
    text-align: left;
       padding: 9px 2px 9px 5px;
    border-top: 1px #ccc solid;
    color: #333;
    line-height: 16px;
    text-align: justify;
}

    #divnoidung .user-chat span {
        color: #CCC;
        font-size: 12px;
    }

#divnoidung .user-chat  img {
    background: #263f68;
    float: left;
    width: 32px;
    height: 32px;
    margin: 2px 5px 0px 0px;
    border: 3px #ccc solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#divnoidung  .admin-chat {
    line-height: 23px;
    display: inline-block;
    width: 97%;
    text-align: right;
    padding: 9px 2px 9px 5px;
    color: #333;
    line-height: 16px;
    text-align: right;
     border-top: 1px #ccc solid;
}

    #divnoidung  .admin-chat span {
        color: #CCC;
        font-size: 12px;
        text-align: right;
    }

#divnoidung  .admin-chat img {
    float: right;
    width: 50px;
    margin: 2px 5px 0px 0px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-left:5px;
}



#divnoidungph {
    background-color: #fff;
    height: 400px;
    overflow: auto;
    border: 1px solid #d2d2d2;
    margin-bottom: 5px;
    padding: 0px;
}

.mr-top-0 {
    margin-top: 0px;
}

.title-page-chat {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#divnoidungph::-webkit-scrollbar {
    width: 10px;
    background-color: #f2f2f2;
}

#divnoidungph::-webkit-scrollbar-thumb {
    background-color: #d2d2d2;
    border-radius: 10px;
}

    #divnoidungph::-webkit-scrollbar-thumb:hover {
        background-color: #213c72;
        border: 1px solid #333333;
        cursor: pointer;
    }

    #divnoidungph::-webkit-scrollbar-thumb:active {
        background-color: #213c72;
        border: 1px solid #333333;
    }

#divnoidungph::-webkit-scrollbar-track {
    border: 0px;
    border-radius: 10px;
    background-color: #fff;
}


#divnoidungph .admin-chat {
    line-height: 23px;
    display: inline-block;
    width: 97%;
    text-align: right;
    padding: 9px 2px 9px 5px;
    color: #333;
    line-height: 16px;
    text-align: right;
}

    #divnoidungph .admin-chat span {
        color: #CCC;
        font-size: 12px;
        text-align: right;
    }

#divnoidungph .admin-chat img {
    background: #263f68;
    float: right;
    width: 50px;
    margin: 2px 5px 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left:5px;
}

#divnoidungph .user-chat {
    line-height: 23px;
    display: inline-block;
    width: 97%;
    text-align: left;
       padding: 9px 2px 9px 5px;
    /*border-top: 1px #ccc solid;*/
    color: #333;
    line-height: 16px;
    text-align: justify;
}

    #divnoidungph .user-chat span {
        color: #CCC;
        font-size: 12px;
        text-align: left;
    }

#divnoidungph .user-chat  img {
    background: #263f68;
    float: left;
    width: 32px;
    height: 32px;
    margin: 2px 5px 0px 0px;
    border: 3px #ccc solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btndeletechat {
    color: red;
    position: absolute;
    right: 13px;
    border: solid 3px #fff;
    border-radius: 11px;
}
.btndeletechat:hover {
    color: #ffbb00;
}
.timestamp {
    font-size: 12px;
    color:#CCC;
    margin-top: 5px;
}
.gridchat {
    max-height:600px;
      overflow: auto;
}

    .gridchat::-webkit-scrollbar {
        width: 10px;
        background-color: #f2f2f2;
    }

    .gridchat::-webkit-scrollbar-thumb {
        background-color: #d2d2d2;
        border-radius: 10px;
    }

       .gridchat::-webkit-scrollbar-thumb:hover {
            background-color: #213c72;
            border: 1px solid #333333;
            cursor: pointer;
        }

        .gridchat::-webkit-scrollbar-thumb:active {
            background-color: #213c72;
            border: 1px solid #333333;
        }

    .gridchat::-webkit-scrollbar-track {
        border: 0px;
        border-radius: 10px;
        background-color: #fff;
    }

.imginfo {
    width: 20px;
    padding: 1px;
    border: 1px solid #CCC;
    border-radius: 3px;
}
.deleted {
    background-color: #f8dc97;
    border-radius: 5px 0px 5px 5px;
}

.deleted span {
     color: #333!important;
}