﻿.dnnForm.NarrowFeedbackForm {
    min-width: 10px;
}

/* For DNN 6 */
.dnnForm.FeedbackForm .dnnFormItem .dnnTooltip,
.dnnForm.FeedbackForm .dnnFormItem.Feedback_CharCount LABEL {
    width: 15%;
    margin-right: 2px;
}

/* For DNN 7 */
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
    width: 15%;
    padding: 0;
    margin-right: 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: 80%;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT[type=checkbox],
.dnnForm.NarrowFeedbackForm .dnnFormItem INPUT[type=checkbox] {
    width: auto;
}

.dnnForm.FeedbackForm .dnnFormItem SPAN.dnnFormError.dnnFormMessage {
    right: auto
}

.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;
}

.dnnForm .dnnFormItem.Feedback_CharCount label {
    margin-top: 0;
}

.submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.5rem;
    max-width: 100%;
    color: var(--White) !important;
    background: var(--accent-color) !important;
    border: none !important;
    border-radius: 0.4rem;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
}

.dnnForm.NarrowFeedbackForm .dnnFormItem LABEL,
.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel {
    text-align: right;
    margin-bottom: 0.5rem;
}

.NarrowFeedbackForm {
    .custom-form-style {
        direction: rtl;


        .Feedback_Field {
            position: relative;
            width: 100%;

            .dnnLabel {
                margin: 0;
                font-size: 0.9rem;
                font-weight: bold;
            }

            input,
            textarea,
            select {
                width: 100% !important;
                max-width: 100% !important;
                height: 3.57rem;
                resize: none;
                font-size: 0.9rem;
                border: solid 1px var(--CustomColor11);
                box-shadow: none !important;
                outline: none;
                transition: all 0.3s ease;
                border-radius: 0.4rem;
                border: solid 1px var(--gray3);
            }

            textarea {
                height: 17.2rem;
            }

            &.focused {

                .dnnLabel {
                    top: -0.9rem
                }

                input,
                textarea,
                select {
                    color: var(--Black);
                }
            }
        }
    }
}

.contact-form-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    margin-bottom: 2rem;
    padding: 0.9rem;
    background: var(--LightGray1);



    fieldset {
        margin: 0;
    }

    >img {
        width: 23.7rem;
        border-radius: 0.5rem;
    }

    .ModDNNFeedbackC {
        width: 100%;
    }

    .second-column {
        display: none !important;
    }
}

.dnnFormSectionHead {
    font-size: 1.1rem;
    font-weight: bold;
    margin-right: 1rem;
    color: var(--accent-color);
}