.form-field-input[type="text"] { border: none; border-radius: 0; border-bottom: 1.2px solid #888 !important; 
                    background-color: transparent;
                    box-shadow: none;
                    font-size: inherit !important;
                    width: 120px; max-width: 100% !important; padding: 0 2px; margin-bottom: 1px;
                    /*pointer-events: none;*/
}
.form-field-input[type="checkbox"] {
    padding: 0 2px;
    /*pointer-events: none;*/
    width: auto;
}
span.form-field-input { display: inline-block; }
.form-field-input[type="text"][data-fillable-size="1"] { width: 40px; }
.form-field-input[type="text"][data-fillable-size="2"] { width: 80px; }
.form-field-input[type="text"][data-fillable-size="3"] { width: 120px; }
.form-field-input[type="text"][data-fillable-size="4"] { width: 200px; }
.form-field-input[type="text"][data-fillable-size="5"] { width: calc(50% - 10px); }
.form-field-input[type="text"][data-fillable-size="10"] { width: calc(100% - 10px); }
@media screen and (max-width: 600px) {
    .form-field-input[type="text"][data-fillable-size="5"] {
        width: calc(100% - 10px);
    }
}

.formfield {
    position: relative;
    border-radius: 3px;
    background-color: rgba(50,50,50,.05);
    padding: 0 2px;
    white-space: nowrap;
    user-select: all;
}
.formfield.ignore { background-color: transparent; }
.formfield.ready { /*background-color: pink;*/ }
.formfield[data-denotation-char="#"] { background: rgba(247, 202, 24, .4);   }
.formfield.active {  }
.formfield.docfield-required { position: relative; }
.formfield.docfield-required::after { content: ''; display: inline-block; position: absolute; top: -6px; right: -6px;
                                        background-image: url('/assets/images/blue_asterisk.png'); background-repeat: no-repeat;
                                        width: 12px; height: 12px;
}

.formfield > span {
    margin: 0 0 0 0;
}

@media screen and (max-width: 400px) {
    .formfield { padding: 0; border-radius: 0; }
     
}