.sf-fieldWrp { margin-bottom: 15px; }

.sf-fieldWrp label, .sf-fieldWrp strong { color: #315470; display: block; font-weight: 500; margin: 10px 0; }

.sf-fieldWrp .required::after { content: "*"; color: #ccc; }

.sf-fieldWrp input, .sf-fieldWrp textarea { width: 100%; background: #fff; border: 1px solid rgba(0, 0, 0, 0.117647); border-radius: .1875rem; color: #333; font-size: .9375rem; font-weight: 400; height: 2.5rem; padding: .625rem .625rem; }

.sf-fieldWrp input[type=file] { border: none; margin-left: 0; padding-left: 0; }

.sf-fieldWrp input[type=file]::file-selector-button { padding: 5px 10px; border-radius: 4px; border: none; color: #315470; background: #f0f5f6; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; margin: 0 15px 0 0; }

.sf-fieldWrp input[type=file]::file-selector-button:hover { background: #d8e5e7; }

.sf-fieldWrp select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: white url("data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat right 10px center; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: .1875rem; border: 1px solid rgba(0, 0, 0, 0.117647); color: #333333; font-family: Roboto; font-size: .9375rem; font-weight: 400; min-height: 2.5rem; padding: .625rem; padding: .625rem; padding-right: 1rem; width: 100%; }

.sf-fieldWrp textarea { min-height: 150px; margin-bottom: 15px; }

.sf-fieldWrp p { font-size: 0.9rem; color: #315470; background-color: #F0F5F6; padding: 6px 8px; margin: 0 0 5px 0; display: none; }

.sf-fieldWrp button { padding: 8px; color: #fff; background: #315470; border: none; border-radius: 5px; min-width: 150px; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }

.sf-fieldWrp button:hover { background: #487ca5; }

.sf-Checkboxes div, .sf-RadioButtons div { margin: 10px 0; }

.sf-Checkboxes div label, .sf-RadioButtons div label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 0.9rem; margin: 0; color: #333; }

.sf-Checkboxes div label input, .sf-RadioButtons div label input { max-width: 25px; margin-right: 15px; }

.sf-Checkboxes div input[type="checkbox"], .sf-RadioButtons div input[type="checkbox"] { position: relative; width: 16px; height: 16px; color: #333; border: 1px solid rgba(0, 0, 0, 0.117647); border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer; -webkit-transition: background 175ms ease-in-out, border 175ms ease-in-out; transition: background 175ms ease-in-out, border 175ms ease-in-out; }

.sf-Checkboxes div input[type="checkbox"]::before, .sf-RadioButtons div input[type="checkbox"]::before { position: absolute; content: ''; background: #315470; border: solid 2px #315470; border-radius: 3px; width: 14px; height: 14px; left: 3px; top: 3px; color: #fff; opacity: 0; }

.sf-Checkboxes div input[type="checkbox"]:checked, .sf-RadioButtons div input[type="checkbox"]:checked { color: #fff; border-color: #315470; }

.sf-Checkboxes div input[type="checkbox"]:checked::before, .sf-RadioButtons div input[type="checkbox"]:checked::before { opacity: 1; }

.sf-Checkboxes div input[type="radio"], .sf-RadioButtons div input[type="radio"] { position: relative; width: 16px; height: 16px; color: #333; border: 1px solid rgba(0, 0, 0, 0.117647); border-radius: 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; cursor: pointer; -webkit-transition: background 175ms ease-in-out, border 175ms ease-in-out; transition: background 175ms ease-in-out, border 175ms ease-in-out; }

.sf-Checkboxes div input[type="radio"]::before, .sf-RadioButtons div input[type="radio"]::before { position: absolute; content: ''; width: 14px; height: 14px; left: 3px; top: 3px; border-radius: 50%; background: #315470; border: solid 2px #315470; color: #fff; opacity: 0; }

.sf-Checkboxes div input[type="radio"]:checked, .sf-RadioButtons div input[type="radio"]:checked { color: #fff; border-color: #315470; }

.sf-Checkboxes div input[type="radio"]:checked::before, .sf-RadioButtons div input[type="radio"]:checked::before { opacity: 1; }

.form--message { color: #315470; background: #f0f5f6; padding: 15px; margin: 15px auto; border-radius: 5px; }
/*# sourceMappingURL=form.css.map */