EOS/Views/Inventory/ManageOwner.cshtml

@{
    ViewBag.Title = System.Configuration.ConfigurationManager.AppSettings["Title"] + " | Manage Fleet Owner";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Html.ValidationSummary(true)
<div id="div_load">
    <img src="../../Content/images/13.gif" style="position: absolute; top: 44%; left: 48%; z-index: 100000 !important;" />
</div>
<div class="size25 Pull30 left" id="leftPanel">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Eicher Fleet Owner List
            </div>
        </div>
        <div class="innerWindow">
            <div class="menubar">
                <div class="searchBox" title="Quick Search">
                    <div class="inputBox">
                        <input type="text" id="txtSearchOwnerList" />
                    </div>
                    <div class="sIcon">
                        <div id="btnSearchCancel" style="display: none;">
                            <span class="k-icon k-delete Close_Search"></span>
                        </div>
                        <div id="btnSearch">
                            <img border="0" src="@Url.Content("~/Content/images/search-icon.png")" alt="Search"/>
                        </div>
                    </div>

                </div>
            </div>
            <div class="content withstatusbar">
                <div class="listDetails">
                    <div class="ldSection">
                        <table class="themeTable" cellpadding="5" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">State</span>
                                    </td>
                                    <td class="tableCellinfo darktxt fleet_combo">
                                        <input id="stateCombobox" placeholder="State"  style="width: 200px;" />
                                        <span id="spanState" class="error" style="display: none; color: red">*</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tableCelllabel">
                                        <span class="darktxt">Search</span>
                                    </td>
                                    <td class="tableCellinfo darktxt fleet_combo">
                                        <div class="form">
                                            <input id="srchText" style="width: 200px;" />
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="divOwnerList"> 
                </div>
            </div>
            <div class="statusbar">
                <input id="btnGetOwnerNmae" type="button" value="Search" onclick="getOwnerList();" class="button_blue custom_postool_btn" />
            </div>
        </div>
    </div>
</div>
<div class="size75 Pull70 right" id="rightPanel">
    <div class="window">
        <div class="titlebar">
            <div class="title">
                Eicher Fleet Owner Details
            </div>
        </div>
        <div class="innerWindow" style="overflow: hidden;">
            <div class="toolbar">
                <button class="button_blue" onclick="btnAddOwnerDetail()" id="btnAdd" title="Add Eicher customer" style="margin-top: 2px; width: auto; height: 24px; overflow: hidden; line-height: 9px; min-width: 53px;">
                    Add Fleet Owner</button>
                 <button class="button_blue"  id="btnDeleteOwner" title="Delete Eicher customer" style="margin-top: 2px; width: auto; height: 24px; overflow: hidden; line-height: 9px; min-width: 53px;">
                    Delete Fleet Owner</button>
                <button class="button_blue"  id="btnIsKam" title="Add KAM Customer" style="margin-top: 2px; width: auto; height: 24px; overflow: hidden; line-height: 9px; min-width: 53px;float: right;">
                    Add KAM Customer</button>
            </div>
            <div class="content withstatusbar" style="top: 29px; /*margin-bottom: 37px; margin-top: -7px; */">
                <div id="divOwnerDetailPanel">
                </div>
            </div>
            <div class="statusbar">
                <input type="submit" value="Save" id="btnSaveOwner" class="button_blue" style="margin-top: -2px; width: auto; height: 27px; line-height: 9px;" />
                <input type="button" value="Cancel" class="button_blue" style="background: #ee2e22 !important; margin-top: -2px; width: auto; overflow: hidden; height: 27px; line-height: 9px;" onclick="btnCancelAddUser();" />
            </div>
        </div>

    </div>
</div>
<link href="~/Content/css/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
@Scripts.Render("~/bundles/jsManageOwner")
@*<script src=""></script>
<script src=""></script>
<script src="~/Scripts/jquery.alerts.js"></script>*@
@*<script type="text/javascript" src="@Url.Content("")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/Shared/jquery.mask.js")"></script>*@
<script type="text/javascript">

    var securityToken = '@ViewBag.SecurityToken';
    var UtcMinutes = '@ViewBag.UtcMinutes';
    var userId = '@ViewBag.Userid';

</script>
<style type="text/css">
    .k-edit-buttons .k-button:hover, .K-btn-active {
        background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: -moz-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: -ms-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: linear-gradient(top, #e3e3e3, #fcfcfc);
    }

    .Close_Search {
        margin-top: -2px;
    }

    .sIcon div:hover {
        cursor: pointer;
    }

    .toolOpener .toolPopupBox {
        top: 25px;
        left: -2px;
    }

    #btnSearch {
        opacity: 0.70;
    }

        #btnSearch:hover {
            opacity: 1;
        }

    .Inventory_curdBtn {
        height: 20px;
        margin-bottom: -5px;
        margin-left: 2px;
        font-size: 11px;
        line-height: 14px;
        border-radius: 2px;
    }

    /*.k-button {
        background: #fcfcfc;
        background: -webkit-linear-gradient(top, #fcfcfc, #e3e3e3);
        background: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);
        background: linear-gradient(top, #fcfcfc, #e3e3e3);
        color: #505050 !important;
    }*/

    /*.k-filter-menu .k-button {
        background-color: #1b3f94 !important;
        color: #fff !important;
        text-indent: 0;
    }*/

    .k-button-icontext .k-icon-small {
        vertical-align: top;
        margin-top: -1px !important;
        margin-left: -6px;
    }

    .k-button:hover {
        background: #e3e3e3;
        background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: -moz-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: linear-gradient(top, #e3e3e3, #fcfcfc);
    }

    .themeTable tbody td {
        text-align: left !important;
        line-height: 32px;
    }

    select {
        width: 63%;
    }

    .themeTable th {
        background: #ee2e22;
        border-top: 1px solid #dedede;
        line-height: 32px;
    }

        .themeTable th span {
            color: #fff;
        }

    div.text_clear_button {
        background: url(../../Content/css/images/clear_cross.png);
        width: 11px;
        height: 11px;
        margin: 0;
        padding: 0;
        z-index: 2;
        position: absolute;
        cursor: pointer;
    }

    #gridOwnerList table tbody td{
        text-align: left !important;
    }

    /*#gridOwnerList table thead th{
        text-align: left !important;
    }*/

    .structureTD .structureTD:nth-child(odd) {
    }
</style>