/* MVP STYLES */ .Eloqua-MVP{display:flex;position:fixed;width:100%;height:100%;z-index:5;top:0;left:0;justify-content:center;align-items:center;z-index:10999;} .Eloqua-MVP.hidden{opacity:0;visibility:hidden;} .Eloqua-MVP::before{display:flex;content:'';width:100%;height:100%;background-color:#000;opacity:.4;position:absolute;} .MVP-Wrapper{display:flex;flex-direction:column;align-items:center;width:1200px;max-width:80%;background-color:#fafafa;height:100%;position:relative;z-index:2;padding:50px;overflow-y:scroll;} @media (max-width: 767px){ .MVP-Wrapper{max-width:100%;padding-left:5%;padding-right:5%;} } /* MVP TITLE */ .MVP-Title-Wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:35px;z-index:6;position:relative;} .MVP-Title{font-size:56px;line-height:1.2;text-align:center;} .MVP-SubTitle{font-size:24px;line-height:1.2;text-align:center;} .MVP-SubTitle2{font-family: BarlowBold,Arial,Helvetica Neue,Helvetica,sans-serif;text-align:center;font-size:24px;line-height:1.2;} @media (max-width: 767px){ .MVP-Title{font-size:30px;} .MVP-SubTitle2{font-size:20px;} } /* MVP MISC STYLES */ .MVP-Form-Container{background-color:#fff;padding:35px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);position: relative;z-index:10;max-width:100%;border-radius:4px;} .MVP-Gradient{background: var(--category-gradients-sales-partners, linear-gradient(90deg, #CD163F 0%, #F58025 60%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: BarlowBold,Arial,Helvetica Neue,Helvetica,sans-serif;} .MVP-Close{width:20px;height:20px;display:flex;overflow:visible;position:absolute;top:20px;right:20px;cursor:pointer;z-index:6;} .MVP-Blur{z-index:5;height:100%;width:100%;display:flex;position:absolute;top:0px;left:0px;} /* WARNING */ .warning{display:none;font-size:12px;padding-left:10px;margin-top:4px;} .warning.visible{display:block;} .form-design-field input.LV_warning_field:not(:placeholder-shown){border:2px solid #FDB81E;} .form-design-field input.LV_invalid_field:not(:placeholder-shown) {border: 2px solid var(--error);} .LV_invalid + .warning{display:none !important;} /* MULTISELECT */ .select{position: relative;border:1px solid var(--raGrey5);border-radius:6px;padding:10px 13px;min-height:48px;font-size:16px;transition:all ease .2s;background-color:transparent;width:100%;outline:none;line-height:1.5;} .select:hover{border:1px solid var(--raGrey2);} .select > label{width:100%;display:flex;background-image: url(https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-caret-down-grey.svg);background-repeat: no-repeat;background-size: 14px;background-position: calc(100% - 0px) center;cursor:pointer;} .select .picklist-container{display:none;margin-top:10px;padding-top:10px;border-top:1px solid var(--raGrey5);} /********** VARIABLES */ :root{ /* Color Variables */ --raRed: #CD163F; --raBlue: #2a79c4; --raBlue2: #005DB4; /* Hover State */ --raBlue3: #003E7E; /* Pressed State */ --raBlue4: #00AEEF; --raGold: #F9C20A; --raOrange: #F58025; --raGarnet: #8D0034; --raPurple: #770056; --raGreen: #77C14C; --raGrey: #E1EBF4; --raGrey2: #2D2D2D; --raGrey3: #43434D; --raGrey4: #6D6E71; --raGrey5: #E5E6E9; --raGrey6: #848484; --raGrey7: #CCCCCC; --raGrey8: #EFEFEF; --white: #FFFFFF; --success: #008700; --warning: #FDB81E; --error: #DF3704; } /* FORM STYLES */ .field-p{margin:20px 0 0 0;position:relative;display:flex;align-items:center;} /* FORM STYLES - General */ .form-design-field input, .form-design-field select, .form-design-field textarea{border:1px solid var(--raGrey5);border-radius:6px;padding:10px 13px;min-height:48px;font-size:16px;transition:all ease .2s;background-color:transparent;width:100%;outline:none;line-height:1.5;} .form-design-field input:hover, .form-design-field select:hover, .form-design-field textarea:hover{border:1px solid var(--raGrey2);} .form-design-field input::placeholder, .form-design-field select::placeholder, .form-design-field textarea::placeholder{opacity:0;} /* FORM STYLES - Labels */ .form-design-field label{padding:1px 5px;cursor:text;position:absolute;z-index:5;left:13px;top:10px;transition:all ease .2s;font-size:16px;background:#fff;pointer-events:none;background-position:5px 7px;} .form-design-field input:focus + label, .form-design-field select:focus + label, .form-design-field input:not(:placeholder-shown) + label, .form-design-field input:-webkit-autofill ~ label, .form-design-field select:-webkit-autofill ~ label, .form-design-field select.LV_valid_field ~ label, .form-design-field input:not(:placeholder-shown) ~ label, .form-design-field select:valid ~ label{top:-11px;font-size:12px;}{top:-11px;font-size:12px;} /* FORM STYLES - Input Has Value */ .form-design-field select:has(option[value=""]:not(:checked)), .form-design-field select:-webkit-autofill:has(option[value=""]:not(:checked)), .form-design-field input:not(:placeholder-shown){border:2px solid var(--raGrey4);} /* FORM STYLES - FOCUS STATE */ .form-design-field input:focus{border:2px solid var(--raBlue);} /* LIVE VALIDATION - LABELS */ /* invalid */ .form-design-field input.LV_invalid_field ~ label, .form-design-field select.LV_invalid_field ~ label{color:var(--error);} .form-design-field input.LV_invalid_field:focus ~ label{color:var(--error);background-image:url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-failed.svg");background-repeat:no-repeat;background-size:12px;background-position:5px 7px;padding:1px 5px 1px 20px;} /* valid */ .form-design-field input.LV_valid_field:focus ~ label{background-image:url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-success.svg");background-repeat:no-repeat;background-size:12px;background-position:5px 7px;padding:1px 5px 1px 20px;} /* LIVE VALIDATION - INPUTS */ /* invalid */ .form-design-field input.LV_invalid_field, .form-design-field input.LV_invalid_field:focus, .form-design-field select.LV_invalid_field, .form-design-field select.LV_invalid_field:focus{border:2px solid var(--error);color:var(--error);} /* valid .form-design-field input.LV_valid_field,*/ .form-design-field input.LV_valid_field:focus{border:2px solid var(--success);} /* LIVE VALIDATION - HELPER TEXT */ .form-design-field .LV_validation_message{font-size:12px;padding-left:10px;} .form-design-field .LV_validation_message.LV_valid{display:none;} /* invalid */ .LV_validation_message.LV_invalid{color:var(--error);} /* FORM STYLES - Select Dropdown */ .form-design-field select{background-image:url("https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-caret-down-grey.svg");background-repeat: no-repeat;background-size:14px;background-position:calc(100% - 13px) center;-webkit-appearance:none;} /*.elq-item-select:focus{}*/ .form-design-field select:focus+label{top:-11px;font-size:12px;} /* BUTTONS - General */ .submit-button{min-height:42px;font-weight:bold;align-items: center;border-radius: 4px;border-style: solid;cursor: pointer;display: inline-flex;justify-content: center;padding: 6px 25px;transition: 0.3s ease-out all;border: 2px solid transparent !important;line-height:1;font-size:16px !important;box-shadow:none !important;text-transform:uppercase;text-decoration:none;font-family:inherit;transform:none !important;} .submit-button{background-color: var(--raBlue) !important;border-color: var(--raBlue) !important;color: #fff;fill: #fff;width:auto !important;margin:auto;} .submit-button *{color: #fff;fill: #fff;} .submit-button:active, .submit-button:hover{background-color: var(--raBlue2) !important;border-color: var(--raBlue2);} .submit-button:focus{border-color: #fff;} .submit-button:disabled{background-color: var(--raGrey7) !important;border-color: var(--raGrey7) !important;color: var(--raGrey6);fill: var(--raGrey7);} /* FORM STYLES - CHECKBOXES */ input[type='checkbox']{-webkit-appearance:none ;appearance:none;min-height:0px ;margin:0px 5px 0px 0px ;width:18px ;height:18px ;border:1px solid var(--raGrey4) ;border-radius:4px ;display:inline-flex ;justify-content:center ;align-items:center ;flex-grow:0;flex-shrink:0;padding:0px ;} input[type='checkbox']::before{content:"";width:0.65em;height:0.65em;background-image:url('https://www.rockwellautomation.com/resources/assets/styles/meteor/Assets/Images/icon-checkmark.svg');background-size:100%;} input[type='checkbox']:hover{border:2px solid var(--raBlue) ;} input[type='checkbox']:focus{border:2px solid var(--raBlue3) ;outline:none ;} input[type='checkbox']:checked:focus{border:2px solid var(--raBlue);} input[type='checkbox']:checked{background:var(--raBlue) ;border:none ;} input[type='checkbox']:checked:hover{background:var(--raBlue2) ;} /* FORM STYLES - RADIO BUTTONS */ input[type='radio']{-webkit-appearance:none;appearance:none;margin:0 ;margin-right:4px ;top:1px;position:relative;width:18px;min-height:0px;height:18px;border:1px solid var(--raGrey4) ;border-radius:50% ;display:inline-flex ;justify-content:center ;align-items:center ;flex-grow:0;flex-shrink:0;padding:0px ;} input[type='radio']::before{content:"";width:6px;height:6px;background:#fff;border:4px solid #fff;border-radius:50%;background-size:100%;} input[type='radio']:checked{border:2px solid var(--raBlue) ;background-color:var(--raBlue) ;} input[type='radio']:checked::before{background:var(--raBlue) ;border:4px solid #fff ;} input[type='radio']:hover{border:2px solid var(--raBlue) ;} input[type='radio']:focus{border:2px solid var(--raBlue3) ;outline:none ;} input[type='radio']:checked:focus{border:2px solid var(--raBlue) ;} input[type='radio']:hover:checked{background:var(--raBlue2) ;border:none ;} /* clean this up */ .m-radioGroup{display:flex;margin-top:10px;margin-bottom:10px;} .-radioGroup{flex-direction:column;align-items:flex-start;} .-radioGroup tbody{display:flex;flex-direction:column;} @media (max-width: 767px){ .-radioGroup tbody{flex-direction:column !important;} .-radioGroup tbody tr{margin-bottom:10px;} } /* FORM STYLES - MISC. */ select:-webkit-autofill, select:-webkit-autofill:focus{transition: background-color 600000s 0s, color 600000s 0s;} input:-webkit-autofill, input:-webkit-autofill:focus{transition: background-color 600000s 0s, color 600000s 0s;} /* MVP STYLING */ .MVP-Blur{left:0;transition: all 1.5s ease-out;} .MVP-Wrapper.submitted .MVP-Blur{left:-50%;} .MVP-Thank-You{opacity:0;flex-direction:column;margin:auto;z-index:10;height:0px;overflow:hidden;} .MVP-Form-Container{margin:auto;} .-medium{font-family: BarlowMedium,Arial,Helvetica Neue,Helvetica,sans-serif;} .-bottom{margin-bottom:15px !important;} .button--primary{height:48px;} .MVP-Download{text-align:center;margin-top:30px;} .MVP-Title{font-size:56px;line-height:1.1;} @media (max-width: 767px){ .MVP-Wrapper{padding-left:5%;padding-right:5%;} } .fade-out{display:none;} .fade-in{display:flex;} .MVP-Wrapper.submitted .MVP-Thank-You .MVP-Title{font-size:80px;} @media (max-width: 1279px){ .MVP-Wrapper.submitted .MVP-Thank-You .MVP-Title{font-size:64px;} } @media (max-width:767px){ .MVP-Wrapper.submitted .MVP-Thank-You .MVP-Title{font-size:56px;} } .MVP-Wrapper.submitted .MVP-Thank-You{opacity:1;height:auto;overflow:visible;} .MVP-Wrapper .MVP-Thank-You .MVP-Title-Wrapper{opacity:0;transition: all .5s ease-out;transform: translateY(-50px);} .MVP-Wrapper .MVP-Thank-You .MVP-SubTitle2{opacity:0;transition: all .5s ease-out;transform: translateY(-50px);transition-delay: 0s;} .MVP-Wrapper .MVP-Thank-You .MVP-Download{opacity:0;transition: all .5s ease-out;transform: translateY(-50px);transition-delay: 0s;display:flex;justify-content:center;} .MVP-Wrapper.submitted .MVP-Thank-You .MVP-Title-Wrapper{opacity:1;transform: translateY(0px);} .MVP-Wrapper.submitted .MVP-Thank-You .MVP-SubTitle2{opacity:1;transform: translateY(0px);} .MVP-Wrapper.submitted .MVP-Thank-You .MVP-Download{opacity:1;transform: translateY(0px);} .state-us{display:none;} .state-canada{display:none;} .state-us.-show{display:block;} .state-canada.-show{display:block;}