I have a popup editor for a grid
<div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" role="alert" style="margin: 0.5em; display: block;" jQuery18206744028167790009="318" data-for="RoleScope">
how do i override the margin?
<
script id="TopRoleEditorTemplate" type="text/x-kendo-template">
<table >
<tr>
<td align="right">
<label for="RoleCode" class="k-Label">
<span id="rolename" style="padding: 0px 1px 0px 1px; font-family: Verdana; color: Red; font-size:xx-small; font-weight:bold">* </span>
Service Owner Group:</label>
</td>
<td>
<input type="RoleCode" id="RoleCode" name="RoleCode" class="k-textbox" style="width: 200px" data-bind="value:RoleCode"
required validationMessage="Service Owner Group is required" />
<span class="k-invalid-msg" data-for="RoleCode"></span>
</td>
</tr>
when the popup is submitted i can see a div is generated with a hard coded margin (0.5em) , becuase of this the validation message appears away from (not inline) the input control<div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" role="alert" style="margin: 0.5em; display: block;" jQuery18206744028167790009="318" data-for="RoleScope">
how do i override the margin?