I replaced the css this this one and it seems its now working fine.
<div id="adminedit">
<asp:FormView ID="FormView1" runat="server" AllowPaging="True" DataKeyNames="CustInqryID"
DataSourceID="ObjectDataSource1" OnDataBound="FormView1_DataBound" OnItemCommand="FormView1_ItemCommand"
OnItemUpdated="FormView1_ItemUpdated">
<ItemTemplate>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>
Edit Inquiry</h2>
<h4>
<asp:TextBox ID="CustInqDateTextBox" runat="server" Text='<%# Bind("CustInqDate","{0:d}") %>'
class="input-sm datetimepickerEdit" />
<small>Call Taken By </small>
<pen:exdropdownlist id="drpCallTaken" runat="server" datasourceid="DS_CallTaken"
datavaluefield="ID" datatextfield="DESCRIPTION" selectedvalue='<%# Bind("CallTakenBy") %>'
enabled="false" class="input-sm disabled" required>
</pen:exdropdownlist>
</h4>
</ItemTemplate>
<PagerStyle CssClass="pagination-ys" />
<PagerSettings Visible="true" NextPageText="Next" PreviousPageText="Previous" Mode="Numeric"
PageButtonCount="10" Position="Bottom" />
</asp:FormView>
</div>
<style type="text/css">
#adminedit > div > div.row > table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
#adminedit > div > div.row > table th, table td
{
padding: 5px;
border-color: #ccc;
}
#adminedit > div > div.row
{
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
#adminedit > div > div.row > table > tbody > tr > td
{
display: inline;
}
#adminedit > div > div.row > table > tbody > tr > td > a, #adminedit > div > div.row > table > tbody > tr > td > span
{
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #009BEE;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
}
#adminedit > div > div.row > table > tbody > tr > td > span
{
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
margin-left: -1px;
z-index: 2;
color: #fff;
background-color: #5bc0de;
border-color: #dddddd;
cursor: default;
}
#adminedit > div > div.row > table > tbody > tr > td:first-child > a, #adminedit > div > div.row > table > tbody > tr > td:first-child > span
{
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
#adminedit > div > div.row > table > tbody > tr > td:last-child > a, #adminedit > div > div.row > table > tbody > tr > td:last-child > span
{
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
#adminedit > div > div.row > table > tbody > tr > td > a:hover, #adminedit > div > div.row > table > tbody > tr > td > span:hover, #adminedit > div > div.row > table > tbody > tr > td > a:focus, #adminedit > div > div.row > table > tbody > tr > td > span:focus
{
color: #d58512;
background-color: #eeeeee;
border-color: #dddddd;
}
</style>