/*フレームとフォント*/
.message-history {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 1.4;
    overflow: hidden;
}
.message-history .section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.message-history .left {
    flex-direction: row;
}
.message-history .right {
    flex-direction: row-reverse;
}

.latest-estimate .msg pre,
.message-history .msg pre {
    white-space: pre-wrap;
}
.latest-estimate .msg-right pre,
.message-history .msg-right pre {
    color: white !important;
}
.message-history .estimate pre {
    width: 80%;
}
.message-history a {
    color: white;
}

/*フキダシ共通*/
.latest-estimate .msg {
    position: relative;
    /*max-width: 192px;*/
    margin: 1px 10px 6px;
    padding: 9px 14px;
    border-radius: 19px;
    clear: both;
    overflow-wrap: break-word;
    background: #0092C6;
    color: white !important;
}

.message-history .msg {
    position: relative;
    max-width: 192px;
    margin: 1px 10px 6px;
    padding: 9px 14px;
    border-radius: 19px;
    clear: both;
    overflow-wrap: break-word;
}
.message-history .msg a {
    text-decoration: underline;
    text-decoration-color: white;
}

/*フキダシ左*/
.message-history .msg-left {
    float: left;
    background: #e9e9ed;
}
/*フキダシ右*/
.message-history .msg-right {
    float: right;
    background: #0092C6;
}
/* 時刻のスタイル */
.message-history .time {
    font-size: 12px;
    color: #999;
    text-align: right;
    margin-top: 5px;
    display: inline-block;
}

/* 右側メッセージの時刻のスタイル */
.message-history .msg-right + .time {
    float: right;
}
/*しっぽ共通*/
.message-history .msg::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    bottom: 0;
}
/*しっぽ左*/
.message-history .msg-left::after {
    left: -6px;
    border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
    box-shadow: -14px 2px 0 -3px #e9e9ed inset; 
}
/*しっぽ右*/
.message-history .msg-right::after {
    right: -6px;
    border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
    box-shadow: 14px 2px 0 -3px #0092C6 inset;
}