har-down
Version:
har download 从 chrome 生成的 har 文件中下载整个网站所有资源
1,721 lines (1,451 loc) • 39.8 kB
CSS
.scfForm:focus,
.scfForm:active {
outline: 0
}
.CheckboxlistHorizontal table.scfRadioButtonList tr {
float: left ;
padding-left: 3px ;
}
.scfRadioButtonListGeneralPanel {
padding-left: 5px ;
}
.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 ;
float: none
}
.scfForm .scfSectionBorderAsFieldSet {
padding: 0;
border: 0 none;
margin: 0
}
.scfForm .scfSectionLegend {
padding-left: 18px ;
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
}
.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% ;
float:
}
.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 ;
}
.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 ;
padding-right: 0 ;
margin-left: 0 ;
margin-right: 0 ;
margin-bottom: 10px ;
/*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 ;
float: left;
margin-top: 4px ;
}
.Columns-1 > label {
padding-left: 5px ;
display: block;
margin-bottom: 0px;
}
.Columns-1 > label:nth-child(3) {
padding-left: 0px ;
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 ;
width: 100% ;
}
.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 ;
left: 0;
top: 5px;
}
.form-intro.full-section > div, .form-footer.full-section > div {
padding-left: 0 ;
}
.new-direction > label, .no-direction > label, .Columns-1 label {
display: block ;
width: 100% ;
}
.Columns-checkbox label:nth-child(3), .Columns-5 label:nth-child(3) {
display: block ;
width: 100% ;
margin-bottom: 0px ;
}
.Columns-5 label:nth-child(4) {
margin-left: 2px;
}
.Columns-checkbox > label:nth-child(3) {
margin-bottom: 7px ;
}
.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 ;
}
.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 ;
width: auto ;
}
.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 ;
margin-right: 5px ;
}
.newsletter-form label {
font-weight: 300 ;
}
.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 ;
padding: 0 0 7px 0 ;
}
.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 ;
padding: 0 ;
}
.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 ;
}
.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 ;
min-height: 16px;
}
.page-title .mobileHeadingImg img {
display: none;
}
}
@media only screen and (max-width: 468px) {
.page-title .headingImg {
display: block ;
}
}
.custom-label-Direction .no-direction label {
padding-top: 0;
}
.custom-label-Direction label[class] {
padding-top: 1px ;
margin-bottom: 2px;
}
.custom-label-Direction label:not([class]) {
position: relative;
padding: 0px 0 0 30px ;
margin-bottom: 6px;
display: block ;
color: #111 ;
}
.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 ;
}
.right-margin.right-margin-apt label input {
margin-top: 7px ;
}
.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 ;
}
.FaqBody .scfForm .formlabel {
display: none;
}
.FaqBody .scfForm input[type="submit"] {
margin: auto ;
}
.FaqBody .scfForm .form-control {
margin-top: 15px ;
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 ;
font-size: 13px ;
}
.FaqBody .scfForm .form-control-textarea {
margin: 15px 0 ;
display: block;
height: 80px;
width: 100%;
padding: 6px 12px;
font-size: 13px ;
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 ;
background-color: #88c6e2 ;
font-size: 20px;
font-weight: bold;
display: flex;
}
.FaqBody {
background-color: #edf0f2 ;
padding-top: 20px ;
}
.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;
}