body {
    background: transparent;
}

#video-and-responses {
    padding-top: 20px;
    padding-bottom: 20px;
}

.divider-dashed {
    border-top: 1px dashed #eee;
}

.comment-text {
    border: none !important;
    padding: 0;
    font: inherit;
    background-color: transparent;

    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: keep-all;
}

#mahalo-single-view .row {
    margin: 0;
}

#mahalo-single-view .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.list-group-item:first-child {
}

.fa-times-circle-o {
    color: red;
}

.conversation-bubble-donor {
    border-radius: 20px;
    position: relative;
}

.conversation-bubble-donor .list-group, .conversation-bubble-response .list-group {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.conversation-bubble-donor .list-group-item:last-child, .conversation-bubble-response .list-group-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.conversation-bubble-donor:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -20px;
    right: 70%;
    height: 30px;
    border-right: 60px solid rgb(221, 221, 221);
    background: rgb(221, 221, 221);
    -webkit-border-bottom-right-radius: 80px 50px;
    -moz-border-radius-bottomright: 80px 50px;
    border-bottom-right-radius: 80px 50px;
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.conversation-bubble-donor:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -20px;
    right: 70%;
    width: 60px;
    height: 30px;
    background: #fff;
    -webkit-border-bottom-right-radius: 40px 50px;
    -moz-border-radius-bottomright: 40px 50px;
    border-bottom-right-radius: 40px 50px;
    -webkit-transform: translate(-30px, -2px);
    -moz-transform: translate(-30px, -2px);
    -ms-transform: translate(-30px, -2px);
    -o-transform: translate(-30px, -2px);
    transform: translate(-30px, -2px);
}

.conversation-bubble-response {
    position: relative;
}

.conversation-bubble-response:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -20px;
    left: 70%;
    height: 30px;
    border-left: 60px solid rgb(221, 221, 221);
    background: rgb(221, 221, 221);
    -webkit-border-bottom-left-radius: 80px 50px;
    -moz-border-radius-bottomleft: 80px 50px;
    border-bottom-left-radius: 80px 50px;
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.conversation-bubble-response:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -20px;
    left: 70%;
    width: 60px;
    height: 30px;
    background: #fff;
    -webkit-border-bottom-left-radius: 40px 50px;
    -moz-border-radius-bottomleft: 40px 50px;
    border-bottom-left-radius: 40px 50px;
    -webkit-transform: translate(30px, -2px);
    -moz-transform: translate(30px, -2px);
    -ms-transform: translate(30px, -2px);
    -o-transform: translate(30px, -2px);
    transform: translate(30px, -2px);
}