.inputSection{

        margin-left: auto;
        margin-top: var(--paddingSmall);
        margin-bottom: var(--paddingLarge);
        margin-right: auto;
        width: 75vw;
        /*padding: var(--paddingLarge);*/
}

.inputRow{
        display: flex;
        align-content: space-between;
        flex-flow: row;
        margin-left: auto;
        margin-top: var(--paddingLarge);
        margin-bottom: var(--paddingSmall);
        margin-right: auto;
        width: 100%;
}

.inputRow .spacer{
        width: var(--paddingLarge);
}

.inputBlock {
        margin-left: auto;
        margin-top: var(--paddingLarge);
        margin-bottom: var(--paddingSmall);
        margin-right: auto;
        width: 100%;
}
.inputRow .inputBlock{
        margin-top: 0;
        margin-bottom: 0;
        flex-grow: 1;
        flex-basis: 90%;
}

.inputBlock label{
        color: rgb(var(--text));
        font-size: var(--fontSmall);
        margin-top: var(--paddingLarge);
        margin-bottom: auto;
}

.inputBlock input {
        display: block;
        border: 0px solid rgb(var(--text));
        padding: var(--paddingSmall) var(--paddingLarge);
        width: 100%;
        height: var(--fontLarge);
        font-size: var(--fontSmall);
        color: rgb(var(--text));  
        background-color: rgb(var(--backgroundFaint));   
        border-radius: var(--borderRadius);   
        position: relative;
        outline: none;
}

.inputBlock input:focus {
        outline: none;
        border: var(--borderThickness) solid rgb(var(--highlight1));
}

.inputBlock input.checkmark {
        display: inline-block;
         vertical-align: text-bottom;
        border: 0px solid rgb(var(--text));
        background-color: rgb(var(--background));
        padding: var(--paddingSmall);
        width: var(--fontSmall);
        height: var(--fontSmall);
        color: rgb(var(--text));
        margin-top: auto;
        margin-bottom: auto;
        
}

.inputBlock select {
        display: block;
        border: 0px solid #ffffff;
        background-color: rgb(var(--background));
        padding: var(--paddingSmall) var(--paddingLarge);
        width: 100%;
        height: var(--fontMedium);
        font-size: var(--fontSmall);
        color: rgb(var(--text));
        border-radius: var(--borderRadius);
}

.inputBlock select:focus {
        outline: none;
        border: var(--borderThickness) solid rgb(var(--highlight1));
}

.inputBlock textarea {
        display: block;
        border: 0px solid #ffffff;
        background-color: rgb(var(--backgroundFaint));
        padding: var(--paddingSmall) var(--paddingSmall);
        width: 100%;
        height: calc(var(--fontMedium) * 5);
        font-size: var(--fontSmall);
        color: rgb(var(--text));
        resize: vertical;
        border-radius: var(--borderRadius);
}

.inputBlock textarea:focus {
        outline: none;
        border: var(--borderThickness) solid rgb(var(--highlight1));
}

div.inputBlock input.submitButton {
        display: block;
        border: 0 solid #ffffff;
        background-color: rgb(var(--highlight1));
        padding: var(--paddingSmall) var(--paddingLarge);
        width: 100%;
        /* height: var(--fontMedium); */
        font-size: var(--fontSmall);
        font-weight: var(--fontWeightNormal);
        color: rgb(var(--text));
        cursor: pointer;
        margin-left: auto;
        margin-right: auto;
        border-radius: var(--borderRadius);
        /* vertical-align: middle; */
}

div.inputBlock input.submitButton:hover {
        background-color: rgb(var(--highlight2Faint));
        color: rgb(var(--backgroundFaint));
        cursor: pointer;
}

@media only screen and (max-width: 949px) {
        .inputBlock input {
                font-size: var(--fontSmall);
        }
        .inputBlock select {
                font-size: var(--fontSmall);
        }
        .inputBlock textarea {
                font-size: var(--fontSmall);
        }
        
        .inputSection{
            width: 90vw;
        }
}

.error{
        color: rgb(var(--highlight1)) !important;
        font-weight: 400;
        margin-top: 10px;
      }
      
      .errorBlock{
        border: 1px solid rgb(var(--highlight1)) !important;
      }