.dnnForm.NarrowFeedbackForm {
    min-width: 10px;
}

/* For DNN 6 */
.dnnForm.FeedbackForm .dnnFormItem .dnnTooltip,
.dnnForm.FeedbackForm .dnnFormItem.Feedback_CharCount LABEL {
    width: 15%;
    margin-left: 2px;
}

/* For DNN 7 */
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
    width: 15%;
    padding: 0;
    margin-left: 2px;
}

/* For DNN 6  & 7*/
.dnnForm.NarrowFeedbackForm .dnnFormItem LABEL,
.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel {
    Float: none;
    Text-Align: right;
    Width: Auto;
    display: block;
}

.dnnForm.FeedbackForm .CaptchaTextBox,
.dnnForm.NarrowFeedbackForm .CaptchaTextBox {
    margin-bottom: 3px;
}

.dnnForm.NarrowFeedbackForm .CaptchaTextBox {
    display: block;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT,
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA,
.dnnForm.FeedbackForm .dnnFormItem SELECT {
    width: 60%;
}

.dnnForm.NarrowFeedbackForm .dnnFormItem INPUT,
.dnnForm.NarrowFeedbackForm .dnnFormItem TEXTAREA,
.dnnForm.NarrowFeedbackForm .dnnFormItem SELECT {
    width: 100%;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT[type=checkbox],
.dnnForm.NarrowFeedbackForm .dnnFormItem INPUT[type=checkbox] {
    width: auto;
}

.dnnForm.FeedbackForm .dnnFormItem SPAN.dnnFormError.dnnFormMessage {
    max-width: 100%;
    right: auto
}

.dnnFormMessage {
    max-width: 100% !important;
}

.FeedbackLists.dnnForm .fbListType .dnnTooltip {
    width: auto;
}

table.Feedback_Moderation {
    width: 100%;
    border: none 0 black;
}

td.Feedback_Moderation_Grid {
    vertical-align: top;
    width: 100%
}

table.Feedback_Comments {
    width: 100%;
    border: none 0 black;
}

.Feedback_Lists img {
    border-width: 0;
}

div.FeedbackForm a>img {
    display: none
}

.dnnForm.FeedbackForm .dnnFormItem .RadCaptcha LABEL,
.dnnForm.NarrowFeedbackForm .dnnFormItem .RadCaptcha LABEL {
    width: inherit;
    float: right;
}

.dnnForm.FeedbackForm .dnnFormItem .divCaptcha,
.dnnForm.FeedbackForm .dnnFormItem .divCaptcha {
    float: right;
}

.dnnForm.FeedbackForm .dnnFormItem .RadCaptcha.RadCaptcha_Default {
    width: 80%;
}

.dnnForm.FeedbackSettings .NumberBox {
    min-width: 1px;
}

.dnnForm.FeedbackLists .Listcolumn {
    min-width: 30px;
}

.dnnForm .dnnFormItem.Feedback_CharCount {
    padding-top: 0;
    line-height: 1;
    /* display: none; */
}

.dnnForm .dnnFormItem.Feedback_CharCount label {
    margin-top: 0;
}


/* ===========   dnnsoftware.ir   =========== */
.dnnForm.FeedbackForm h3 {
    font-size: 18px;
}

.dnnForm.FeedbackForm .dnnFormItem .dnnTooltip,
.dnnForm.FeedbackForm .dnnFormItem.Feedback_CharCount LABEL {
    width: 20%;
    text-align: right;
}

.dnnForm.FeedbackForm h3 {
    display: none;
}

.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
    display: none;
}

.dnnForm.FeedbackForm fieldset {
    margin-bottom: 0;
}

.dnnForm.FeedbackForm .Feedback_Field .NormalTextBox {
    max-width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 98%;
    margin: 10px 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0) !important;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0) !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dnnForm.FeedbackForm .dnnPrimaryAction {
    background: #358eea;
    padding: 8px 25px;
    font-size: 13px;
    text-decoration: none;
    border: none;
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0) !important;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0) !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dnnForm.FeedbackForm .dnnPrimaryAction:hover {
    background: #666;
}

.feedback-holder {
    padding: 2.2rem 1.5rem;
    border-radius: 5px;
    border: solid 1px var(--lightGray);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;

    .sec-title {
        font-size: 1.4rem;
    }

    .faq-btn {
        padding: 0.5rem 1.2rem;
        background: rgb(215 25 33 / 10%);
        border-radius: 0.4rem;
        color: #000 !important;
    }

    .feedback-form {
        padding-top: 1rem;
        border-top: solid 1px var(--lightGray);

        .field-holder {
            .dnnLabel {
                width: 100%;
                margin-bottom: 1.1rem;

                span {
                    font-size: 1rem;

                    &:after {
                        font-size: 12px;
                        color: var(--accent-color2);
                    }
                }
            }

            input,
            textarea,
            select {
                width: 100% !important;
                max-width: 100% !important;
                background: #f7f7f7;
                padding: 1rem;
                border: solid 1px #f1f1f1;
                box-shadow: none;
                outline: none;
            }
        }
    }

    .dnnActions li {
        float: left;
    }

    .submit-btn {
        background-color: #23B93C !important;
        text-shadow: none !important;
        box-shadow: none !important;
        color: #fff !important;
        padding: 0.5rem 1rem;
        border-radius: 5px;
    }

    .dnnFormItem span.dnnFormMessage.dnnFormError {
        bottom: auto;
        right: auto;
        top: 0;
        left: 0;
        width: max-content;
    }
}

.submit-btn {
    &:after {
        content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.95333 5.67342L9.66 2.82009C13.4933 0.90009 15.0667 2.47342 13.1467 6.30676L12.5667 7.46676C12.4 7.80676 12.4 8.20009 12.5667 8.54009L13.1467 9.69342C15.0667 13.5268 13.5 15.1001 9.66 13.1801L3.95333 10.3268C1.39333 9.04676 1.39333 6.95342 3.95333 5.67342ZM6.10667 8.50009H9.70667C9.98 8.50009 10.2067 8.27342 10.2067 8.00009C10.2067 7.72676 9.98 7.50009 9.70667 7.50009H6.10667C5.83333 7.50009 5.60667 7.72676 5.60667 8.00009C5.60667 8.27342 5.83333 8.50009 6.10667 8.50009Z' fill='white'/%3E%3C/svg%3E%0A");
        line-height: 0;
    }
}