@include('shared_style._feedback_modal_style')
@include('shared_style._speech_bubble_style')

<style>
    .content-block {
        border: 1px solid black;
        margin-bottom: 20px;
    }

    .content-block-left {
        border-right: 1px solid black;
    }

    .content-block-right {
        padding-top: 10px;
    }

    .content-blocks body,
    .content-blocks #bodyTable {
        background-color: rgb(240, 240, 240);
    }

    #bodyCell {
        align-items: left;
    }

    .textarea-block {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*#text_block_dialog {*/
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
    /*}*/

    /*#text_block_dialog .modal-body {*/
    /*padding-top: 10px;*/
    /*padding-bottom: 0;*/
    /*}*/

    /*#text_block_dialog .bt-button-row {*/
    /*text-align: center;*/
    /*}*/

    .content-blocks .speech-bubble,
    .speech-bubble {
        position: absolute;
        width: 500px;
        top: 0;
        left: 100%;
        text-align: left;
        padding-top: 2px;
        font-size: 14px !important;
        font-family: 'Open Sans' sans-serif;
        font-weight: 300;
    }

    .speech-bubble ul {
        padding-left: 20px !important;
    }

    .review-item-button-row {
        text-align: right;
        padding-top: 0;
        padding-bottom: 50px;
    }

    .image-block,
    .textarea-block,
    .image-with-text-block {
        position: relative;
    }

    .content-blocks ins {
        text-decoration: none;
        background-color: #d4fcbc;
    }

    .content-blocks del {
        text-decoration: line-through;
        background-color: #fbb6c2;
        color: #555;
    }


</style>