﻿.allForm {
    padding: 10px 20px 15px;
    display: block;
    box-sizing: border-box;
}

.center { text-align: center; }
.questionSection {  margin: 8px 0; padding: 7px; }

:root .formControls {
    --form-background-color: #f5fafe;
    --form-roundness: 0.3em;
    --form-border: 2px solid #ccc;
    --form-input-padding: 0.4em 0.5em;
    --form-input-background: #fff;
    
    /* form submit styles */
    --form-submit-background: #ffc600;
    --form-submit-padding: 0.5em 1em;
    --form-submit-roundness: 0.3em;

}

.formControls {
    background-color: var(--form-background-color);
    padding: 1em 0.5em;
    box-sizing: border-box;
}

.formControls input { padding: 15px 0 13px 15px; }

.formControls input[type=submit] { 
    display: inline-block;
    font-weight: bold;
    background-color: var(--form-submit-background);
    padding: var(--form-submit-padding);
    border-radius: var(--form-submit-roundness);
 }

 .questionSection select {
    appearance: unset;
 }

.questionSection input,
.questionSection select,
.questionSection textarea {
    display: block;
    margin: 9px 0 0;
    min-width: 200px;
    padding: var(--form-input-padding);
    border: var(--form-border);
    border-radius: var(--form-roundness);
    background-color: var(--form-input-background);
    box-sizing: border-box;
}
.questionSection select { 
    max-width: 100%; 
    appearance: auto;
}

.questionSection input[id*='chkConsent'] {
    min-width: initial;
    display: inline;
    box-shadow: none;
    margin-right: 10px;
    box-sizing: border-box;
}

.questionSection label { display: block; font-weight: bold; }

.validatorMsg { 
    color: red;
    display: inline;
    font-weight: bold;
    margin: 0 0 0 8px;
}
.reqAsterisk { color: red; padding: 0; margin: 0px; display: inline; }

#ProgramIdsForProgramDropdown {
    display: none;
}

.errorDescrip {
    color: red
}

#path67 {
    fill: none !important;
    stroke: #A9A9A9;
    cursor: default;
}

@media (min-width:576px) {
    .questionSection label { 
        display: inline; 
    }

    .allForm {
        padding: 0;
    }

    .formControls {
        padding: 2em;
    }
}
