.chat-message ul {
    overflow: hidden;
}

    .chat-message ul li {
        list-style: none;
        margin: 15px 0;
    }

        .chat-message ul li.sender {
            display: block;
            width: 100%;
            position: relative;
        }

            .chat-message ul li.sender:before {
                display: block;
                clear: both;
                content: '';
                position: absolute;
                top: -6px;
                left: -7px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 12px 15px 12px;
                border-color: transparent transparent #f0f0f0 transparent;
                -webkit-transform: rotate(-37deg);
                -ms-transform: rotate(-37deg);
                transform: rotate(-37deg);
            }

            .chat-message ul li.sender p {
                color: #000;
                font-size: 14px;
                line-height: 1.5;
                font-weight: 400;
                padding: 15px;
                background: #f0f0f0;
                display: inline-block;
                border-bottom-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                margin-bottom: 0;
            }

                .chat-message ul li.sender p b {
                    display: block;
                    color: #180660;
                    font-size: 14px;
                    line-height: 1.5;
                    font-weight: 500;
                }

        .chat-message ul li.reply {
            display: block;
            width: 100%;
            text-align: right;
            position: relative;
        }

            .chat-message ul li.reply:before {
                display: block;
                clear: both;
                content: '';
                position: absolute;
                bottom: 15px;
                right: -7px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 12px 15px 12px;
                border-color: transparent transparent #4b7bec transparent;
                -webkit-transform: rotate(37deg);
                -ms-transform: rotate(37deg);
                transform: rotate(37deg);
            }

            .chat-message ul li.reply p {
                color: #fff;
                font-size: 14px;
                line-height: 1.5;
                font-weight: 400;
                padding: 15px;
                background: #4b7bec;
                display: inline-block;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-left-radius: 10px;
                margin-bottom: 0;
            }

                .chat-message ul li.reply p b {
                    display: block;
                    color: #061061;
                    font-size: 14px;
                    line-height: 1.5;
                    font-weight: 500;
                }

            .chat-message ul li.reply:after {
                display: block;
                content: '';
                clear: both;
            }

.time {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}

li.reply .time {
    margin-right: 20px;
}