/* - ploneCustom.css - */
@media all {
/* https://www.sg-bdp.pf/portal_css/ploneCustom.css?original=1 */
/* */ .PFGForm, .pfg-form {
background: #FFFFFF;
max-width: 720px;
margin: 0 auto;
padding: 40px 48px;
font-family: 'Source Sans Pro', Arial, sans-serif;
color: #1A1A2E;
}
/* */
.PFGForm h2,
.pfg-form h2,
.PFGForm .formQuestion,
.pfg-form .formQuestion {
font-family: 'Montserrat', Arial, sans-serif !important;
font-weight: 800 !important;
font-size: 22px !important;
color: #1A1A2E !important;
border-left: 4px solid #E30613 !important;
padding-left: 14px !important;
margin-bottom: 32px !important;
margin-top: 0 !important;
background: transparent !important;
}
/* */
.PFGForm .field,
.pfg-form .field,
.PFGForm .formField,
.pfg-form .formField {
margin-bottom: 28px !important;
position: relative !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
/* */
.PFGForm label,
.pfg-form label {
display: block !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #8C8C8C !important;
margin-bottom: 6px !important;
font-family: 'Source Sans Pro', Arial, sans-serif !important;
background: transparent !important;
}
/* */
.PFGForm input[type="text"],
.PFGForm input[type="email"],
.PFGForm input[type="tel"],
.PFGForm input[type="number"],
.PFGForm textarea,
.pfg-form input[type="text"],
.pfg-form input[type="email"],
.pfg-form input[type="tel"],
.pfg-form input[type="number"],
.pfg-form textarea {
width: 100% !important;
border: none !important;
border-bottom: 2px solid #CCCCCC !important;
border-radius: 0 !important;
background: transparent !important;
padding: 10px 0 8px 0 !important;
font-size: 18px !important;
font-family: 'Source Sans Pro', Arial, sans-serif !important;
color: #1A1A2E !important;
box-shadow: none !important;
outline: none !important;
box-sizing: border-box !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.PFGForm input[type="text"]:focus,
.PFGForm input[type="email"]:focus,
.PFGForm input[type="tel"]:focus,
.PFGForm input[type="number"]:focus,
.PFGForm textarea:focus,
.pfg-form input[type="text"]:focus,
.pfg-form input[type="email"]:focus,
.pfg-form input[type="tel"]:focus,
.pfg-form input[type="number"]:focus,
.pfg-form textarea:focus {
border-bottom: 2px solid #E30613 !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
}
/* */
.PFGForm select,
.pfg-form select {
width: 100% !important;
border: none !important;
border-bottom: 2px solid #CCCCCC !important;
border-radius: 0 !important;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%231A1A2E' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 4px center !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
padding: 10px 28px 8px 0 !important;
font-size: 18px !important;
font-family: 'Source Sans Pro', Arial, sans-serif !important;
color: #1A1A2E !important;
box-shadow: none !important;
outline: none !important;
cursor: pointer !important;
}
.PFGForm select:focus,
.pfg-form select:focus {
border-bottom: 2px solid #E30613 !important;
box-shadow: none !important;
outline: none !important;
}
/* */
.PFGForm input[type="radio"],
.PFGForm input[type="checkbox"],
.pfg-form input[type="radio"],
.pfg-form input[type="checkbox"] {
accent-color: #E30613 !important;
width: 16px !important;
height: 16px !important;
margin-right: 8px !important;
cursor: pointer !important;
}
.PFGForm .formRadioType label,
.PFGForm .formCheckboxType label,
.pfg-form .formRadioType label,
.pfg-form .formCheckboxType label {
font-size: 15px !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-weight: 400 !important;
color: #1A1A2E !important;
display: inline-flex !important;
align-items: center !important;
cursor: pointer !important;
margin-bottom: 10px !important;
}
/* */
.PFGForm input[type="submit"],
.PFGForm .PFGSubmitButton,
.pfg-form input[type="submit"],
.pfg-form .PFGSubmitButton {
background-color: #E30613 !important;
color: #FFFFFF !important;
border: none !important;
border-radius: 2px !important;
padding: 14px 40px !important;
font-size: 14px !important;
font-weight: 700 !important;
font-family: 'Montserrat', Arial, sans-serif !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
cursor: pointer !important;
box-shadow: none !important;
margin-top: 16px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.PFGForm input[type="submit"]:hover,
.PFGForm .PFGSubmitButton:hover,
.pfg-form input[type="submit"]:hover,
.pfg-form .PFGSubmitButton:hover {
background-color: #B8040F !important;
color: #FFFFFF !important;
}
/* */
.PFGForm .error,
.pfg-form .error,
.PFGForm .fieldErrorBox,
.pfg-form .fieldErrorBox {
color: #E30613 !important;
font-size: 12px !important;
margin-top: 4px !important;
font-family: 'Source Sans Pro', Arial, sans-serif !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
/* */
.PFGForm .required,
.pfg-form .required {
color: #E30613 !important;
}
/* */ .PFGForm .formControls, .pfg-form .formControls {
background: transparent !important;
border: none !important;
padding: 8px 0 0 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.PFGForm dl,
.pfg-form dl {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.PFGForm dt,
.pfg-form dt {
float: none !important;
width: auto !important;
font-weight: normal !important;
background: transparent !important;
}
.PFGForm dd,
.pfg-form dd {
margin-left: 0 !important;
background: transparent !important;
}
/* */
.PFGForm .formQuestion, .pfg-form .formQuestion {
margin-bottom: 6px !important;
}
/* */
.PFGForm input[type="submit"], .PFGForm .PFGSubmitButton, .pfg-form input[type="submit"], .pfg-form .PFGSubmitButton {
background-image: none !important;
}

}