﻿.wsCtFeedback {
    padding: 5px;
}

    .wsCtFeedback textarea {
        resize: none;
    }

    .wsCtFeedback .wsCommentForm .wsCommentInfos {
        display: flex;
        margin: 20px 0;
    }

        .wsCtFeedback .wsCommentForm .wsCommentInfos .wsColumn1 {
            width: calc(50% - 5px);
            display: inline-block;
            margin-right: 5px;
        }


        .wsCtFeedback .wsCommentForm .wsCommentInfos .wsColumn2 {
            width: calc(50% - 5px);
            display: inline-block;
            margin-left: 5px;
        }

    .wsCtFeedback .wsCommentForm label {
        margin-bottom: 5px;
    }

    .wsCtFeedback .wsCommentForm input[type=text],
    .wsCtFeedback .wsCommentForm textarea {
        display: block;
        background-color: #EAEDF2;
        padding: 12px 8px;
        border: solid thin #EAEDF2;
        box-shadow: none;
        margin: 5px 0px;
        width: calc(100% - 20px);
    }

    .wsCtFeedback .wsCommentForm input[type=button] {
        font-size: 13px;
        display: block;
        border: none;
        padding: 13px 40px;
        text-transform: uppercase;
        border-radius: 3px;
        box-shadow: none;
        float: right;
        font-weight: 600;
        cursor: pointer;
    }

    .wsCtFeedback .wsCommentForm .wsRequiredField, .wsCommentDate {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #A2B1BE;
        font-style: italic;
    }

    .wsCtFeedback .wsCommentForm textarea {
        min-height: 115px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .wsCtFeedback .wsCommentForm .wsCommentPendingWrapper {
        height: 70px;
        margin-top: 20px;
    }

    .wsCtFeedback .FbDataPublishWrapper {
        width: 100%;
        overflow: hidden;
    }

    .wsCtFeedback .FbDataPublishWrapper {
        margin: 15px 0 20px 0;
    }

    /*Pagination*/
    .wsCtFeedback .wsPagination {
        text-align: center;
        margin-top: 15px;
    }

        .wsCtFeedback .wsPagination input[type=button] {
            color: #A2B1BE;
            background-color: transparent;
            box-shadow: none !important;
            border: none;
            cursor: pointer;
        }

            .wsCtFeedback .wsPagination input[type=button].wsSelected,
            .wsCtFeedback .wsPagination input[type=button]:hover {
                color: #121922;
            }

    /*Commentaire*/
    .wsCtFeedback .wsCommentWrapper, .wsCtFeedback .wsReplySectionWrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .wsCtFeedback .wsCommentWrapper .wsComment {
            display: block;
            margin: 13px 0px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .wsCtFeedback .wsCommentWrapper input[type=button] {
            display: block;
            background-color: transparent;
            border: none;
            box-shadow: none;
            color: #A2B1BE;
            cursor: pointer;
        }

        .wsCtFeedback .wsCommentWrapper input.wsCommentReply {
            padding: 0px !important;
        }

    .wsCtFeedback .wsError[data-name=error-msg] {
        color: red;
    }

    .wsCtFeedback input[type=text].wsError,
    .wsCtFeedback textarea.wsError {
        outline: 1px solid red;
    }

    .wsComment {
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }
