/* PARDOT FORM */

*{font-family: 'Roboto', sans-serif !important;}
html, body{background: transparent;}

/* CONTAINER */

form.form { margin: 0em 0 0em 0 !important; padding: 0em !important;}
.form-container{margin-left: auto; margin-right: auto; padding: 0.5em 0.5em !important; background:transparent;}

/* INPUT ELEMENTS */

[type=checkbox], [type=radio] {box-sizing: border-box; padding: 0; margin-right: 5px; height: 15px; width: 15px;}

.form-fields .required:before {display: none !important; }
.form-fields .required .field-label:after {content: "*"; display: inline-block; position: absolute; margin-top: 0px; margin-left: 5px; color: #FB3D3D; font-size: 18px;}

form.form p.required label, form.form span.required label {padding-left: 0px !important;}
form.form p label {color: #58595B; font-size: 14px !important;}
form.form p { clear: none; line-height: 1.4em; margin: 3px 0px !important;  padding: 0px !important; width: 100%;}
form.form p.no-label { margin-left: 0px !important;}
form.form p.submit input { margin: 0px 0px 0 0 !important; padding: 8px 20px !important; background: #0095e7; color: #fff; font-size: 16px !important; font-weight: 400; border: 0px; border-radius: 3px; padding: 0.5em 0.5em;}
form.form p.required label, form.form span.required label {background: none !important; margin: 0 0 6px 0 !important; padding: 0em !important;}
form.form li {float: left !important; margin-bottom: 0px; padding: 0.5em !important;}
form.form input.text, form.form select {border: 1px solid #BCBEC0 !important; width: 100% !important; max-width: 300px !important; border-radius: 2px; padding: 8px 12px;}
form .form-container .field-label {font-weight: 500 !important; color: #58595B !important; font-size: 14px !important; padding-left: 0px;}
form.form p.submit {text-align: right;}

.Agree_to_Receive_Marketing_Emails, .field-terms{width: 100%;}
form.form p.Agree_to_Terms_Privacy label.inline, form.form p.Agree_to_Receive_Marketing_Emails label.inline {font-size: 14px !important;}

/* VALIDATION */

.red-background, form.form p.errors {background: #d70101 !important; color: #fff; padding: 8px 0px 7px 0px !important;}
.red-background, form.form p.errors::before {content: "\f05e"; font-family: FontAwesome; font-style: normal; font-weight: normal; background: #9c0001 !important; color: #fff; padding: 10px 15px !important; margin-right: 10px;}
.red-background, form.form p.errors::after {content: "\f057"; font-family: FontAwesome; font-style: normal; font-weight: normal; background: #d81100 !important; color: #fff; padding: 0px 15px !important; margin-right: 0px; float: right;}

form .form-fields .error { display: block; font-size: 14px; font-weight: 500 !important; margin: 3px 0px !important;}

.error input[type="text"]{background: rgba(255, 255, 255, 1); color: #d81100; font-weight: 500;}
.error .field-input::after {content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d81100; padding: 0px 15px !important; left: -40px;  position: relative; }
.pd-select .error .field-input::after {content: "\f05a"; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d81100; padding: 0px 15px !important; left: -50px;  position: relative; }

/* DISABLED */

input[type="text"]:disabled {background: rgba(255, 255, 255,0.15); border: 1px solid #6685a1; width: 99%;}

form.form input.text:focus, form.form select:focus {border: 1px solid #0195E7; -webkit-box-shadow: 0px 0px 8px 0px rgba(1,149,231,1);-moz-box-shadow: 0px 0px 8px 0px rgba(1,149,231,1); box-shadow: 0px 0px 8px 0px rgba(1,149,231,1);}
.form-fields .error {display: block; font-size: 14px; color: #D60101;}

/* DARK THEME */

.pardot-dark form h2, .pardot-dark form h3{color: #fff;}
.pardot-dark form .form-container{background: #083356;}
.pardot-dark form .form-container .field-label{color: #fff; padding-left: 0px;}
.pardot-dark form .form-container .form input{padding: 5px 10px;}
.pardot-dark form .form-container .form p{color: #fff;}
.pardot-dark form .form-container .form .form-fields .required:before {margin-top: 5px;}
.pardot-dark form.form p label {color: #ffffff;}
.pardot-dark form.form input.text, .pardot-dark form.form select {border: 0px !important;}
.pardot-dark form .form-fields .error { display: block; color: #fff !important; font-size: 14px;  font-weight: 500 !important; margin: 3px 0px !important;}
.pardot-dark input[type="text"]:disabled {background: rgba(255, 255, 255,0.15); border: 2px solid rgba(188, 190, 192, 0.5) !important; width: 99%;}
.pardot-dark form .form-container .field-label {font-weight: 500 !important; font-size: 14px !important; color: #fff !important;}
.pardot-dark form [type=checkbox], [type=radio] {box-sizing: border-box; padding: 0; margin-right: 5px; height: 15px; width: 15px; opacity: 0.5;}
.pardot-dark form [type=checkbox]:checked, [type=radio]:checked {opacity: 1;}
.pardot-dark form.form input.text, .pardot-dark form.form select{background: rgba(255, 255, 255, 0.3); color: #fff; border: 0px;}
.pardot-dark form.form input.text:focus, .pardot-dark form.form select:focus{background: rgba(255, 255, 255, 1); color: #000; border: 0px;}


@media (max-width: 1200px)
{
form.form input.text, form.form select {max-width: 240px !important;}
}

@media (max-width: 992px)
{
form.form input.text, form.form select {max-width: 200px !important;}
}