﻿.base-content form p:last-child {
    margin-bottom: 2em;
}

form .sf-fieldWrp {
    margin-bottom: 15px;
    min-width: 200px;
}

.base-content form fieldset {
    margin-bottom: 20px;
}

.list-unstyled {
    padding-left: 0px !important;
    list-style: none !important;
}

    .list-unstyled li {
        margin-left: 0px !important;
    }

.form-group.required label:after,
.sf-fieldWrp.required label:after, fieldset.required legend:after {
    color: red !important;
    content: '*';
    padding-left: 3px;
}

.base-content form .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.sf-fieldWrp[role=heading] {
    margin-top: 30px !important;
    font-weight: bold;
    font-size: 16px;
}

    .base-content form label, form legend, .sf-fieldWrp[role=heading] span {
        font-weight: 700 !important;
        display: block;
        margin-bottom: .25em;
        
        font-size: 16px !important;
        color: rgb(85, 85, 85) !important;
    }

    .sf-fieldWrp[role=heading] p {
        margin-bottom: 0 !important;
    }

.base-content form legend strong {
    font-weight: bold;
}

.base-content .form-group .li label {
}

.base-content .form-group[data-sf-role="multiple-choice-field-container"] label,
.base-content .sf-fieldWrp[data-sf-role="multiple-choice-field-container"] label,
.base-content .sf-fieldWrp[data-sf-role="checkboxes-field-container"] label,
.base-content .form-group[data-sf-role="checkboxes-field-container"] label {
    padding-left: 30px;
    font-size: 16px;
    font-weight: normal !important;
    margin-top: 10px;
}

.base-content form input[type=radio], .base-content form input[type=checkbox] {
    position: absolute;
    margin-left: -30px;
    margin-top: 0px;
}

.base-content .form-group[data-sf-role="paragraph-text-field-container"] textarea,
.base-content .sf-fieldWrp[data-sf-role="paragraph-text-field-container"] textarea {
    display: block;
    width: 100%;
    max-width: 600px !important;
    min-height: 100px;
}



.base-content .form-group[data-sf-role="text-field-container"],
.base-content .sf-fieldWrp[data-sf-role="text-field-container"],
.base-content .sf-fieldWrp[data-sf-role="email-text-field-container"],
.base-content .form-group[data-sf-role="email-text-field-container"] {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    line-height: normal !important;
}

    .base-content .form-group[data-sf-role="text-field-container"] p,
    .base-content .sf-fieldWrp[data-sf-role="text-field-container"] p {
        margin-bottom: 0;
        margin-top: .5em;
    }


.base-content div[role="alert"] {
    text-align: center;
    display: block;
    font-weight: bold;
    margin-top: 30px;
    font-size: 18px;
}

.form-group div[role="alert"] {
    text-align: left;
}

.base-content .form-group div[data-sf-role="error-message"],
.base-content .sf-fieldWrp div[data-sf-role="error-message"],
.base-content form p[data-sf-role="error-message"] {
    margin-top: 5px;
    color: red;
    font-weight: bold;
}

.input-state {
}

.g-recaptcha > div:first-child {
    margin: 0;
}

form button[type=submit], .sf-fieldWrp button[type=submit] {
    min-width: 200px;
    padding: 5px;
    color: #fff;
    background-color: #0247bd;
    border-color: #007bff;
    border-style: none;
    box-shadow: none;
}

.form-control[data-sf-role="dropdown-list-field-select"] {
    width: auto;
}

form h2{
    margin-top:0px !important;
}

@media(max-width:500px) {
    .base-content .form-group[data-sf-role="text-field-container"],
    .base-content .sf-fieldWrp[data-sf-role="text-field-container"],
    .base-content .sf-fieldWrp[data-sf-role="email-text-field-container"],
    .base-content .form-group[data-sf-role="email-text-field-container"] {
        display: block;
        margin-right: 0;
    }

    .form-group input[type=text],
    .sf-fieldWrp input[type=text],
    .form-group input[type=email],
    .sf-fieldWrp input[type=email],
    .form-group input[type=date],
    .sf-fieldWrp input[type=date],
    .form-group input[type=datetime],
    .sf-fieldWrp input[type=datetime],
    .form-group input[type=datetime-local],
    .sf-fieldWrp input[type=datetime-local],
    .form-group textarea,
    .sf-fieldWrp textarea {
        width: 100%;
    }

    form button[type=submit] {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
}
