globalStyle.css

div.container{
    width: 100%;
}

div.container input#inputField{
	width: 100%;
    float:none;
    outline: none !important;
    line-height: 2.5rem;
    height: 2.5rem;
    border: 1px solid transparent;
    padding: 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    text-overflow: ellipsis;
}

div.container input#inputField:hover,
div.container input#inputField:focus,
div.container input#inputField.highlight{
    border-color:rgb(102, 102, 102);
    font-weight:normal;
}

div.container.readOnly input#inputField:hover{
    border: 1px solid transparent;
    background-color:#e2e2e2;
    font-weight:600;
    cursor:default;
}

div.container.readOnly input#inputField:focus,
div.container.readOnly input#inputField.highlight{
    border: 1px solid transparent;
    font-weight:600;
    cursor:default;
}

div.container input#inputField.incorrect{
    color: red;
    font-weight: bold;
    border: 2px solid red;
}

div.container div.Error{
    background-color: rgba(191, 9, 0, 0.075);
    padding: 0.5rem;
    display: inline-flex;
    word-break: normal;
    white-space: normal;
    font-family: 'SegoeUI-Semibold', 'Segoe UI Semibold', 'Segoe UI Regular', 'Segoe UI';
    display:none;
}

div.container div.Error.inputError{
    display: inline-flex;
}

div.container div.Error label{
    line-height: 2rem;
    color: rgb(191, 9, 0);
    font-weight: 600;
    font-size: 1rem;
}

div.container div.Error label.icon{
    font-family: "Dyn CRM Symbol", "Segoe MDL2 Assets";
    margin-right: 10px;
}