/* Custom Styling for Umbraco Forms */
.form-container {padding-bottom:60px;}

.initialVisitForm {}


    .initialVisitForm .field-validation-error {display:block; color:red; padding-top:15px;}

    .initialVisitForm .umbracoForms-Indicator{color:red}

    .initialVisitForm .umbraco-forms-caption, .initialVisitForm legend {
        color: #fff;
        padding: 10px 15px;
    }
    .initialVisitForm legend {
        background-color: #7e3a8f;
        padding-bottom: 10px;
        border-bottom: none;
    }
    .initialVisitForm .umbraco-forms-caption {
        background-color: #AD71B9;
    }

    .initialVisitForm .next {
    }

    .initialVisitForm .multiplechoice .control-label, .initialVisitForm .singlechoice .control-label {
        display: block;
        width: 100%;
        float: none;
        text-align: left;
        padding-bottom: 15px;
    }

    .initialVisitForm .multiplechoice .umbraco-forms-field-wrapper, .initialVisitForm .singlechoice .umbraco-forms-field-wrapper {
        display: block;
        width: 100%;
        float: none;
    }

    .initialVisitForm .singlechoice .form-control {margin-left:-15px; border:none; box-shadow:none;}

    .initialVisitForm .checkboxlist label {
        font-weight: normal;
        display: inline-block;
        float: none;
        max-width: 90%;
        padding: 0 0 10px 0;
        margin: 0;
        height: auto;
        line-height: 1.5em;
    }

    .initialVisitForm .checkboxlist .form-control {
        width: auto;
        display: inline-block;
        float: left;
        clear: left;
        height:auto;
        margin-right: 10px;
        line-height: 1.5em;
    }

    .initialVisitForm .availabletimes .form-control,
    .initialVisitForm .availabletimes label,
    .initialVisitForm .availabletimes .form-control {
        width: auto;
        float: left;
    }

    .initialVisitForm .availabletimes label {
        width:170px;
    }

    .initialVisitForm .availabletimes .checkboxlist > div {
        display: inline-block;  
        float:left;
    }

        .initialVisitForm .availabletimes .checkboxlist > div:nth-child(odd) {clear:left;}

        .initialVisitForm .availabletimes .help-block {
            display:block;
            clear:both;
            float:none;
            max-width: 50%;
        }

    .initialVisitForm .fullname1 label,
    .initialVisitForm .dateofbirth1 label,
    .initialVisitForm .anypreviousnames1 label,
    .initialVisitForm .ethnicorigin1 label,
    .initialVisitForm .otherethnicorigin1 label,
    .initialVisitForm .fullname2 label,
    .initialVisitForm .dateofbirth2 label,
    .initialVisitForm .anypreviousnames2 label,
    .initialVisitForm .ethnicorigin2 label,
    .initialVisitForm .otherethnicorigin2 label,
    .initialVisitForm .othername1 label,
    .initialVisitForm .othergender1 label,
    .initialVisitForm .otherdateofbirth1 label,
    .initialVisitForm .otherrelationshiptoyou1 label,
    .initialVisitForm .othername2 label,
    .initialVisitForm .othergender2 label,
    .initialVisitForm .otherdateofbirth2 label,
    .initialVisitForm .otherrelationshiptoyou2 label,
    .initialVisitForm .othername3 label,
    .initialVisitForm .othergender3 label,
    .initialVisitForm .otherdateofbirth3 label,
    .initialVisitForm .otherrelationshiptoyou3 label
    {
        width: auto;
        float: none;
        padding-bottom: 10px;
    }

    .initialVisitForm .fullname1 .umbraco-forms-field-wrapper,
    .initialVisitForm .dateofbirth1 .umbraco-forms-field-wrapper,
    .initialVisitForm .anypreviousnames1 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherethnicorigin1 .umbraco-forms-field-wrapper,
    .initialVisitForm .fullname2 .umbraco-forms-field-wrapper,
    .initialVisitForm .dateofbirth2 .umbraco-forms-field-wrapper,
    .initialVisitForm .anypreviousnames2 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherethnicorigin2 .umbraco-forms-field-wrapper,
    .initialVisitForm .othername1 .umbraco-forms-field-wrapper,
    .initialVisitForm .othergender1 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherdateofbirth1 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherrelationshiptoyou1 .umbraco-forms-field-wrapper,
    .initialVisitForm .othername2 .umbraco-forms-field-wrapper,
    .initialVisitForm .othergender2 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherdateofbirth2 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherrelationshiptoyou2 .umbraco-forms-field-wrapper,
    .initialVisitForm .othername3 .umbraco-forms-field-wrapper,
    .initialVisitForm .othergender3 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherdateofbirth3 .umbraco-forms-field-wrapper,
    .initialVisitForm .otherrelationshiptoyou3 .umbraco-forms-field-wrapper {
        width: 100%;
    }

    .initialVisitForm .help-block {
        padding:5px;
        font-size:14px;        
    }


    .initialVisitForm .othergender1 .control-label, .initialVisitForm .othergender2 .control-label, .initialVisitForm .othergender3 .control-label {
        padding-bottom:10px;                
    }

    .initialVisitForm .othergender1 .form-control, .initialVisitForm .othergender2 .form-control, .initialVisitForm .othergender3 .form-control {
        display: inline-block;
        width: auto;
        height: 34px;
    }

    .initialVisitForm .otherrelationshiptoyou1 .form-control, .initialVisitForm .otherrelationshiptoyou2 .form-control, .initialVisitForm .otherrelationshiptoyou3 .form-control {
        margin-bottom:15px;
    }

    .initialVisitForm .doesanybodyinyourhouseholdsmoke .control-label,
    .initialVisitForm .haveyouhadanypreviouscontactwithanyothercounciloranyotheragencyaboutadoptionorfostering .control-label,
    .initialVisitForm .haveyoulivedtogetherformorethan2years .control-label {
        height:60px;
    }

    @media (max-width:767px) {
        .initialVisitForm .doesanybodyinyourhouseholdsmoke .control-label, .initialVisitForm .haveyouhadanypreviouscontactwithanyothercounciloranyotheragencyaboutadoptionorfostering .control-label, .initialVisitForm .haveyoulivedtogetherformorethan2years .control-label {
            height: auto;
        }
    }