UNPKG

har-down

Version:

har download 从 chrome 生成的 har 文件中下载整个网站所有资源

1,721 lines (1,451 loc) 39.8 kB
.scfForm:focus, .scfForm:active { outline: 0 !important } .CheckboxlistHorizontal table.scfRadioButtonList tr { float: left !important; padding-left: 3px !important; } .scfRadioButtonListGeneralPanel { padding-left: 5px !important; } .CheckboxlistHorizontal { } fieldset { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-style: normal; font-weight: normal } .scfSubmitButtonBorder { padding-bottom: 14px; display: inline-block; } .scfForm input[type="text"], input[type="password"], select, textarea { display: block; width: 100%; height: 40px; padding: 7px 14px; border: 1px solid #ccc; /* MindtreeWFFMCSS */ /* background: #F1F7F9; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px } input[type="text"][disabled], input[type="text"][disabled="disabled"], input[type="password"][disabled], input[type="password"][disabled="disabled"], select[disabled], select[disabled="disabled"], textarea[disabled], textarea[disabled="disabled"] { color: black; background-color: #D3D3D3; } input[type="text"] { -webkit-appearance: none } textarea { height: 100px; resize: none } .inputbox { position: relative } .inputbox label { display: block; width: 100%; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: inherit; color: #0C7996; font-size: inherit; font-weight: 700 } .inputbox .error { color: #ed2324; padding: 0 10px; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .inputbox .tip { color: #888; padding: 2px 10px 0 10px; width: 100%; display: block; ont-size: 12px; line-height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .inputbox .required { color: #888; position: absolute; right: -10px; top: 0px; z-index: 100; font-size: 20px } html .scfForm { width: auto; height: auto; font-family: inherit; line-height: inherit } .scfForm { background-color: inherit; color: inherit; font-size: inherit; line-height: inherit; font-family: inherit } .scfForm .scfValidationSummary, .scfForm .validation-summary-errors { margin-left: 0px } .scfForm .scfValidationSummary ul, .scfForm .validation-summary-errors ul { margin-bottom: 0 0 10px 0; padding-left: 30px } .scfForm .scfValidator, .scfForm .field-validation-error { display: none; float: none } .scfValidator { display: none !important; float: none !important } .scfForm .scfSectionBorderAsFieldSet { padding: 0; border: 0 none; margin: 0 } .scfForm .scfSectionLegend { padding-left: 18px !important; margin-left: 0 } .scfForm .scfSectionUsefulInfo { width: auto; display: block } .scfForm .scfSectionContent { width: auto; float: none } .scfForm .scfCheckboxBorder { margin: 0px } .scfForm .scfCheckbox { width: 100% } .scfForm .scfCheckboxUsefulInfo { font-size: inherit; width: 100%; padding: 0px } .scfForm .scfListBoxGeneralPanel, .scfForm .scfDropListGeneralPanel { width: 100%; float: none } .scfForm .scfDateSelectorLabel { margin-top: 0px } .scfForm .scfDropListBorder, .scfForm .scfEmailBorder, .scfForm .scfMultipleLineTextBorder, .scfForm .scfSingleLineTextBorder, .scfForm .scfPasswordBorder, .scfForm .scfNumberBorder, .scfForm .scfDatePickerBorder, .scfForm .scfDateBorder, .scfForm .scfRadioButtonListBorder, .scfForm .scfListBoxBorder, .scfForm .scfCheckBoxListBorder, .scfForm .scfFileUploadBorder, .scfForm .scfDateSelectorBorder, .scfForm .scfCreditCardBorder, .scfForm .scfConfirmPasswordBorder, .scfForm .scfCaptchaBorder, .scfForm .scfTelephoneBorder, .scfForm .scfSmsTelephoneBorder { margin: 0px } .scfForm .scfDropListLabel, .scfForm .scfEmailLabel, .scfForm .scfMultipleLineTextLabel, .scfForm .scfSingleLineTextLabel, .scfForm .scfPasswordLabel, .scfForm .scfNumberLabel, .scfForm .scfDatePickerLabel, .scfForm .scfDateLabel, .scfForm .scfRadioButtonListLabel, .scfForm .scfCheckBoxListLabel, .scfForm .scfListBoxLabel, .scfForm .scfFileUploadLabel, .scfForm .scfDateSelectorLabel, .scfForm .scfCreditCardLabel, .scfForm .scfConfirmPasswordLabel, .scfForm .scfCaptchaLabel, .scfForm .scfTelephoneLabel, .scfForm .scfSmsTelephoneLabel { padding: 0; width: 100%; display: block; float: none } .scfForm .scfEmailGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfSingleLineGeneralPanel, .scfForm .scfPasswordGeneralPanel, .scfForm .scfNumberGeneralPanel, .scfForm .scfDatePickerGeneralPanel, .scfForm .scfDateGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfFileUploadGeneralPanel, .scfForm .scfDateSelectorGeneralPanel, .scfForm .scfCreditCardGeneralPanel, .scfForm .scfConfirmPasswordGeneralPanel, .scfForm .scfCaptchaGeneralPanel, .scfForm .scfTelephoneGeneralPanel, .scfForm .scfSmsTelephoneGeneralPanel { padding: 0; width: 100%; float: none } .scfForm .scfDropListUsefulInfo, .scfForm .scfEmailUsefulInfo, .scfForm .scfMultipleLineTextUsefulInfo, .scfForm .scfSingleLineTextUsefulInfo, .scfForm .scfPasswordUsefulInfo, .scfForm .scfNumberUsefulInfo, .scfForm .scfDatePickerUsefulInfo, .scfForm .scfDateUsefulInfo, .scfForm .scfRadioButtonListUsefulInfo, .scfForm .scfListBoxUsefulInfo, .scfForm .scfCheckBoxListUsefulInfo, .scfForm .scfFileUploadUsefulInfo, .scfForm .scfDateSelectorUsefulInfo, .scfForm .scfCreditCardTextUsefulInfo, .scfForm .scfConfirmPasswordUsefulInfo, .scfForm .scfCaptchaUsefulInfo, .scfForm .scfTelephoneUsefulInfo, .scfForm .scfSmsTelephoneUsefulInfo { padding-left: 0; float: none } .scfForm .scfShortDate { clear: left; text-align: left; display: block; margin: 5px 0px; vertical-align: top; width: 60% } .scfForm .scfShortDate .scfDateSelectorLabel { width: 50%; margin-top: 0px } .scfForm .scfShortDate .scfDateSelectorGeneralPanel { width: 100%; max-width: 300px } .scfForm .scfShortDate .scfDateSelectorDay, .scfForm .scfShortDate .scfDateSelectorShortLabelDay, .scfForm .scfShortDate .scfDateSelectorShortLabelMonth, .scfForm .scfShortDate .scfDateSelectorShortLabelYear { display: none } .scfForm .scfShortText { float: none } .scfForm .scfShortText .scfSingleLineTextLabel { width: 60% } .scfForm .scfShortText .scfSingleLineGeneralPanel { width: 100%; overflow: hidden } .scfForm .scfSectionContent > div.scfShortText [class*="UsefulInfo"].scfSingleLineTextUsefulInfo { width: 35%; float: right } .scfForm .scfSectionContent > div.scfShortText [class*="UsefulInfo"].scfSingleLineTextUsefulInfo img { width: 100% } .scfForm .scfShortText .scfSingleLineTextBox { width: 60%; float: left; margin: 0px } .scfForm .scfSectionBorderAsFieldSet { padding-bottom: 0px } .scfForm > div:after { clear: both; content: ""; display: table; height: 1px; position: relative; width: 1px } .scfForm .halfSection, .scfForm .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection { width: 45%; float: left; clear: left } .scfForm .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection, .scfForm .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection + .halfSection { float: right; clear: none } .scfForm .scfSectionBorder { clear: both } .scfForm .scfValidationSummary, .scfForm .validation-summary-errors, .scfForm .scfSubmitSummary, .scfForm .scfValidatorRequired, .scfForm .scfValidator { color: #ed2324 !important } .scfForm .scfSectionContent { max-width: 1600px } .scfForm .scfSectionContent > div { margin-bottom: 25px; width: 100%; position: relative; clear: both; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .scfForm .scfSectionContent > div label, .scfForm .scfSectionContent > div .scfDateSelectorLabel, .scfForm .scfSectionContent > div .scfRadioButtonListLabel, .scfForm .scfSectionContent > div .scfCheckBoxListLabel, .scfForm .scfSectionLegend { /* MindtreeWFFMCSS */ display: inline; width: 100%; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: inherit; color: #444; font-size: inherit; font-weight: 700; line-height: 1.2em } .scfForm .scfSectionContent > div [class*="UsefulInfo"], .scfForm .scfSectionContent > div.datetime-field > div > span { color: #888; padding: 2px 10px 0 10px; width: 100%; display: block; font-size: 12px; line-height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .scfForm .scfSectionContent > div .scfRequired, .scfForm .scfSectionContent > div .scfValidatorRequired { color: red; position: absolute; right: 20px; top: 0px; /*z-index: 100;*/ font-size: 20px; margin-right: -10px } .scfForm .scfSectionContent > div .scfValidatorRequired { color: #888 } .scfForm .scfSectionContent > div.thirdAvailableWidth { float: left; width: 33.25%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.DroplistConfigurableEmail, .scfForm .scfSectionContent > div.halfAvailableWidth, .scfForm .scfSectionContent > div.UserName, .scfForm .scfSectionContent > div.OptionalTextbox { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.CheckboxlistHorizontal { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.Country { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.productName, .scfForm .scfSectionContent > div.IndustryTxtBox { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.likedProduct, .scfForm .scfSectionContent > div.IndustryDropdown { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } .scfForm .scfSectionContent > div.state { float: left; width: 50%; clear: none; margin: 0 0 25px 0 } /* MindtreeWFFMCSS */ .threefourthAvailableWidth { float: left; width: 75%; clear: none; margin: 0 0 25px 0 } /* MindtreeWFFMCSS */ .scfForm .scfSectionContent > div.threefourthAvailableWidth { float: left; width: 75%; clear: none; margin: 0 0 25px 0 } .scfForm input[type="submit"], .scfForm .scfSectionContent > div label.scfFileUploadLabel { text-decoration: none; font-size: inherit; line-height: 1; cursor: pointer; font-weight: 400; display: inline-block; cursor: pointer; height: auto; min-height: 40px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .scfForm input[type="submit"] { height: 38px; border: none; background-color: #ED1C24; /* background-color: red; */ color: rgb(248, 247, 247); font-size: 17px; font-family: PT Sans; font-weight: 700; min-width: 100px; } .scfForm input[type="submit"]:hover { } .scfForm .scfSectionContent > div label.scfFileUploadLabel { padding: 12px 20px; border: 0 none; background: #ED1C24; color: #fff; font-family: inherit; line-height: 1.2em } .scfForm .scfSectionContent > div label.scfFileUploadLabel:hover { background: #ED1C24; color: #fff } .scfForm .scfRadioButtonListBorder, .scfForm .scfCheckBoxListBorder { width: 100% } .scfForm .scfRadioButtonListBorder > span:first-child, .scfForm .scfCheckBoxListBorder > span:first-child { margin-bottom: 8px; display: block; width: 100% } .scfForm .scfRadioButtonListBorder td, .scfForm .scfCheckBoxListBorder td { position: relative } .scfForm .scfRadioButtonListBorder td input, .scfForm .scfCheckBoxListBorder td input { position: absolute; margin: 7px 0 0 3px } .scfForm .scfRadioButtonListBorder td label, .scfForm .scfCheckBoxListBorder td label { padding: 3px 0 0 25px; margin-bottom: 3px; display: block; color: #111 } .scfForm .scfCheckboxBorder .scfCheckbox input { position: absolute; top: 7px; margin-left: 3px } .scfForm .scfCheckboxBorder .scfCheckbox label { padding: 8px 0 0 25px; margin-bottom: 3px; display: block; color: #111 } .scfForm .scfSectionContent > div.scfFileUploadBorder { position: relative; width: auto; float: left; clear: both } .scfForm .scfSectionContent > div.scfFileUploadBorder label { z-index: 2; width: auto; height: auto; min-height: 40px } .scfForm .scfSectionContent > div.scfFileUploadBorder input { height: 40px; line-height: 40px; left: 0; position: absolute; top: 0; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .scfForm .scfSectionContent > div.scfFileUploadBorder .scfFileUploadGeneralPanel { position: relative; z-index: 3 } .scfForm .scfSectionContent > div.scfFileUploadBorder .scfFileUploadUsefulInfo .value { display: block; color: inherit } .scfForm .scfDateSelectorGeneralPanel:after { clear: both; content: ""; display: table; height: 1px; position: relative; width: 1px } .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelDay, .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelMonth, .scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelYear { display: none } .scfForm .scfDateSelectorGeneralPanel select { width: 30%; float: left; padding-right: 3px } .scfForm .scfDateSelectorGeneralPanel select + select { margin: 0 5% } .scfForm .scfDateSelectorGeneralPanel select + select + select { margin: 0 } .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorMonth { width: 40% } .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorYear { width: 30% } .scfForm .scfDateSelectorGeneralPanel select.scfDateSelectorDay { width: 20% } .scfForm .scfSectionContent > div.scfPasswordConfirmation > div:first-child, .scfForm .scfSectionContent > div.scfCreditCard > div:first-child { margin-bottom: 25px } .scfForm .scfDatePickerGeneralPanel .ui-icon { display: block; float: right; position: relative; top: -27px } .scfForm .scfCaptchaLimitGeneralPanel { width: 230px } .scfForm .scfCaptchStrongTextPanel { float: none; width: 230px } .scfForm .scfCaptchaLabelText { width: 230px } .scfForm .scfCaptcha img { border: 1px solid black } .scfForm .scfCaptchaTextBox { width: 100% } .scfForm .scfCaptchaLimitGeneralPanel .scfRequired, .scfForm .scfCaptchaLimitGeneralPanel .scfValidatorRequired { float: right } .scfForm .scfCaptchaGeneralPanel embed { position: absolute; z-index: -10 } .scfForm .scfCaptchaGeneralPanel td br { margin-top: 3px; margin-bottom: 5px } .scfForm .scfCaptchaGeneralPanel td input { margin-left: 20px } .scfForm .scfCaptchaGeneralPanel table { margin-top: 30px } .scfForm .scfSectionLegend { } .scfForm h1.scfTitleBorder { font-family: inherit; color: #000; font-weight: 400; font-size: 30px; text-rendering: optimizelegibility; line-height: 1em; margin: 0px 0px 10px 0 } .scfForm .scfValidationSummary, .scfForm .validation-summary-errors { margin: 6px 0; border-color: #ed2324; border-style: solid; border-width: 1px; border-radius: 4px; padding: 10px 10px 5px 10px; background: transparent } .scfForm .scfValidationSummary ul, .scfForm .validation-summary-errors ul { margin: 0; padding: 0; list-style-type: none } .scfForm .scfValidationSummary li, .scfForm .validation-summary-errors li { margin: 0 0 5px 0; padding: 0 0 0 20px; list-style-type: none; position: relative } .scfForm .scfValidationSummary li:before, .scfForm .validation-summary-errors li:before { position: absolute; content: " "; height: 1px; width: 5px; left: 6px; top: 11px; background-color: #ed2324 } .scfForm input[type="submit"] { margin-left: 20px; display: block } @media screen and (max-width: 600px) { .scfForm .halfSection { width: 100% !important; float: !important } .scfForm .scfDateSelectorGeneralPanel select, .scfForm .scfDateSelectorGeneralPanel select + select, .scfForm .scfDateSelectorGeneralPanel select + select + select { width: 100%; float: none; margin: 0 0 10px 0 } .scfForm .scfDateSelectorGeneralPanel select + select + select { margin: 0 } .scfForm .scfSectionContent > div.thirdAvailableWidth, .scfForm .scfSectionContent > div.halfAvailableWidth, .scfForm .scfSectionContent > div.UserName, .scfForm .scfSectionContent > div.DroplistConfigurableEmail, .scfForm .scfSectionContent > div.CheckboxlistHorizontal { width: 100%; clear: both } .scfForm .scfSectionContent > div.Country { width: 100%; clear: both } .scfForm .scfSectionContent > div.state { width: 100%; clear: both } .scfForm .scfSectionContent > div.productName, .scfForm .scfSectionContent > div.IndustryTxtBox { width: 100%; clear: both } .scfForm .scfSectionContent > div.likedProduct, .scfForm .scfSectionContent > div.IndustryDropdown { width: 100%; clear: both } .g-recaptcha { margin-left: -16px !important; } .newsletter_popup { margin-bottom: 0px; } .newsletter_popup .scfForm .scfSectionContent > div { margin-bottom: 12px; } .newsletter_popup .scfForm .scfSingleLineTextBox { height: 33px; } } .scfForm .scfSectionContent .half-section, .half-section { width: 50%; clear: none; float: left; margin: 0 0 25px 0; padding: 0 20px; box-sizing: border-box; } .scfSectionContent > div.half-section { float: left; width: 50%; clear: none; margin: 0 0 25px 0; } @media(max-width: 767px) { .half-section { width: 100%; } } .full-section { width: 100%; clear: none; float: left; margin: 0 0 25px 0; padding: 0 20px; } .oneThird-section { width: 33%; clear: none; float: left; margin: 0 0 25px 0; padding: 0 20px; box-sizing: border-box; } span.field-validation-error { clear: both; color: red; width: 100%; float: left; } .scfForm input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select, textarea { display: block; width: 100%; height: 40px; padding: 7px 14px; border: 1px solid #ccc; /* background: #F1F7F9; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .validation-summary-valid ul { margin: 0; } textarea { height: 100px; resize: none } .overview h4, .overview h1 { margin: 0; } .form-intro span, .form-intro p { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 10px !important; /*display: inline-block;*/ } .form-intro { margin-bottom: 0; } .clearfix { display: inline-block; width: 100%; } .hideSection { display: none; } .form-section-title { padding: 0 20px; } .form-section-title h2 { font-size: 14px; font-weight: 700; } .form-section-title .full-section { margin: 0px; } .form-section-title input[type="checkbox"] { margin-right: 10px; } .form-section-title { border-bottom: 1px solid #e5e5e5; } .form-section-title h2 { margin-bottom: 4px } .inline-radio-btn label:nth-child(3) { display: block } .oneThird-RadioBtn label:nth-child(3) { min-width: 100%; display: block; padding-left: 0; } .oneThird-RadioBtn label { width: 28%; margin-right: 0; vertical-align: top; position: relative; padding-left: 25px; } .oneThird-RadioBtn label input { position: absolute; left: 0; top: 1px; } .validation-summary-errors { clear: both; } .form-group.half-section.inline-radio-btn label input { margin-right: 3px; } .right-margin label input { margin-right: 8px !important; float: left; margin-top: 4px !important; } .Columns-1 > label { padding-left: 5px !important; display: block; margin-bottom: 0px; } .Columns-1 > label:nth-child(3) { padding-left: 0px !important; min-height: 22px; margin-bottom: 7px; } .Columns-1 > label input { margin-right: 10px; top: 2px; position: relative; } .state-font { color: #888; padding: 2px 10px 0 10px; width: 100%; display: block; font-size: 12px; line-height: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .Columns-3 .count-direction { -webkit-column-count: 3; -ms-column-count: 3; -moz-column-count: 3; -o-column-count: 3; column-count: 3; padding: 0 4px; } .Columns-2 .count-direction { -webkit-column-count: 2; -ms-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; padding: 0 4px; } .Columns-4 .count-direction { -webkit-column-count: 4; -ms-column-count: 4; -moz-column-count: 4; -o-column-count: 4; column-count: 4; padding: 0 4px; } .Columns-3 .no-direction label, .Columns-4 .no-direction label, .Columns-2 .no-direction label, .Columns-4 .count-direction label, .Columns-3 .count-direction label, .Columns-2 .count-direction label { display: block !important; width: 100% !important; } .Columns-4 .count-direction label, .Columns-3 .count-direction label, .Columns-2 .count-direction label { position: relative; padding-left: 22px; margin-bottom: 2px; } .Columns-4 .count-direction label input, .Columns-3 .count-direction label input, .Columns-2 .count-direction label input { position: absolute !important; left: 0; top: 5px; } .form-intro.full-section > div, .form-footer.full-section > div { padding-left: 0 !important; } .new-direction > label, .no-direction > label, .Columns-1 label { display: block !important; width: 100% !important; } .Columns-checkbox label:nth-child(3), .Columns-5 label:nth-child(3) { display: block !important; width: 100% !important; margin-bottom: 0px !important; } .Columns-5 label:nth-child(4) { margin-left: 2px; } .Columns-checkbox > label:nth-child(3) { margin-bottom: 7px !important; } .Columns-checkbox > label:nth-child(4) { margin-left: 4px; } .Columns-checkbox > label input { margin-right: 7px; position: relative; top: 5px; } .Columns-3 label input, .Columns-2 label input, .Columns-4 label input, .Columns-1 label input { margin-top: 0px; position: relative; top: 3px; margin-right: 8px } .Columns-1 label { margin-bottom: 3px } @media all and (max-width:991px) { .Columns-4 .count-direction, .Columns-3 .count-direction { -webkit-column-count: 2; -ms-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; } } .hasDatepickerIcon { position: relative; } .hasDatepickerIcon .ui-icon-calendar { position: absolute; right: 3px; top: 14px; z-index: 1; } .input-wrapper { background: #ffffff; position: relative; border-radius: 5px; } .input-wrapper input { background: none; position: relative; z-index: 10; cursor: pointer; } /* .scfForm.clearfix { display:block; margin-top: 16px; } */ .scfForm.clearfix .form-section-title h2 { text-align: left; } .scfForm.clearfix .full-section.right-margin { text-align: left; } .scfForm.clearfix .full-section.right-margin input[type="checkbox"] { visibility: visible } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .thirdAvailableWidth { float: left; text-align: left; display: inline; margin: 5px 0; width: 33%; vertical-align: top; } .fieldrapper .form-section-title { border: none; padding: 3px 3px 3px 18px; margin: 0 0 20px 0; color: #444; font-family: 'PT Sans',serif; } .fieldrapper .form-section-title h2 { margin: 0; line-height: 16px; font-stretch: 100%; font-family: openSans,serif; } .scfChecboxTextDesc { color: #888; padding: 2px 10px 0 10px; width: 100%; display: block; font-size: 12px; line-height: 1.2em; } .scfExSecCon { margin-top: 12px; } .full-section input[type="submit"] { margin-left: 0; } .checkboxRed { color: rgb(237, 28, 36); } .scfForm .scfSectionLegend { display: block; } .count-direction label { padding-right: 15px; } .count-direction label input[type="radio"] { margin-right: 7px; } .form-intro span, .form-intro p { margin-bottom: 0 !important; } .stateTxt { color: #888; padding: 2px 10px 0 10px; width: 100%; display: block; font-size: 12px; } .FSELabel { display: block; } .FSELabel + label input { margin-right: 8px; vertical-align: top; } .scfCheckbox label { padding: 8px 0 0 25px; margin-bottom: 3px; display: block; color: #111; position: relative; } .scfCheckbox label input[type="checkbox"] { position: absolute; left: 0; } .Direction-Horizontal label:not([class]) { display: inline-block !important; width: auto !important; } .scfSectionBorder { position: relative; } .scfDropListGeneralPanel select { -webkit-appearance: none; } .datepicUI { position: relative; z-index: 9; background: transparent; cursor: default; } .calIcon { position: absolute; right: 0; top: 30px; right: 30px; width: 10px; height: 20px; cursor: pointer; background-image: url(/images/ui-icons_222222_256x240.png); background-position: -291px; } .page-header h4 { margin-top: 0; margin-bottom: 0; } .newsletter-form label input { height: auto !important; margin-right: 5px !important; } .newsletter-form label { font-weight: 300 !important; } .newsletter-form { margin-bottom: 5px; } .bg-grey h2 { margin: 10px 0; } .mobile_search_box .global_search input, .search #global_search input { margin: 0; } .ui-widget.ui-widget-content { font-size: 10px; font-family: Verdana,Arial,sans-serif; } .ui-datepicker .ui-datepicker-header { border: 1px solid #aaaaaa; background: #cccccc url(https://www.ameteksfms.com/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/colors/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://www.ameteksfms.com/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/colors/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(https://www.ameteksfms.com/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/colors/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .scfForm .checkbox-item-wrap label { display: block !important; padding: 0 0 7px 0 !important; } .scfForm .checkbox-wrapper .checkbox-item-wrap { display: inline-block; padding-right: 18px; padding-top: 4px; min-width: 118px; } .scfForm .scfSectionContentinput { margin-top: 10px; } .scfForm .text-field p { line-height: 1.6; } .scfForm .checkbox-wrapper .checkbox-item-wrap label input { position: relative; top: 0px; } .scfForm .scfSectionContent > div.checkbox-wrapper { margin-bottom: 16px; } .scfForm .captcha-wrapper { padding-bottom: 35px; } .customthankyoumsg { margin: 0 !important; padding: 0 !important; } .product_detail .product_detail_cont .top_content .product_vl_img { margin: 0; } .product_detail .product_detail_cont .top_content .product_hl_img { margin: 0; padding: 0; } .custom-radiobutton label:not(.custom-radiolabel) { padding: 3px 0 0 30px; margin-bottom: 0; display: block; color: #111; position: relative; } .custom-radiobutton label:not(.custom-radiolabel) input[type="radio"] { position: absolute; left: 8px; margin: 0; top: 8px; } .custom-radiobutton .custom-radiolabel { margin: 0; padding: 0 0 0 3px; } .custom-cems-form-information { padding-top: 12px; } .Direction-Vertical label[class], .Direction-Horizontal label[class] { display: block !important; } .custom-cems-form .scfSectionContent .Direction-Horizontal label { margin: 0; position: relative; } .custom-cems-form .scfSectionContent .Direction-Horizontal label input[type="radio"] { position: absolute; left: 0; top: 6px; } .custom-cems-form .scfSectionContent .Direction-Horizontal label:not([class]) { padding: 2px 0px 0 22px; margin: 0 0 0 8px; } .scfForm.clearfix, .scfForm .scfSectionContent { max-width: 100%; width: 100%; } @media only screen and (min-width: 468px) { .page-title .mobileHeadingImg { display: block !important; min-height: 16px; } .page-title .mobileHeadingImg img { display: none; } } @media only screen and (max-width: 468px) { .page-title .headingImg { display: block !important; } } .custom-label-Direction .no-direction label { padding-top: 0; } .custom-label-Direction label[class] { padding-top: 1px !important; margin-bottom: 2px; } .custom-label-Direction label:not([class]) { position: relative; padding: 0px 0 0 30px !important; margin-bottom: 6px; display: block !important; color: #111 !important; } .custom-label-Direction label:not([class]) input[type="radio"] { position: absolute; left: 8px; top: 4px; } @media screen and (max-width: 600px) { .scfForm .scfSectionContent > div.half-section { width: 100%; } } .obrienbannerform { padding-top: 20px; } .obrienbannerform .field-validation-valid { display: block; margin-top: 5px; margin-bottom: 10px; } .obrienbannerform .form-group { padding-left: 15px; padding-right: 15px; } .required-field .control-label:before, .required-field .checkbox:after { color: #d00; content: "*"; font-weight: bolder; } @media only screen and (max-width: 767px) { .obrienbannerform .form-control { height: 34px; } } .unsubscribeform-width { max-width: 1000px; margin: 0 auto; } .unsubscribeform-width .form-intro { padding-bottom: 14px; } .scfForm .unsubscribeform-width input[type="submit"] { margin-top: 1px; margin-bottom: 11px; } .scfForm .unsubscribeform-width .scfSubmitButtonBorder { overflow: hidden; } .scfForm.clearfix { max-width: 1000px; display: inherit; } .OptInCheckboxText .form-title.full-section.form-section-title { border-bottom: 0; } .Columns-3.Columns-3apt .count-direction label input { top: 7px !important; } .right-margin.right-margin-apt label input { margin-top: 7px !important; } .scfForm .dropdown-margin { margin: 5px 0; } .form-align h1 { margin-left: -15px; } .form-align .btn-outline-danger { margin-left: 20px; } /* Sitecore form fields css */ .FaqBody .form-group-Queries { -webkit-transform-origin: 0 0; -webkit-transform: scal(0.77); transform-origin: 0 0; transform: scale(0.75); } .panel .validation-summary-errors { font-size: 13px !important; } .FaqBody .scfForm .formlabel { display: none; } .FaqBody .scfForm input[type="submit"] { margin: auto !important; } .FaqBody .scfForm .form-control { margin-top: 15px !important; display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .FaqBody .scfForm .rightSideform { height: 30px !important; font-size: 13px !important; } .FaqBody .scfForm .form-control-textarea { margin: 15px 0 !important; display: block; height: 80px; width: 100%; padding: 6px 12px; font-size: 13px !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .PanelHeaderText { color: white !important; background-color: #88c6e2 !important; font-size: 20px; font-weight: bold; display: flex; } .FaqBody { background-color: #edf0f2 !important; padding-top: 20px !important; } .panel-default > .panel-heading { cursor: text; } .g-recaptcha { transform: scale(0.80); transform-origin: 0 0; } .FaqBody .boldText { font-weight: bold; } .panel .imageHeader { width: 35px; height: 50px; visibility: hidden; } .g-recaptcha { transform: scale(0.77); -webkit-transform: scal(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }