.wf_customMessageBox{ font-family: Arial, Helvetica, sans-serif; color: #132C14; background: #F5FAF5; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25); max-width: 90%; width: max-content; word-break: break-word; z-index: 11000; border-radius: 6px; border: 1px solid #A9D3AB; min-width: 100px; padding: 10px 15px; display: flex; align-items: center; position: fixed; top: 20px; left: 50%; transform: translate(-50%, 0); } .wf_customCircle{ position: relative; background-color: #12AA67; border-radius: 100%; width: 20px; height: 20px; flex: none; margin-right: 7px; } .wf_customCheckMark{ box-sizing: unset !important; position: absolute; transform: rotate(45deg)translate(-50%, -50%); left: 6px; top: 9px; height: 8px; width: 3px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .wf_customClose{ box-sizing: border-box; position: relative; width: 18px; height: 18px; } .wf_customClose::after, .wf_customClose::before{ content: ''; display: block; box-sizing: border-box; position: absolute; width: 12px; height: 1.5px; background: #616E88; transform: rotate(45deg); border-radius: 5px; top: 8px; left} .wf_customClose::after{ transform: rotate(-45deg)} html,body{ margin: 0px; } .formsubmit.zcwf_button{ color: white !important; background: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%); } #crmWebToEntityForm.zcwf_lblLeft{ width: 100%; padding: 25px; margin: 0 auto; box-sizing: border-box; } #crmWebToEntityForm.zcwf_lblLeft *{ box-sizing: border-box; } #crmWebToEntityForm {text-align: left; } #crmWebToEntityForm *{ direction: ltr; } .zcwf_lblLeft .zcwf_title{ word-wrap: break-word; padding: 0px 6px 10px; font-weight: bold } .zcwf_lblLeft.cpT_primaryBtn:hover{ background: linear-gradient(#02acff 0,#006be4 100%)no-repeat padding-box !important; box-shadow: 0 -2px 0 0 #0159b9 inset !important; border: 0 !important; color: #fff !important; outline: 0 !important; } .zcwf_lblLeft .zcwf_col_fld input[type = text], input[type = password], .zcwf_lblLeft .zcwf_col_fld textarea{ width: 60%; border: 1px solid #c0c6cc !important; resize: vertical; border-radius: 2px; float: left; } .zcwf_lblLeft .zcwf_col_lab{ width: 30%; word-break: break-word; padding: 0px 6px 0px; margin-right: 10px; margin-top: 5px; float: left; min-height: 1px; } .zcwf_lblLeft .zcwf_col_fld{ float: left; width: 68%; padding: 0px 6px 0px; position: relative; margin-top: 5px; } .zcwf_lblLeft .zcwf_privacy {padding: 6px; } .zcwf_lblLeft .wfrm_fld_dpNn {display: none; } .dIB {display: inline-block; } .zcwf_lblLeft .zcwf_col_fld_slt{ width: 60%; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 16px; float: left; resize: vertical; padding: 2px 5px; } .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after{ content: ''; display: table; clear: both; } .zcwf_lblLeft .zcwf_col_help{ float: left; margin-left: 7px; font-size: 16px; max-width: 35%; word-break: break-word; } .zcwf_lblLeft .zcwf_help_icon{ cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%; } .zcwf_lblLeft .zcwf_row {margin: 15px 0px; } .zcwf_lblLeft .formsubmit{ margin-right: 5px; cursor: pointer; color: #313949; font-size: 16px; } .zcwf_lblLeft .zcwf_privacy_txt{ width: 90%; color: rgb(0, 0, 0); font-size: 16px; font-family: Verdana; display: inline-block; vertical-align: top; color: #313949; padding-top: 2px; margin-left: 6px; } .zcwf_lblLeft .zcwf_button{ font-size: 16px; color: #313949; border: 1px solid #c0c6cc; padding: 3px 9px; border-radius: 4px; cursor: pointer; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zcwf_lblLeft .zcwf_tooltip_over{ position: relative; } .zcwf_lblLeft .zcwf_tooltip_ctn{ position: absolute; background: #dedede; padding: 3px 6px; top: 3px; border-radius: 4px; word-break: break-word; min-width: 100px; max-width: 150px; color: #313949; z-index: 100; } .zcwf_lblLeft .zcwf_ckbox{ float: left; } .zcwf_lblLeft .zcwf_file{ width: 55%; box-sizing: border-box; float: left; } .cBoth:after{ content: ''; display: block; clear: both; } @media all and (max-width: 800px){ .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld{ width: auto; float: none !important; } .zcwf_lblLeft .zcwf_col_help {width: 40%; } } function validateEmail6118033000000513070 (){ var form = document.forms[ 'WebToLeads6118033000000513070' ]; var emailFld = form.querySelectorAll ( '[ftype=email]' ); var i; for ( i = 0; i < emailFld.length; i++ ){ var emailVal = emailFld[ i ].value; if ((emailVal.replace( /^\s+|\s+$/g,'' )).length != 0 ){ var atpos = emailVal.indexOf ( '@' ); var dotpos = emailVal.lastIndexOf ( '.' ); if ( atpos < 1 || dotpos = emailVal.length ){ alert ( 'Introduzca una dirección de correo electrónico válida. ' ); emailFld[ i ].focus (); return false; } } } return true; } function checkMandatory6118033000000513070 (){ var mndFileds = new Array ( 'Last Name', 'Email' ); var fldLangVal = new Array ( 'Apellidos', 'Correo\x20electr\xF3nico' ); for ( i = 0; i < mndFileds.length; i++ ){ var fieldObj = document.forms[ 'WebToLeads6118033000000513070' ][ mndFileds[ i ]]; if ( fieldObj ){ if (((fieldObj.value ).replace( /^\s+|\s+$/g,'' )).length == 0 ){ if ( fieldObj.type == 'file' ){ alert ( 'Seleccione un archivo para cargar.' ); fieldObj.focus (); return false; } alert ( fldLangVal[ i ] + ' no puede estar vacío.' ); fieldObj.focus (); return false; } else if ( fieldObj.nodeName == 'SELECT' ){ if ( fieldObj.options[fieldObj.selectedIndex].value == '-None-' ){ alert ( fldLangVal[ i ] + ' no puede ser nulo.' ); fieldObj.focus (); return false; } } else if ( fieldObj.type == 'checkbox' ){ if ( fieldObj.checked == false ){ alert ( 'Please accept ' + fldLangVal[ i ]); fieldObj.focus (); return false; } } try { if ( fieldObj.name == 'Last Name' ){ name = fieldObj.value; } } catch ( e ){} } } if ( !validateEmail6118033000000513070()){ return false; } var urlparams = new URLSearchParams ( window.location.search ); if ( urlparams.has( 'service' ) && ( urlparams.get( 'service' ) === 'smarturl' )){ var webform = document.getElementById ( 'webform6118033000000513070' ); var service = urlparams.get ( 'service' ); var smarturlfield = document.createElement ( 'input' ); smarturlfield.setAttribute ( 'type', 'hidden' ); smarturlfield.setAttribute ( 'value', service ); smarturlfield.setAttribute ( 'name', 'service' ); webform.appendChild ( smarturlfield ); } document.querySelector ( '.crmWebToEntityForm .formsubmit' ).setAttribute ( 'disabled', true ); return true; } $( document ).ready ( function (){ $( '#webform6118033000000513070' ).submit ( function ( e ){ var ismandatory = checkMandatory6118033000000513070 (); e.preventDefault (); if ( ismandatory ){ if ( typeof _wfa_track != 'undefined' && _wfa_track.wfa_submit ){ _wfa_track.wfa_submit ( e ); } var formData = new FormData ( this ); $.ajax ({ url: 'https://crm.zoho.com/crm/WebToLeadForm', type: 'POST', data: formData, cache: false, contentType: false, processData: false, success: function ( data ){ var splashinfodom = document.getElementById ( 'wf_splash_info' ); splashinfodom.innerText = data.actionvalue; var splashdom = document.getElementById ( 'wf_splash' ); document.getElementById ( 'webform6118033000000513070' ).reset.click (); splashdom.style.display = ''; setTimeout ( function (){ splashdom.style.display = 'none'; }, 5000 ); document.querySelector ( '.crmWebToEntityForm .formsubmit' ).removeAttribute ( 'disabled' ); }, error: function ( data ){ alert ( 'an error occurred' ); } }); } }); }); function tooltipShow6118033000000513070 ( el ){ var tooltip = el.nextElementSibling; var tooltipDisplay = tooltip.style.display; if ( tooltipDisplay == 'none' ){ var allTooltip = document.getElementsByClassName ( 'zcwf_tooltip_over' ); for ( i = 0; i < allTooltip.length; i++ ){ allTooltip[ i ].style.display = 'none'; } tooltip.style.display = 'block'; } else { tooltip.style.display = 'none'; } }