/* Hagiva Feedback (Review) */
#header2 .header-right-section { display: none; }
#header2 #header-container { text-align: center; }
#header2 #header-left { text-align: center; }
#header2 #header-left img { max-width: 139px; }
#header2 { padding: 18px; background-image: url(/warehouse/temp/hagiva/2022/feedback/menu_header_bg.png); background-position: top center; background-repeat: repeat-x; background-size: cover; background-color: transparent; }
body { background: url(/warehouse/temp/hagiva/2022/feedback/bg.jpg) repeat #ffffff; }
#headline h1 { margin-top: 20px; margin-bottom: 20px; font-size: 36px; }
.form-container-wide #DynamicFormObject { border: none; max-width: 1140px; background: url(/warehouse/temp/hagiva/2022/feedback/form_bg_inner.gif); padding: 20px 2%; display: flex; flex-direction: column; }
#DynamicFormObject:after { display: none; }
#SiteGrid.layout-bottom #GridContent { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 60%; margin: 0 auto; padding: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 36px; position: relative; margin-top: 20px; margin-bottom: 20px; }
#DynamicFormObject .dynamicFormObje.normal-form inputctTitleAndText h3.dynamicFormObjectTitle::after { content: ""; background-image: url(/warehouse/temp/hagiva/2022/feedback/form_home_sep_top.png); width: 161px; height: 17px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; bottom: -30px; position: absolute; display: block; margin: auto; margin-bottom: 20px; }
.normal-form input { background: #fff; box-shadow: none !important; height: 42px; border-radius: 7px; border: 1px solid #6a6a6a; color: #6a6a6a; margin-bottom: 10px; }
.normal-form select { background: #fff; height: 42px; border-radius: 7px; border: 1px solid #6a6a6a; color: #6a6a6a; margin-bottom: 10px; }
#DynamicFormObject input[type=submit] { border: none !important; background: #d2ebe6; color: #000; line-height: 1; font-size: 120%; height: 42px; border-radius: 7px; }
.normal-form textarea { background: #fff; border-radius: 7px; border: 1px solid #6a6a6a; color: #6a6a6a; margin-bottom: 10px; }
.normal-form input::placeholder { color: #6a6a6a; }
.normal-form textarea::placeholder { color: #6a6a6a; }
#DynamicFormObject .dynamicFormObjectField { margin-bottom: 15px; }
.normal-form input, .normal-form select, .normal-form textarea { padding: 6px 15px; margin: 0; width: 100%; max-width: 100%;  }
.select-wrapper { position: relative; }
.must { position: relative;}
#DynamicFormObject .dynamicFormObjectField .must:not(.input-date):before { top: 6px; right: 6px !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
#DynamicFormObject input[type=submit] { max-width: 295px; margin-top: 20px; margin-bottom: 20px; }
#SiteFooter .site-credit.alternative { display: none; }
.select-wrapper:after { top: 50%; left: 15px; color: #6a6a6a; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: right; }
#header2 .mobile-middle-kdm { display: none; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: ""; background-image: url(/warehouse/temp/hagiva/2022/feedback/form_home_sep_top.png); width: 161px; height: 17px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; bottom: -30px; position: absolute; display: block; margin: auto; margin-bottom: 20px; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper.input-date::before { content: ""; display: block; width: 16px; height: 16px; position: absolute; left: 15px; right: auto; top: 50%; background: url(/warehouse/temp/hagiva/2022/feedback/calendar.svg); background-size: 100%; background-repeat: no-repeat; transform: translateY(-50%); pointer-events: none; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper:not(.input-date) { position: relative; }
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus { background: #d2ebe6; color: #000; }
#headline h1 { display: none; }
#text1 h3 { font-size: 36px; position: relative; margin-bottom: 20px; }
#text1 h3::after { content: ""; background-image: url(/warehouse/temp/hagiva/2022/feedback/form_home_sep_top.png); width: 161px; height: 17px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; bottom: -30px; position: absolute; display: block; margin: auto; margin-bottom: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: 60%; margin: 0 auto; text-align: right; padding-bottom: 20px; padding-top: 10px; max-width: 605px; }
.commitment-page .form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; }

.title-field input { background: none; border: none !important; text-align: center; margin: 0 auto; text-decoration: underline dotted #e8af9d; text-underline-offset: 2px; border-radius: 0;; }
.title-field input:focus { border: none !important; }
.FileUploaderField:after { top: 50%; left: 15px; opacity: .7; font-size: 100%; transform: translateY(-50%); line-height: 1; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { z-index: auto; }



.FormResultPage #SiteGrid { height: 100vh; padding: 0; display: flex; flex-direction: column; }
.FormResultPage #GridPage { height: 100%; padding: 0; display: flex; }
.FormResultPage #GridPage .max-width { width: 100%; }
.FormResultPage #GridContent { float: none; }
.FormResultPage #text1 h1 { font-size: 250%; }
.FormResultPage #text1 h4 { font-size: 150%; }
.FormResultPage #text1 a { text-decoration: underline; font-size: 125%; }
.FormResultPage #SiteFooter, .FormResultPage footer { padding: 0; }
@media(min-width: 768px) and (max-width: 1024px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%;}
}

@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 5px;}
}

@media (max-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    #GridPage { padding-top: 20px; }
    .normal-form select, .normal-form input, .normal-form textarea { width: 100%; max-width: 100%; font-size: 110% !important; padding-right: 15px; }
    #header2 #header-left img { max-width: 100px; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; padding-left: 15px; padding-right: 15px; }
    #DynamicFormObject .dynamicFormObjectField .input-wrapper.input-date.must::before { left: 15px; }
    #DynamicFormObject .dynamicFormObjectField .input-wrapper.input-date::before { left: 30px; }

    .FormResultPage #text1 h1 { font-size: 225%; }
    .FormResultPage #text1 h4 { font-size: 125%; }
    .FormResultPage #text1 a { font-size: 100%; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .js-signature canvas { zoom: 1.25;}
}