.dfi-chat-hidden{
    display:none;
}

.dfi-chat-head{
    font-size: 21px;
    color: #494949;
}

.dfi-chat-wrapper{
    padding: 30px;
    background-color: #fafafa;
}

.dfi-start-chat{
    padding: 5px 15px 30px 15px;
    color: #6e777e;
}

.dfi-chat-bubble {
    -webkit-filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.05)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.05)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.05));
    margin: 1rem 0;
    margin-bottom: 50px;
    padding: 1.5rem;
    position: relative;
    font-weight: 400;
    background: #ffffff;
    color: #494949;
    line-height: 1;
}

.dfi-chat-timestamp{
    position: absolute;
    top: -18px;
    font-size: 14px;
    left: 5px;
    color: #888888;
}

.dfi-chat-verkoper::before {
    border: 12.5px solid transparent;
    border-top: 12.5px solid #ffffff;
    border-bottom: 0;
    height: 0;
    width: 0;
    border-top-width: 25px;
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    bottom: -25px;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(90deg) skew(-25deg) translateY(16.6666666667px);
            transform: rotate(90deg) skew(-25deg) translateY(16.6666666667px);
}

.dfi-chat-verkoper{
    margin-right: 20%;
}

.dfi-chat-verkoper cite {
    position: absolute;
    bottom: -28px;
    left: 45px;
    font-size: 15px;
    font-style: normal;
    color: #888888;
}

.dfi-chat-koper::before {
    border: 12.5px solid transparent;
    border-top: 12.5px solid #ffffff;
    border-bottom: 0;
    height: 0;
    width: 0;
    border-top-width: 25px;
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    bottom: -7px;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(0deg) skew(-25deg) translateY(16.6666666667px);
            transform: rotate(0deg) skew(-25deg) translateY(16.6666666667px);
}

.dfi-chat-koper{
    margin-left: 20%;
}

.dfi-chat-koper cite {
    position: absolute;
    bottom: -27px;
    right: 46px;
    font-size: 15px;
    font-style: normal;
    color: #888888;
}

.dfi-rapporteer-chat{
    font-size: 14px;
    line-height: 1.8;
    color: #898989;
}
.dfi-rapporteer-chat:hover{
    color: #494949;
    text-decoration: none;
}

#rapporteerChatModalBody{
    z-index: 1028 !important;
}

@media (max-width: 767px){
    .dfi-chat-wrapper{
        padding: 15px;
    }
    .dfi-chat-koper{
        margin-left: 0;
    }
    .dfi-chat-verkoper{
        margin-right: 0;
    }
}