.arfmodal-body { position: relative; max-height: auto; padding: 15 px; overflow-y: auto; } .arfmodal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; opacity: 0 !important; transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; -ms-transition:all 0.7s; } .arfmodal-backdrop.arffade { opacity: 0; } .arfmodal-backdrop, .arfmodal-backdrop.arffade.in { opacity: 0.6; filter: alpha(opacity=60); } .arfmodal { position: fixed !important; top: 20%; left: 0%; z-index: 99999; width: 560px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid #999; -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; overflow-x:hidden; overflow-y:auto; } .arfmodal.arffade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .arfmodal.arffade.in { top: 15%; } .arfmodal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .arfmodal-header .close { margin-top: 2px; height:25px; width:26px; padding-bottom: 3px; } .arfmodal-header h3 { margin: 0; line-height: 30px; } .arfmodal-body { position: relative; max-height: auto; padding: 15px; overflow-y: auto; } .arfmodal-form { margin-bottom: 0; } .arfmodal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -o-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; zoom: 1; } .arfmodal-footer:before, .arfmodal-footer:after { display: table; content: ""; line-height: 0; } .arfmodal-footer:after { clear: both; } .arfmodal-footer .arfbtn + .arfbtn { margin-left: 5px; margin-bottom: 0; } .arfmodal-footer .btn-group .arfbtn + .arfbtn { margin-left: -1px; } .arfmodal-footer .btn-block + .btn-block { margin-left: 0; } @font-face { font-family: 'Asap-Regular'; src: url('../fonts/Asap-Regular.eot'); src: url('../fonts/asap-regular-webfont.woff2') format('woff2'), url('../fonts/Asap-Regular.woff') format('woff'), url('../fonts/Asap-Regular.ttf') format('truetype'), url('../fonts/Asap-Regular.svg#Asap-Regular') format('svg'), url('../fonts/Asap-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; font-display: swap; } .arf_form .arfshowmainform .arf_materialize_form .controls input{ backface-visibility: hidden !important; -webkit-backface-visibility:hidden !important; -o-backface-visibility:hidden !important; -moz-backface-visibility:hidden !important; -ms-backface-visibility:hidden !important; } .arf_form { max-width:100%; clear:both; line-height:1.3; } .arfformfield.frm_third { clear:none; float:left; } .arfformfield.frm_left_third, .arfformfield.frm_first_half, .arfformfield.frm_first_third { clear:left; float:left; } .arfformfield.frm_last_third { clear:none; float:right; } .arfformfield.frm_first_half, .arfformfield.frm_last_half { width:48.5%; } .arf_widget_form:not(.arf_multicolumn_widget_form) .arfformfield.frm_first_half, .arf_widget_form:not(.arf_multicolumn_widget_form) .arfformfield.frm_last_half { width:100% !important; } .arfformfield.frm_third, .arfformfield.frm_first_third, .arfformfield.frm_last_third { width:31.33%; } .arf_widget_form:not(.arf_multicolumn_widget_form) .arfformfield.frm_third, .arf_widget_form:not(.arf_multicolumn_widget_form) .arfformfield.frm_first_third, .arf_widget_form:not(.arf_multicolumn_widget_form) .arfformfield.frm_last_third { width:100% !important; } .arf_form .arf_half_middle, .arf_form .arf_third_middle { width:3%; max-width:3%; float:left; min-height:3px; height:auto; } .arf_form .arfformfield .recaptcha_style_custom, .arf_form .arfformfield.none_container input, .arf_form .arfformfield.top_container input, .arf_form .arfformfield.left_container input, .arf_form .arfformfield.right_container input { max-width:100%; } .arf_form .arfformfield.frm_first_half { clear:both; float:left; } .arf_form .arfformfield.frm_last_half { clear:none; float:left; } .arf_form .arfformfield.frm_first_third { clear:both; float:left; } .arf_form .arfformfield.frm_third, .arf_form .arfformfield.frm_last_third { clear:none; float:left; } .arf_form .arfformfield .help-block ul { padding:0 !important; color:inherit; } .arfformfield .help-block ul li { margin: 0 !important; list-style:none !important; content:none !important; border:none !important; } doesnotexist:-o-prefocus, .arfformfield .help-block ul li { content:inherit !important; } .arf_form p.arfsubmitbutton { padding:0; margin-bottom:0 !important; } .arf_form .pos_left, .arf_form .pos_top, .arf_form .pos_right { clear:both; } #recaptcha_style img { opacity: 1 !important; transition: opacity 1000ms ease 0s; -webkit-transition: opacity 1000ms ease 0s; -moz-transition: opacity 1000ms ease 0s; -o-transition: opacity 1000ms ease 0s; } .arf_form .recaptchatable #recaptcha_response_field { display: inline !important; } .ar_main_div .arf_frm_error { clear:both; } .arf_form .arf_ie_image { display:none; } .arf_form .arf_submit_btn, .arf_form .arf_submit_btn[disabled] { opacity: 1 !important; position:relative; } .arf_form .arfformfield .controls { display:inline-block; margin-bottom:0; max-width:100%; position:relative; } .arf_form .left_container .controls .help-block { margin-left:auto; } .arf_form .right_container .controls .help-block { margin-right:auto; } .arf_form div { margin-bottom:0px; } .arf_form .iframe-embed { padding-top:0 !important; padding-bottom:0 !important; } .arf_form .arf_field_description.arf_heading_description { width:auto; max-width:100%; } .arf_form .arf_clear { clear:both; } .tipso_bubble { border:1px solid transparent; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; -o-border-radius:0 !important; padding:0 !important; z-index: 99999 !important; max-width: 450px !important; } .tipso_bubble .tipso_content { font-family: 'Asap-Regular', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; } .tipso_bubble{ background: #000000; } @media (min-width:290px) and (max-width:480px) { .arf_form_outer_wrapper .arfmainformfield .controls .arf_prefix_suffix_wrapper .arf_prefix{ padding: 0 10px !important; } .arf_form.arf_form_outer_wrapper .arf_field_type_phone .arf_prefix_suffix_wrapper .phone_format_without_prefix{ margin: 0px 4px !important; } .arfformfield.frm_third, .arfformfield.frm_first_third, .arfformfield.frm_last_third { width: 100% !important; } .arfformfield.frm_first_half, .arfformfield.frm_last_half { width: 100% !important; } .arf_form .arfformfield.frm_third, .arf_form .arfformfield.frm_last_third { clear: both; } .arf_form .arfformfield.frm_last_half { clear: both; } .arf_form .arfformfield.left_container label.arf_main_label { text-align:left; display:block; float:none; width:auto; margin: 0; padding:0; } .arf_form .arf_submit_btn { max-width:95% !important; } .tipso_bubble { max-width: 100% !important; } .arf_form .arfformfield .recaptcha_style_custom, .arf_form .arfformfield.none_container input, .arf_form .arfformfield.top_container input, .arf_form .arfformfield.left_container input, .arf_form .arfformfield.right_container input { min-width: 100% !important; } .arf_form{ width:100% !important; max-width:100% !important; } } @media (min-width:480px) and (max-width:600px) { .arf_form .arf_half_middle, .arf_form .arf_third_middle { min-width:0px; } } @media (min-width:290px) and (max-width:480px) { .arf_submit_div.left_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arf_submit_div.right_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arf_submit_div.top_container, .arf_submit_div.none_container{ text-align:center !important; clear:both !important; margin: 0 auto !important; } #brand-div { font-size: 10px; color: #444444; } #brand-div.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #brand-div.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #brand-div.top_container, #brand-div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.top_container, #hexagon.none_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arf_form .arf_fieldset { padding-left:15px; padding-right:15px; } .arfmodal.arfresponsivemodal{ top:0px !important; left:0px !important; } } @-webkit-keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } @-moz-keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } @keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } .arf_form .arf_hide_opacity { opacity:0; filter:alpha(opacity=0); } .arf_form .popover .popover-title { display:none; } .arf_form .popover { width:auto; height: auto; } .arf_form .arfformfield.left_container div.arf_field_description { margin-left:auto; } .arf_form .arfformfield.right_container div.arf_field_description { margin-right:auto; } .slider-selection .arftooltip:not(.arf_has_range_tooltip){ display: none; } .arf-slider-handle .arf_has_range_tooltip{ display: none; } .arf_form .arf_submit_btn .arf_ie_image img { background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; border:none; padding-bottom:inherit; padding-left:inherit; padding-right:inherit; } .arfdevicemobile .arf_form .arf_submit_btn { max-width:95% !important; } .arfdevicemobile .arfformfield.frm_third, .arfdevicemobile .arfformfield.frm_first_third, .arfdevicemobile .arfformfield.frm_last_third { width: 100%; } .arfdevicemobile .arfformfield.frm_first_half, .arfdevicemobile .arfformfield.frm_last_half { width: 100%; } .arfdevicemobile .arf_form .arfformfield.frm_third, .arfdevicemobile .arf_form .arfformfield.frm_last_third { clear: both; } .arfdevicemobile .arf_form .arfformfield.frm_last_half { clear: both; } .arfdevicemobile .arf_form .arfformfield.left_container label.arf_main_label { text-align:left; display:block; float:none; width:auto; margin: 0; padding:0; } .arfdevicemobile .arf_submit_div.left_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_submit_div.right_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_submit_div.top_container, .arfdevicemobile .arf_submit_div.none_container { text-align:center !important; clear:both !important; margin:0 auto !important; } .arfdevicemobile #brand-div { font-size: 10px; color: #444444; } .arfdevicemobile #brand-div.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #brand-div.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #brand-div.top_container, .arfdevicemobile #brand-div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.top_container, .arfdevicemobile #hexagon.none_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_form .arf_fieldset { padding-left:15px; padding-right:15px; } .arf_form .arf_field_description.formdescription_style { margin:10px 0 0 0; } .arf_form .arfformfield .help-block{ position: relative; } .arf_form .arfformfield .help-block ul { position:absolute; width:100%; } .arf_form .arfformfield .help-block ul { position:relative; } .arfmodal button.close { position:absolute; right:10px; } .arform_right_fly_form_block_right_main button.close { position:absolute; right:10px; } .arform_left_fly_form_block_left_main button.close { position:absolute; right:10px; } .arform_bottom_fixed_main_block_top { display:inline-block; top:0%; position:fixed; right:5%; z-index:9999; } .arform_bottom_fixed_block_top { float:right; padding:10px 13px 10px 13px; text-align:center; min-width:50px; right:0%; position:static; border:none; border-top:0px; border-bottom-right-radius:3px; -o-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-left-radius:3px; margin-right:15px; font-size:14px; color:#ffffff; height:auto; font-weight:bold; background: #1bbae1; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; } .arform_bottom_fixed_form_block_top { background:none; border:none; border-bottom-right-radius:3px; -o-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-left-radius:3px; min-width:280px; display:none; border-top:0px; } .arform_bottom_fixed_main_block_bottom { display:inline-block; bottom:0%; position:fixed; right:5%; z-index:9999; } .arform_bottom_fixed_block_bottom { float:right; padding:10px 13px 0 13px; text-align:center; min-width:50px; right:0%; top:-29px; position:static; border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; margin-right:15px; font-size:14px; height:42px; color:#ffffff; font-weight:bold; background:#1bbae1; box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; } .arform_bottom_fixed_form_block_bottom { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px; } .arf_content_another_page { background:#FFFFFF; } .arf_form .formtitle_style { line-height:normal; } .arf_form .arfsubmitdisabled[disabled] { opacity:0.25 !important; filter:alpha(opacity=25) !important; cursor:not-allowed !important; } .arf_form .arf_slider.slider-horizontal { width:100% !important; max-width:100%; } .arf_form .arfcolorpickerarrow { position:absolute; background:#f5f5f5 url(../images/colpickarrow.png) no-repeat; background-position:center center; cursor:pointer; } .arfmodal.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999; } .arfmodal.arfresponsivemodal .arfmodal-body .arf_form.arf_form_outer_wrapper{ max-width: 100% !important; } .arfmodal.arfresponsivemodal .arfmodal-body, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_right_fly_form_block_right_main.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999 !important; } .arform_right_fly_form_block_right_main.arfresponsivemodal .arfmodal-body, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_left_fly_form_block_left_main.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999 !important; } .arform_left_fly_form_block_left_main.arfresponsivemodal .arfmodal-body, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_bottom_fixed_main_block_left { position:fixed; top:10%; z-index:9998 !important; height:auto; display:none; left:0; } .arform_bottom_fixed_block_left { float:left; padding:10px 13px 0 13px; text-align:center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin-x:0%; -moz-transform-origin-x:0%; -o-transform-origin-x:0%; -webkit-transform-origin-y:100%; -moz-transform-origin-y:100%; -o-transform-origin-y:100%; -o-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -webkit-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform-origin: left top 0; -moz-transform-origin: left top 0; -o-transform-origin: left top 0; transform-origin: left top 0; box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; min-width:50px; top:25px; position:relative; background:#1bbae1; border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; font-size:14px; height:37px; color:#ffffff; font-weight:bold; margin-left:auto; left:35px; } .arform_bottom_fixed_form_block_left { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px; overflow:hidden; } .arform_bottom_fixed_main_block_right { display:none; bottom:0%; position:fixed; top:10%; z-index:9999; right:0; } .arform_bottom_fixed_block_right { float:right; padding:7px 13px 0 13px; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin-x:100%; -webkit-transform-origin-y:0%; -o-transform-origin:100% 0%; transform-origin:right top 0; box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -moz-box-sizing: content-box; min-width:50px; right:35px; top:25px; position:relative; background:#1bbae1; border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; font-size:14px; height:37px; color:#ffffff; font-weight:bold; } .arform_bottom_fixed_form_block_right { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px; overflow:hidden; } .arf_prefix_suffix_wrapper { display:table; position:relative; border-collapse:separate; float:left; max-width:100%; table-layout:fixed; } .arf_form_outer_wrapper .controls .arf_prefix_suffix_wrapper .arf_prefix, #cs-content .arf_form_outer_wrapper .controls .arf_prefix_suffix_wrapper .arf_prefix, .arf_form_outer_wrapper .controls .arf_prefix_suffix_wrapper .arf_suffix, #cs-content .arf_form_outer_wrapper .controls .arf_prefix_suffix_wrapper .arf_suffix { cursor:default; box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -o-box-sizing:content-box !important; -moz-box-sizing:content-box !important; } .arf_fieldset a { border:none !important; } .arf_fly_sticky_btn { box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -o-box-sizing:border-box !important; -moz-box-sizing:border-box !important; } .arf_fieldset .arf_prefix_suffix_wrapper { line-height:normal !important; } .arf_form .arfformfield.frm_fourth, .arf_form .arfformfield.frm_first_fourth, .arf_form .arfformfield.frm_last_fourth { width:22.75%; } .arf_form .arfformfield.frm_fourth, .arf_form .arfformfield.frm_last_fourth { clear:none; float:left; } .arf_form .arfformfield.frm_first_fourth { clear:both; float:left; } .arf_form .arfformfield.frm_fifth, .arf_form .arfformfield.frm_first_fifth, .arf_form .arfformfield.frm_last_fifth { width:17.6%; } .arf_form .arfformfield.frm_fifth, .arf_form .arfformfield.frm_last_fifth { clear:none; float:left; } .arf_form .arfformfield.frm_first_fifth { clear:both; float:left; } .arf_widget_form .arfformfield.frm_fourth, .arf_widget_form .arfformfield.frm_first_fourth, .arf_widget_form .arfformfield.frm_last_fourth { width: 100% !important; } .arf_widget_form .arfformfield.frm_fifth, .arf_widget_form .arfformfield.frm_first_fifth, .arf_widget_form .arfformfield.frm_last_fifth { width: 100% !important; } .arf_form .arfformfield.frm_six, .arf_form .arfformfield.frm_first_six, .arf_form .arfformfield.frm_last_six { width:14.16%; } .arf_form .arfformfield.frm_six, .arf_form .arfformfield.frm_last_six { clear:none; float:left; } .arf_form .arfformfield.frm_first_six { clear:both; float:left; } .arf_widget_form .arfformfield.frm_fourth, .arf_widget_form .arfformfield.frm_first_fourth, .arf_widget_form .arfformfield.frm_last_fourth { width: 100% !important; } .arf_widget_form .arfformfield.frm_six, .arf_widget_form .arfformfield.frm_first_six, .arf_widget_form .arfformfield.frm_last_six { width: 100% !important; } .arf_widget_form .arfmainformfield .arfemptyfield, .arf_widget_form .arf_form .arfemptyfield { margin-bottom: 0px !important; } @media (max-width:480px) { .arf_form .arfformfield.frm_fourth, .arf_form .arfformfield.frm_first_fourth, .arf_form .arfformfield.frm_last_fourth { width: 100% !important; } .arf_form .arfformfield.frm_fifth, .arf_form .arfformfield.frm_first_fifth, .arf_form .arfformfield.frm_last_fifth { width: 100% !important; } .arf_form .arfformfield.frm_fourth, .arf_form .arfformfield.frm_last_fourth { clear: both; } .arf_form .arfformfield.frm_fifth, .arf_form .arfformfield.frm_last_fifth { clear: both; } .arf_form .arfformfield.frm_six, .arf_form .arfformfield.frm_last_six, .arf_form .arfformfield.frm_first_six { width: 100% !important; } } .arf_form .arf_captcha_wrapper iframe { width:100%; height:inherit; max-height: 80px; position:relative; left:inherit; } .arf_form .tipso_style:not(.controls):not(.arf_validate_smiley_tooltip) { cursor:pointer !important; border-bottom:none !important; box-shadow: none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; } .arf_form .mce-edit-area iframe { left:0px; position:relative; z-index:90 !important; } .arf_form .wp-editor-container textarea.wp-editor-area { border:none; border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; -o-border-radius:0px !important; } .arfcolorimg .paint_brush_position { margin-top: 8px; } .msg-description-success { text-align: center; letter-spacing: 0; } /*materialize css*/ .arf_materialize_form .controls .arf_main_label{ position: absolute; top:50%; transform: translateY(-50%); transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; } .arf_materialize_form .controls .arf_main_label.active{ top:0px; } .arf_materialize_form .arf_field_type_textarea .controls .arf_main_label{ top:8px; transform: translateY(0); } .arf_materialize_form .arf_field_type_textarea .controls .arf_main_label.active{ top:-8px; } .arf_form_outer_wrapper .arf_fieldset textarea.g-recaptcha-response{ display: none !important; } .arf_submit_btn.arf_active_loader span.arfstyle-label, .arf_submit_btn.arf_complete_loader span.arfstyle-label{ display: none !important; } .arf_submit_btn.arf_active_loader span.arfsubmitloader{ position: absolute; border-bottom:4px solid transparent; border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-320deg); -webkit-transform: translate(-50%,-50%) rotate(-320deg); -o-transform: translate(-50%,-50%) rotate(-320deg); -moz-transform: translate(-50%,-50%) rotate(-320deg); animation-name:arfrotate; -webkit-animation-name:arfrotate; -moz-animation-name:arfrotate; -o-animation-name:arfrotate; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-play-state: running; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-duration:1s; -webkit-animation-duration:1s; -moz-animation-duration:1s; -o-animation-duration:1s; } @keyframes arfrotate{ 0%{ transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg); -o-transform: translate(-50%,-50%) rotate(0deg); -moz-transform: translate(-50%,-50%) rotate(0deg); } 100%{ transform: translate(-50%,-50%) rotate(-360deg); -webkit-transform: translate(-50%,-50%) rotate(-360deg); -o-transform: translate(-50%,-50%) rotate(-360deg); -moz-transform: translate(-50%,-50%) rotate(-360deg); } } @-webkit-keyframes arfrotate{ 0%{ transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg); -o-transform: translate(-50%,-50%) rotate(0deg); -moz-transform: translate(-50%,-50%) rotate(0deg); } 100%{ transform: translate(-50%,-50%) rotate(-360deg); -webkit-transform: translate(-50%,-50%) rotate(-360deg); -o-transform: translate(-50%,-50%) rotate(-360deg); -moz-transform: translate(-50%,-50%) rotate(-360deg); } } .arf_submit_btn.arf_complete_loader{ text-align: center; } .arf_submit_btn.arf_complete_loader .arfsubmitloader{ transform-origin: left top; -webkit-transform-origin: left top; -moz-transform-origin: left top; -o-transform-origin: left top; top: 50%; left:45%; float:none; display:block; margin:0 auto; opacity:1; position: absolute; } .tipso_bubble{ z-index: 9999999 !important; } *::-ms-backdrop{ pointer-events: none; } .arfmodal .arf_form_outer_wrapper form { margin: 0px; } label.arf_main_label { max-width: 100%; position: relative; } .arfshowmainform .allfields { position: relative; } *[data-view="arf_disable"]{ opacity: 0.7; cursor:not-allowed !important; } *[data-view="arf_disable"] *{ cursor:not-allowed !important; } .close_btn{ position:absolute; display:block; width:24px; height:24px; right: 1px; top:2px; cursor: pointer; padding:0 !important; } .close_btn::after, .close_btn::before{ content:""; display:block; position: absolute; width:100%; height:2px; top:11px; left:0; } .close_btn::after{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); } .close_btn::before{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); } .close_btn::before, .close_btn::after{ background:#626262; } .close_btn:focus { outline: none !important; } .arform_right_fly_form_block_right_main .close_btn { position:absolute; right:10px; margin-top: 35px } .arform_left_fly_form_block_left_main .close_btn { position:absolute; right:10px; margin-top: 35px; } .arf_fieldset .controls .arf_tooltip_main{ position:absolute; right:-18px; top:45%; z-index: 9; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); } .arf_fieldset .controls .arftootltip_position{ position: absolute; right: -30px; top: 65%; z-index: 9; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); } .arf_form_outer_wrapper:not(#arfmainformeditorcontainer) .arf_fieldset.arf_materialize_form .arfformfield:not(.arf_field_type_select):not(.arf_field_type_date):not(.arf_field_type_time):not(.arf_field_type_arf_autocomplete):not(.arf_repeater_field.arf_field_type_arf_autocomplete):not(.arf_repeater_field.arf_field_type_time):not(.arf_repeater_field.arf_field_type_date):not(.arf_repeater_field.arf_field_type_select) > .controls{ z-index:1; } .arf_form_outer_wrapper:not(#arfmainformeditorcontainer) .arf_fieldset.arf_materialize_form .arfformfield:not(.arf_field_type_select):not(.arf_field_type_date):not(.arf_field_type_time):not(.arf_field_type_arf_autocomplete):not(.arf_repeater_field.arf_field_type_arf_autocomplete):not(.arf_repeater_field.arf_field_type_time):not(.arf_repeater_field.arf_field_type_date):not(.arf_repeater_field.arf_field_type_select) .controls.arf_active_control{ z-index:99999; } .arf_fieldset:not(.arf_materialize_form) .controls{ position:relative; } .arfshowmainform .arf_materialize_form .arfmainformfield{padding-top:10px;} div.arfmodal { top: 0 !important; left: 0 !important; position: fixed !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; border:none !important; max-height:100% !important; } div.arfmodal .arfmodal-body{ height:100% !important; } div.arfmodal .arfmodal-body .arf_form_outer_wrapper{ position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } div.arfmodal.arf_larger_popup .arfmodal-body .arf_form_outer_wrapper{ top:0px !important; transform: translate(-50%,5%); -webkit-transform: translate(-50%,5%); -o-transform: translate(-50%,5%); -moz-transform: translate(-50%,5%); -ms-transform: translate(-50%,5%); } div.arfmodal #arf_popup_close_button{ position:absolute; margin:0 !important; top:25px; right:30px; } div.arfmodal #arf_popup_close_button.arf_close_btn_inner { top: 20px; right: 20px; } div.arfmodal #arf_popup_close_button.arf_close_btn_inner.arf_hide_close { display: none !important; } .arfmodal-fullscreen .close_btn::after, .arfmodal-fullscreen .close_btn::before{ height:3px; } div.arfmodal-fullscreen .arf_fieldset{ border:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; -o-box-shadow:none !important; -moz-box-shadow:none !important; -ms-box-shadow:none !important; } div.arfmodal.no_animation{ opacity:0; z-index: -1; transition: all 0s ease-in-out 0s !important; -webkit-transition:all 0s ease-in-out 0s !important; -o-transition:all 0s ease-in-out 0s !important; -moz-transition:all 0s ease-in-out 0s !important; -ms-transition:all 0s ease-in-out 0s !important; } div.arfmodal.no_animation.arf_active{ opacity: 1 !important; z-index: 99999; } .arf_larger_popup.arf_active .arf_form_outer_wrapper{ margin-bottom:60px; } div.arfmodal.fade_in{ opacity:0; z-index: -1; } div.arfmodal.fade_in.arf_active{ opacity: 1 !important; z-index: 99999; overflow: auto; transition:all 0.5s ease-in-out 0s !important; -webkit-transition:all 0.5s ease-in-out 0s !important; -o-transition:all 0.5s ease-in-out 0s !important; -moz-transition:all 0.5s ease-in-out 0s !important; -ms-transition:all 0.5s ease-in-out 0s !important; } div.arfmodal.fade_out{ opacity: 0; z-index: -1; overflow: auto; transition:all 0.5s ease-in-out 0s !important; -webkit-transition:all 0.5s ease-in-out 0s !important; -o-transition:all 0.5s ease-in-out 0s !important; -moz-transition:all 0.5s ease-in-out 0s !important; -ms-transition:all 0.5s ease-in-out 0s !important; } div.arfmodal.slide_in_top:not(.arf_active){ top:-100% !important; opacity: 0; } div.arfmodal.slide_in_top{ top:-100%; } .arfmodal:not(.arfmodal-fullscreen) { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } div.arfmodal.slide_in_top.arf_active{ top:inherit; opacity: 1 !important; transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } div.arfmodal.slide_in_bottom:not(.arf_active){ top:200% !important; opacity: 0; position:fixed !important; } div.arfmodal.slide_in_bottom{ top:200%; } div.arfmodal.slide_in_bottom.arf_active{ top:inherit; transition:all 0.5s !important; opacity: 1 !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } div.arfmodal.slide_in_right:not(.arf_active){ left:200% !important; } div.arfmodal.slide_in_right{ left:-100%; } div.arfmodal.slide_in_right.arf_active{ left:inherit; opacity: 1 !important; transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } div.arfmodal.slide_in_left:not(.arf_active){ left:-100% !important; } div.arfmodal.slide_in_left.arf_active{ left:inherit; opacity: 1 !important; transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } div.arfmodal.zoom_in:not(.arfmodal-fullscreen){ opacity: 0; z-index: -1; transform:scale(0.8) translate(-60%,-50%); -webkit-transform:scale(0.8) translate(-60%,-50%); -o-transform:scale(0.8) translate(-60%,-50%); -moz-transform:scale(0.8) translate(-60%,-50%); -ms-transform:scale(0.8) translate(-60%,-50%); } div.arfmodal.zoom_in.arf_active:not(.arfmodal-fullscreen){ opacity: 1 !important; z-index: 99999; transform: scale(1) translate(-50%,-50%); -webkit-transform: scale(1) translate(-50%,-50%); -o-transform: scale(1) translate(-50%,-50%); -moz-transform: scale(1) translate(-50%,-50%); -ms-transform: scale(1) translate(-50%,-50%); transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } div.arfmodal.zoom_in.arfmodal-fullscreen{ opacity: 0; z-index: -1; transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); } div.arfmodal.zoom_in.arfmodal-fullscreen.arf_active{ opacity: 1 !important; z-index: 99999; transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transition:all 0.5s !important; -webkit-transition:all 0.5s !important; -o-transition:all 0.5s !important; -moz-transition:all 0.5s !important; -ms-transition:all 0.5s !important; } form.arfshowmainform{ margin:0; } body.rtl div.arfmodal #arf_popup_close_button{ right:unset; left:30px; } body.rtl div.arfmodal #arf_popup_close_button.arf_close_btn_inner{ right:unset; left:20px; } @media all and (max-width:768px){ .arform_left_fly_form_block_left_main, .arform_right_fly_form_block_right_main{ top: 0 !important; } .arfmodal.zoom_in:not(.arfmodal-fullscreen){ transform:scale(0.8) !important; -webkit-transform:scale(0.8) !important; -o-transform:scale(0.8) !important; -moz-transform:scale(0.8) !important; -ms-transform:scale(0.8) !important; } .arfmodal.zoom_in.arf_active:not(.arfmodal-fullscreen){ transform:scale(1) !important; -webkit-transform:scale(1) !important; -o-transform:scale(1) !important; -moz-transform:scale(1) !important; -ms-transform:scale(1) !important; } } .arfa{ height: auto; } .popover.top .arrow:after{ left:0 !important; } .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper .arf_prefix, .arf_form .arf_rounded_form .arf_prefix.arf_prefix_focus { background:transparent !important; } .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper .arf_suffix, .arf_form .arf_rounded_form .arf_suffix.arf_suffix_focus { background:transparent !important; } .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=text]:not(.inplace_field):not(.arf_field_option_input_text):not(.arf_autocomplete):not(.arfslider):not(.arf_colorpicker):not(.arfhiddencolor), .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=password], .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=email], .arf_form input[type=number], .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=url], .arf_form input[type=tel], .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=text]:not(.inplace_field):not(.arf_field_option_input_text):not(.arf_autocomplete):not(.arfslider):not(.arf_colorpicker):not(.arfhiddencolor), .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=password], .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=email], .arf_form input[type=number], .arf_form .arf_rounded_form .arf_prefix_suffix_wrapper input[type=url], .arf_form input[type=tel] { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } #arf_message_success_popup{ float:none !important; width:80% !important; margin:20px auto !important; position: relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } .arfmodal-body.arf_hide_form_after_submit .arf_form_outer_wrapper #arf_message_success{ display:none !important; } .frm_error_style .msg-detail{ box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; } .arfmainformfield .arfemptyfield, .arf_form .arfemptyfield { margin: 0px !important; padding:0px !important; height: 1px !important; max-height: 1px !important; min-height: 1px !important; } .arf_form.arf_form_outer_wrapper .arf_flat_border_bottom{ border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; -o-border-bottom-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; -o-border-bottom-right-radius: 0px !important; } .arf_form .allfields h2.arf_sec_heading_field{ margin-top: 12px !important; margin-bottom: 12px !important; } .iti-mobile .iti--container{ z-index: 9999999 !important; } body.rtl .arf_fieldset .controls .arf_tooltip_main{ right: unset; left: -31px; } body.rtl .iti__flag.iti__af{ margin-right: 6px; } body.rtl .iti__arrow{ margin-left: 0; margin-right: 6px; } .arf_image_width_txt{ text-align: center; border: none !important; width: 100%; padding: 21% 0px 0px 0px !important; } /*----------------nouislider css start-------------*/ .noUi-handle.noUi-handle-lower{ top: -7px !important; width: 18px !important; height: 18px !important; background-color: #337ab7 !important; filter: none !important; -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%) !important; border: 0px solid transparent !important; border-radius: 50% !important; right: -9px; } .arf_editor_slider_class.square .noUi-handle.noUi-handle-lower, .arfslider_front.square .noUi-handle.noUi-handle-lower{ border-radius: 0px !important; } .arf_editor_slider_class.triangle .noUi-handle.noUi-handle-lower, .arfslider_front.triangle .noUi-handle.noUi-handle-lower{ position: absolute !important; top: 50% !important; -ms-transform: translateY(-46%) !important; transform: translateY(-46%) !important; border-width: 0 10px 10px 10px !important; width: 0 !important; height: 0 !important; border-bottom-color: #2e6da4 !important; margin-top: 5px !important; background-color: transparent !important; border-radius: 0px !important; right: -10px; } .noUi-handle.noUi-handle-upper{ position: absolute; top: -7px !important; width: 18px !important; height: 18px !important; background-color: #337ab7 !important; filter: none !important; -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%) !important; border: 0px solid transparent !important; border-radius: 50% !important; } .arf_editor_slider_class.square .noUi-handle.noUi-handle-upper, .arfslider_front.square .noUi-handle.noUi-handle-upper{ border-radius: 0px !important; } .arf_editor_slider_class.triangle .noUi-handle.noUi-handle-upper, .arfslider_front.triangle .noUi-handle.noUi-handle-upper{ position: absolute !important; top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; border-width: 0 10px 10px 10px !important; width: 0 !important; height: 0 !important; border-bottom-color: #2e6da4 !important; margin-top: 5px !important; background-color: transparent !important; border-radius: 0px !important; right: -11px; } .noUi-connect{ background: #3f74e7 !important; } .noUi-connects{ position: absolute !important; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%) !important; background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%) !important; background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0) !important; background-repeat: repeat-x !important; -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box !important; border-radius: 4px !important; } .noUi-target{ height: 7px !important; width: 100% !important; margin-top: 8px !important; top: 50% !important; left: 0 !important; border-radius: 0px !important; border: 0px !important; background: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%) !important; } .arf_slider_input{ display: none; } .noUi-handle:before, .noUi-handle:after { display: none !important; background-color: #337ab7 !important; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); background-repeat: repeat-x; } .noUi-tooltip{ color: #fff !important; background-color: #000 !important; min-width: 30px !important; font-size: 11px !important; } /*----------------nouislider css end-------------*/ /*---------------------datetimepicker css start-----------------*/ .list-unstyled { padding-left:0; list-style:none !important; } .list-unstyled li{ margin: 0px; } .list-unstyled table{ border-bottom: none; } .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px !important; } .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { border-top: none; } *:before, *:after { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .arficon-chevron-up { background-position: -288px -120px; } .arficon-chevron-down { background-position: -313px -119px; } @font-face{ font-family:'Glyphicons Halflings'; src:url(../../arforms/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../../arforms/fonts/glyphicons-halflings-regular.ttf) format('truetype') } .arf_fieldset .collapse.in { display: block; visibility: visible; } .arf_fieldset .collapse.in { height: auto; } .arf_fieldset .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .popover { bottom: unset; position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover .fade1 { -webkit-transform:translateY(-400px) scale(1.1); -moz-transform:translateY(-400px) scale(1.1); -o-transform:translateY(-400px) scale(1.1); -ms-transform:translateY(-400px) scale(1.1); transform:translateY(-400px) scale(1.1); -webkit-opacity:0; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition:-moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition:-o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition:transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) } .popover .in { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-opacity:1; -moz-opacity:1; opacity:1; filter:alpha(opacity=100) } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px !important; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; left:0px; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .arfanimated { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes arf_popover_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(0); } 1% { -webkit-transform: translateX(40px); } 60% { -webkit-transform: translateX(-7px); } 80% { -webkit-transform: translateX(3px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes arf_popover_bounceInRight { 0% { opacity: 0; -moz-transform: translateX(0); } 1% { -moz-transform: translateX(40px); } 60% { -moz-transform: translateX(-7px); } 80% { -moz-transform: translateX(3px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes arf_popover_bounceInRight { 0% { opacity: 0; -o-transform: translateX(0); } 1% { -o-transform: translateX(40px); } 60% { -o-transform: translateX(-7px); } 80% { -o-transform: translateX(3px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes arf_popover_bounceInRight { 0% { opacity: 0; transform: translateX(0); } 1% { transform: translateX(40px); } 60% { transform: translateX(-7px); } 80% { transform: translateX(3px); } 100% { transform: translateX(0); opacity: 1; } } .arf_popover_bounceInRight { -webkit-animation-name: arf_popover_bounceInRight; -moz-animation-name: arf_popover_bounceInRight; -o-animation-name: arf_popover_bounceInRight; animation-name: arf_popover_bounceInRight; } @-webkit-keyframes arf_popover_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(0); } 1% { -webkit-transform: translateX(-40px); } 60% { opacity: 1; -webkit-transform: translateX(7px); } 80% { -webkit-transform: translateX(-3px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes arf_popover_bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(0); } 1% { -moz-transform: translateX(-40px); } 60% { opacity: 1; -moz-transform: translateX(7px); } 80% { -moz-transform: translateX(-3px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes arf_popover_bounceInLeft { 0% { opacity: 0; -o-transform: translateX(0); } 1% { -o-transform: translateX(-40px); } 60% { -o-transform: translateX(7px); } 80% { -o-transform: translateX(-3px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes arf_popover_bounceInLeft { 0% { opacity: 0; transform: translateX(0); } 1% { transform: translateX(-40px); } 60% { transform: translateX(7px); } 80% { transform: translateX(-3px); } 100% { transform: translateX(0); opacity: 1; } } .arf_popover_bounceInLeft { -webkit-animation-name: arf_popover_bounceInLeft; -moz-animation-name: arf_popover_bounceInLeft; -o-animation-name: arf_popover_bounceInLeft; animation-name: arf_popover_bounceInLeft; } @-webkit-keyframes arf_popover_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(40px); } 60% { -webkit-transform: translateY(-7px); } 80% { -webkit-transform: translateY(3px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes arf_popover_bounceInUp { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(40px); } 60% { -moz-transform: translateY(-7px); } 80% { -moz-transform: translateY(3px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes arf_popover_bounceInUp { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(40px); } 60% { -o-transform: translateY(-7px); } 80% { -o-transform: translateY(3px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes arf_popover_bounceInUp { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(40px); } 60% { transform: translateY(-7px); } 80% { transform: translateY(3px); } 100% { transform: translateY(0); opacity: 1; } } .arf_popover_bounceInUp { -webkit-animation-name: arf_popover_bounceInUp; -moz-animation-name: arf_popover_bounceInUp; -o-animation-name: arf_popover_bounceInUp; animation-name: arf_popover_bounceInUp; } @-webkit-keyframes arf_popover_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(-40px); } 60% { -webkit-transform: translateY(7px); } 80% { -webkit-transform: translateY(-3px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes arf_popover_bounceInDown { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(-40px); } 60% { -moz-transform: translateY(7px); } 80% { -moz-transform: translateY(-3px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes arf_popover_bounceInDown { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(-40px); } 60% { -o-transform: translateY(7px); } 80% { -o-transform: translateY(-3px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes arf_popover_bounceInDown { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(-40px); } 60% { transform: translateY(7px); } 80% { transform: translateY(-3px); } 100% { transform: translateY(0); opacity: 1; } } .arf_popover_bounceInDown { -webkit-animation-name: arf_popover_bounceInDown; -moz-animation-name: arf_popover_bounceInDown; -o-animation-name: arf_popover_bounceInDown; animation-name: arf_popover_bounceInDown; } @-webkit-keyframes arf_popover_bounceInDownNor { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(-20px); } 60% { -webkit-transform: translateY(5px); } 80% { -webkit-transform: translateY(-2px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes arf_popover_bounceInDownNor { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(-20px); } 60% { -moz-transform: translateY(5px); } 80% { -moz-transform: translateY(-2px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes arf_popover_bounceInDownNor { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(-20px); } 60% { -o-transform: translateY(5px); } 80% { -o-transform: translateY(-2px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes arf_popover_bounceInDownNor { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(-20px); } 60% { transform: translateY(5px); } 80% { transform: translateY(-2px); } 100% { transform: translateY(0); opacity: 1; } } .arf_popover_bounceInDownNor { -webkit-animation-name: arf_popover_bounceInDownNor; -moz-animation-name: arf_popover_bounceInDownNor; -o-animation-name: arf_popover_bounceInDownNor; animation-name: arf_popover_bounceInDownNor; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .help-block li { list-style:none; } .round.hide { display:none; } .arf_form_outer_wrapper .arf_materialize_form .arfmainformfield.arf_column, .arf_form_outer_wrapper .arf_material_outline_form .arfmainformfield.arf_column, .arf_form_outer_wrapper .arfmainformfield.arf_column{ clear:none; float:left; margin-right:20px; } .arf_form_outer_wrapper .arf_material_outline_form .hidden_container label.arf_main_label, .arf_form_outer_wrapper .arf_material_outline_form .pos_top, .arf_form_outer_wrapper .arfshowmainform .arf_materialize_form .top_container label.arf_main_label, .arf_form_outer_wrapper .arf_materialize_form .hidden_container label.arf_main_label, .arf_form_outer_wrapper .arf_materialize_form .pos_top, .arf_form_outer_wrapper .arfshowmainform .top_container label.arf_main_label, .arf_form_outer_wrapper .hidden_container label.arf_main_label, .arf_form_outer_wrapper .pos_top{ display:inline-block; float:none; width:auto; } .arf_form_outer_wrapper .arf_material_outline_form .inline_container label.arf_main_label, .arf_form_outer_wrapper .arf_materialize_form .inline_container label.arf_main_label, .arf_form_outer_wrapper .inline_container label.arf_main_label{ margin-right:10px; margin-left: 3px; } .arf_form_outer_wrapper .arf_material_outline_form input.auto_width, .arf_form_outer_wrapper .arf_materialize_form input.auto_width, .arf_form_outer_wrapper input.auto_width{ width:auto; } .arf_form_outer_wrapper .arf_material_outline_form input[readonly]:not(.arf-select-dropdown), .arf_form_outer_wrapper .arf_material_outline_form input[disabled]:not(.arf_hide_opacity), .arf_form_outer_wrapper .arf_materialize_form input[disabled]:not(.arf_hide_opacity), .arf_form_outer_wrapper .arf_materialize_form input[readonly]:not(.arf-select-dropdown), .arf_form_outer_wrapper input[disabled]:not(.arf_hide_opacity), input[readonly]{ opacity:.5; filter:alpha(opacity=50); } .submitbutton_style{ height:auto; } .arf_form_outer_wrapper .arf_material_outline_form :invalid, .arf_form_outer_wrapper .arf_material_outline_form :-moz-submit-invalid, .arf_form_outer_wrapper .arf_material_outline_form :-moz-ui-invalid, .arf_form_outer_wrapper .arf_materialize_form :invalid, .arf_form_outer_wrapper .arf_materialize_form :-moz-submit-invalid, .arf_form_outer_wrapper .arf_materialize_form :-moz-ui-invalid, .arf_form_outer_wrapper :invalid, .arf_form_outer_wrapper :-moz-submit-invalid, .arf_form_outer_wrapper :-moz-ui-invalid{ box-shadow:none; } .arf_form_outer_wrapper .arf_material_outline_form :-moz-ui-invalid, .arf_form_outer_wrapper .arf_materialize_form :-moz-ui-invalid{ -webkit-box-shadow:none; box-shadow:none; } .arf_form_outer_wrapper .arf_material_outline_form :-moz-ui-invalid, .arf_form_outer_wrapper .arf_materialize_form :-moz-ui-invalid { -moz-box-shadow:none; box-shadow:none; } .arf_form_outer_wrapper .arf_material_outline_form :-moz-ui-invalid, .arf_form_outer_wrapper .arf_materialize_form :-moz-ui-invalid { -o-box-shadow:none; box-shadow:none; } .arf_form_outer_wrapper .arf_material_outline_form .frm_error_style img, .arf_form_outer_wrapper .arf_materialize_form .frm_error_style img, .arf_form_outer_wrapper .frm_error_style img{ padding-right:10px; vertical-align:middle; } .arf_form_outer_wrapper .arf_material_outline_form .frm_message img, .arf_form_outer_wrapper .arf_materialize_form .frm_message img, .arf_form_outer_wrapper .frm_message img{ padding-right:10px; vertical-align:middle; } .arf_form_outer_wrapper .arf_material_outline_form .trigger_style, .arf_form_outer_wrapper .arf_materialize_form .trigger_style, .arf_form_outer_wrapper .trigger_style{ cursor:pointer; } .arf_form_outer_wrapper .allfields_style, .arf_form_outer_wrapper .allfields_active_style, .arf_form_outer_wrapper .allfields_error_style, .arf_form_outer_wrapper .submitbutton_style{ width:auto; } .arf_form_outer_wrapper .arf_materialize_form .trigger_style span, .arf_form_outer_wrapper .arf_material_outline_form .trigger_style span, .arf_form_outer_wrapper .trigger_style span{ float:left; } .msg-detail, .arf_form_outer_wrapper .msg-detail { float:left; width: 100%; padding:20px 10px 20px 10px !important; min-height: 37px; line-height: 37px; text-shadow: none; box-sizing: border-box; } .arf_form_outer_wrapper .msg-detail p { padding:0 !important; margin:0 !important; } .arf_form_outer_wrapper .msg-title-success { padding:0px 0 0 10px; vertical-align:middle; display:inline-block; font-weight:bold; } .arf_form_outer_wrapper .msg-description-success { letter-spacing:0.1px; padding:10px 0 10px 0px; width:100%; vertical-align:middle; display:inline-block; word-break:break-word !important; } .arf_form_outer_wrapper msg-title-error { padding:5px 0 0 10px; vertical-align:middle; display:inline-block; } .arf_form_outer_wrapper .msg-description-error { padding:7px 0 0 10px; letter-spacing:0.1px; vertical-align:middle; display:inline; word-break:break-all; } .arf_form_outer_wrapper .msg-description-error { padding:7px 0 0 10px; letter-spacing:0.1px; vertical-align:middle; display:inline-block; text-align:center; word-break:break-all; } .arf_form_outer_wrapper .arf_res_front_msg_desc { padding:10px 0 10px 0px; letter-spacing:0.1px; width:100%; vertical-align:middle; display:inline-block; text-align:center; word-break:break-all; } .arf_form_outer_wrapper .arf_material_outline_form #recaptcha_table, .arf_form_outer_wrapper .arf_materialize_form #recaptcha_table, .arf_form_outer_wrapper #recaptcha_table { line-height:0 !important; height: 123px; } .arf_form_outer_wrapper #titlediv .arf_material_outline_form .arftitlecontainer, .arf_form_outer_wrapper #titlediv .arf_materialize_form .arftitlecontainer, .arf_form_outer_wrapper #titlediv .arftitlecontainer { margin:0px; } .arf_form_outer_wrapper .arf_material_outline_form .arfsubmitbutton:not(.arfsubmitedit):not(.arf_confirmation_summary_submit_wrapper), .arf_form_outer_wrapper .arf_materialize_form .arfsubmitbutton:not(.arfsubmitedit):not(.arf_confirmation_summary_submit_wrapper), .arf_form_outer_wrapper .arfsubmitbutton:not(.arfsubmitedit):not(.arf_confirmation_summary_submit_wrapper){ float:left;width:100%; } .arf_form_outer_wrapper .arf_material_outline_form #brand-div, .arf_form_outer_wrapper .arf_materialize_form #brand-div, .arf_form_outer_wrapper #brand-div { font-size: 10px !important; color: #444444 !important; } .arf_form_outer_wrapper .arf_material_outline_form .arf_materialize_form #hex.left_container, .arf_form_outer_wrapper .arf_material_outline_form .arf_materialize_form #hex.right_container, .arf_form_outer_wrapper .arf_material_outline_form .arf_materialize_form #hex.top_container, .arf_form_outer_wrapper .arf_material_outline_form .arf_materialize_form #hex.none_container .arf_form_outer_wrapper .arf_materialize_form #hex.left_container, .arf_form_outer_wrapper .arf_materialize_form #hex.right_container, .arf_form_outer_wrapper .arf_materialize_form #hex.top_container, .arf_form_outer_wrapper .arf_materialize_form #hex.none_container .arf_form_outer_wrapper #hex.left_container, .arf_form_outer_wrapper #hex.right_container, .arf_form_outer_wrapper #hex.top_container, .arf_form_outer_wrapper #hex.none_container { text-align:center; } .arf_form_outer_wrapper .arf_material_outline_form #recaptcha_style, .arf_form_outer_wrapper .arf_materialize_form #recaptcha_style, .arf_form_outer_wrapper #recaptcha_style { display:inline-block; max-width:100%; } .arf_form_outer_wrapper .arf_material_outline_form #recaptcha_style .help-block, .arf_form_outer_wrapper .arf_materialize_form #recaptcha_style .help-block, .arf_form_outer_wrapper #recaptcha_style .help-block { margin-left:0px; } .arf_form_outer_wrapper .arf_material_outline_form .recaptcha_style_custom .help-block, .arf_form_outer_wrapper .arf_materialize_form .recaptcha_style_custom .help-block, .arf_form_outer_wrapper .recaptcha_style_custom .help-block { margin-left:0px; } .arf_form_outer_wrapper .arf_materialize_form div.help-block, .arf_form_outer_wrapper .arf_materialize_form div.arf_field_description, .arf_form_outer_wrapper .arf_material_outline_form div.help-block, .arf_form_outer_wrapper .arf_material_outline_form div.arf_field_description, .arf_form_outer_wrapper div.help-block, .arf_form_outer_wrapper div.arf_field_description { clear:both; } .success { background:none !important; border:0px; } .arf_form_outer_wrapper .arf_material_outline_form #hexagon img, .arf_form_outer_wrapper .arf_materialize_form #hexagon img, .arf_form_outer_wrapper #hexagon img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -o-box-sizing: content-box; } .arf_form_outer_wrapper .arf_material_outline_form input:not([type=submit], [type=button]), .arf_form_outer_wrapper .arf_materialize_form input:not([type=submit], [type=button]), .arf_form_outer_wrapper input:not([type=submit], [type=button]) { margin:0 !important; } .arfmodal-body { max-height:1000px; } .arf_form_outer_wrapper .arf_submit_btn.arfstyle-button .arfstyle-spinner, .arf_submit_btn.arfstyle-button .arfstyle-spinner, .arf_submit_btn.arfstyle-button .arfstyle-spinner{ z-index: 2; display: block; opacity: 0; filter:alpha(opacity=0); pointer-events: none; } .arf_form_outer_wrapper .arfstyle-button[data-style=zoom-in], .arfstyle-button[data-style=zoom-in]{ overflow: hidden; } .arf_form_outer_wrapper .arf_material_outline_form .arfstyle-spinner, .arf_form_outer_wrapper .arf_materialize_form .arfstyle-spinner, .arf_form_outer_wrapper .arfstyle-spinner{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .arf_form_outer_wrapper .arfstyle-button[data-style=zoom-in].data-loading .arfstyle-label{ opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .arf_form_outer_wrapper .arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner{ opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .arf_form_outer_wrapper .arf_materialize_form .arfformfield.arfcurrent_field_active{ z-index: 2; } .arf_form_outer_wrapper:not(#arfmainformeditorcontainer) .arf_materialize_form .arfsubmitbutton .arf_submit_btn, .arf_form_outer_wrapper:not(#arfmainformeditorcontainer) .arf_material_outline_form .arfsubmitbutton .arf_submit_btn{ z-index: 0; } .arf_form_outer_wrapper .arfsubmitbutton .arf_greensave_button_wrapper .arf_submit_btn, .arf_form_outer_wrapper .arf_materialize_form .arfsubmitbutton .arf_greensave_button_wrapper .arf_submit_btn, .arf_form_outer_wrapper .arf_material_outline_form .arfsubmitbutton .arf_greensave_button_wrapper .arf_submit_btn{ margin:10px 0 0; } .arf_form_outer_wrapper .arf_material_outline_form .arfsubmitbutton .arf_greensave_button_wrapper .arf_submit_btn.arf_submit_btn_flat, .arf_form_outer_wrapper .arf_materialize_form .arfsubmitbutton .arf_greensave_button_wrapper .arf_submit_btn.arf_submit_btn_flat{ box-shadow:none; } .arf_form_outer_wrapper .arf_material_outline_form .arf_submit_btn.arfstyle-button.arfsubmitdisabled .arfstyle-label, .arf_form_outer_wrapper .arf_materialize_form .arf_submit_btn.arfstyle-button.arfsubmitdisabled .arfstyle-label{ cursor:not-allowed; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container{ float:left; width: 100%; height: 100%; background-color: transparent; border: none; overflow: visible; border-radius: 4px 4px 0 0; position: relative; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; will-change: opacity,transform,color; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container.arf_material_active_container{ z-index: 99; } .arf_form_outer_wrapper.arf_form_outer_wrapper .allfields .arf_material_outline_form .iti__selected-flag{ z-index:9999; outline:none; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container .arf_material_outliner{ position:absolute; display:flex; flex-direction: row; width: 100%; height: 100%; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container .iti--allow-dropdown + .arf_material_outliner{ top: 0; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container .iti--allow-dropdown{ display:inline-flex; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container .arf_material_outliner .arf_material_outliner_notch label{ transition: all .2s !important; transform-origin: left; top:50%; transform:translateY(-50%); padding-left: 5px; z-index:99; } .arf_form_outer_wrapper .arf_material_outline_form .arf_field_type_select .arf_material_outline_container .arf_material_outliner .arf_material_outliner_notch label, .arf_form_outer_wrapper .arf_material_outline_form .arf_field_type_arf_multiselect .arf_material_outline_container .arf_material_outliner .arf_material_outliner_notch label{ z-index: unset; } .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container.arf_material_outline_container_with_icons:not(.arf_only_trailing_icon) .arf_material_active + .arf_material_outliner .arf_material_outliner_notch label.arf_main_label:not(.arf_smiley_btn):not(.arf_star_rating_label):not(.arf_dislike_btn):not(.arf_like_btn):not(.arf_like_btn):not(.arf_field_option_content_cell_label):not(.arf_js_switch_label), .arf_form_outer_wrapper .arf_material_outline_form .arf_material_outline_container.arf_material_outline_container_with_icons:not(.arf_only_trailing_icon).arf_material_active_container .arf_material_outliner .arf_material_outliner_notch label.arf_main_label:not(.arf_smiley_btn):not(.arf_star_rating_label):not(.arf_dislike_btn):not(.arf_like_btn):not(.arf_like_btn):not(.arf_field_option_content_cell_label):not(.arf_js_switch_label){ left: 0px; } .arf_form_outer_wrapper .arf_material_outline_form .arfsubmitbutton input[type="submit"] { vertical-align: unset; } @-webkit-keyframes base-cycle { 0%{ -webkit-transform: rotate(0); } 100%{ -webkit-transform: rotate(360deg); } } @-moz-keyframes base-cycle { 0%{ -moz-transform: rotate(0); } 100%{ -moz-transform: rotate(360deg); } } @keyframes base-cycle { 0%{ transform: rotate(0) } 100%{ transform: rotate(360deg) } } .elementor-element-edit-mode.elementor-widget-arf-element-shortcode::before{ position: absolute; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; content: ''; } /* modal popup css start */ .arfmodal:not(.arfmodal-fullscreen) { top: 50%!important; left: 50%!important; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } @media all and (max-width:768px){ .arfmodal:not(.arfmodal-fullscreen){ transform:none !important; -webkit-transform:none !important; -o-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; top: 0 !important; left: 0 !important; } } .arfmodal { position: fixed!important; top: 20%; left: 0; z-index: 99999; width: 560px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.3); -webkit-border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 30%); -o-box-shadow: 0 3px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3); box-shadow: 0 3px 7px rgb(0 0 0 / 30%); -moz-background-clip: padding-box; background-clip: padding-box; overflow-x: hidden; overflow-y: auto; } /* modal popup css end */ div.arf_prefix_suffix_wrapper.arf_prefix_only::before{ display:none; } .fusion-builder-live-element[data-type^="fusion_arforms"]::before{ content: ''; background-color: transparent; position: absolute; width: 100%; height: 100%; z-index: 99; } /** Accordion Change */ .arf_accordion_check{ display: none !important; } .arf_accordion_heading_label{ float:left; width: 100%; cursor: pointer; padding:10px;} .arf_accordion_heading_label_icon{ float:right; } .arf_accordion_heading_label_icon .arf_accordion_label_icon{ display: none; } .arf_accordion_heading_label_icon .arf_accordion_label_icon.arf_active{ display: block; } .arf_accordion_wrapper_container{ float:left; width: 100%; padding: 10px; margin-bottom:10px !important; } .arf_accordion_field_container{ padding: 20px 0 0; float:left; width: 100%; } .arf_accordion_inner_container{ float:left;width: 100%;margin-bottom:20px !important;} .arf_accordion_inner_container .arf_accordion_check{ & ~ .arf_accordion_field_container { max-height: 0; overflow: hidden; transition: max-height 0.5s; padding:0; } &:checked ~ div.arf_accordion_field_container { max-height: max-content; overflow:inherit; padding:20px; } & ~ .arf_accordion_heading_label .arf_accordion_heading_label_icon .arf_accordion_active_icon{ display:none; } & ~ .arf_accordion_heading_label .arf_accordion_heading_label_icon .arf_accordion_inactive_icon{ display:block; } &:checked ~ .arf_accordion_heading_label .arf_accordion_heading_label_icon .arf_accordion_active_icon{ display:block; } &:checked ~ .arf_accordion_heading_label .arf_accordion_heading_label_icon .arf_accordion_inactive_icon{ display:none; } } /** Accordion Change */ /* Section description css start */ .arf_heading_div .arf_field_description.arf_heading_description{ margin-bottom: 10px; } /* Section description css end */ .arf_field_type_password .controls .arf_strenth_mtr{ margin-top: 5px; } .arf_password_visibility{ right: 0%; top: 0%; text-align: center; height: 100%; vertical-align: middle; padding: 10px; position: absolute; cursor: pointer; z-index: 2; } .arf_password_visibility i{ /* max-height: 60%; */ height: 100%; display: flex; color: #959292; justify-content: center; align-items: center; font-size: 80%; } .arf_field_type_password input::-ms-reveal, .arf_field_type_password input::-ms-clear, .confirm_password_container input::-ms-reveal, .confirm_password_container input::-ms-clear{ display: none; }