:root {
    --main-theme-color: #3792CB;
    --selected-color: #7accff;
    --grd-border-color: #9A9A9A;
    --tr-row-height: 28px;
    --grd-font-size: 13px;
}


div.grd {
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    border-color: #CCCCCC;
    border-radius: 4px;
    /*border-color: var(--main-theme-color) !important;*/
}

    div.grd:focus {
        /*border-color: var(--main-theme-color) !important;*/
    }

    div.grd div.toolbar {
        /*background-color: #DDDDDD;*/
        border: 1px solid #dddddd;
        height: 24px; /*chnage from 20 to 24 by Ashok*/
        padding: 0 4px 0px 2px;
        /*background: -webkit-linear-gradient(top, #FFFFFF 0%, #d5cece 100%);*/
        background-color: #f5f5f5 !important;
    }


    div.grd div.footer {
        background-color: #DDDDDD;
        /*border: 1px solid #CCCCCC;*/
        height: 20px;
        z-index: 100;
    }

    div.grd div.toolbar ul {
        display: inline;
        height: 20px;
        margin: 0;
        padding: 0;
    }

    div.grd div.footer ul {
        display: inline;
        height: 20px;
        margin: 0;
        padding: 0;
        z-index: 100;
    }

    div.grd div.toolbar ul.tool {
        float: left;
    }

    div.grd div.toolbar ul.nav {
        float: right;
    }

    div.grd div.footer ul.navi {
        float: right;
        z-index: 100;
    }

.sc {
    display: block;
    position: relative;
}
/*Comment by Ashok */
/*div.grd div.toolbar li.btn {
    border-width: 0;
    float: left;
    height: 16px;
    margin: 1px 0 0 2px;
    overflow: hidden;
    padding: 2px;
}*/

div.grd div.toolbar li.btn {
    border-width: 0;
    float: left;
    height: 16px;
    margin: 0px 0 0 4px;
    overflow: hidden;
    padding: 0px;
}

div.grd div.footer li.btn {
    border-width: 0;
    float: left;
    height: 16px;
    z-index: 100;
    overflow: hidden;
}
/*COmment by ashok*/
/*div.grd div.toolbar li.nav {
    border-width: 0;
    display: inline;
    float: right;
    height: 15px;
    margin: 2px 0 0 2px;
    overflow: hidden;
    padding: 2px;
}*/
div.grd div.toolbar li.nav {
    border-width: 0;
    display: inline;
    float: right;
    height: 20px;
    margin: 0px 0 0 2px;
    overflow: hidden;
    padding: 0px;
}

div.grd div.footer li.navi {
    border-width: 0;
    display: inline;
    padding: 4px;
    height: 15px;
    overflow: hidden;
    z-index: 100;
}

div.grd div.footer div.status {
    /*background-color: #DDDDDD;
    color: blue;*/
    font-size: 8pt;
    font-weight: bold;
    height: 17px;
    padding-top: 19px;
    text-align: left;
    /*background: -webkit-linear-gradient(top, #FFFFFF 50%, #d5cece 100%);*/
    background-color: #e5e5e5 !important;
}

div.grd div.toolbar img.btn {
    border: medium none;
    cursor: pointer;
    float: left;
    height: 16px;
    overflow: hidden;
}

div.grd div.toolbar img.nav {
    border: medium none;
    cursor: pointer;
    float: right;
    height: 13px;
    overflow: hidden;
    margin-top: 4px;
}

div.grd div.footer img.nav {
    border: medium none;
    cursor: pointer;
    float: right;
    height: 13px;
    overflow: hidden;
    margin-top: 4px;
}

div.grd div.main {
    margin: 0;
    width: 100%;
}

div.grd div.vScroll {
    display: inline;
    float: right;
    height: 100%;
    margin-right: -15px;
    overflow-y: scroll;
    position: relative;
    width: 18px;
    z-index: 1;
}

div.titleScroll {
    background-color: #FFFFF1;
    border: none;
    display: none;
    padding: 1px;
    position: absolute;
    z-index: 2;
}

div.grd div.hScroll {
    overflow-x: scroll;
    position: relative;
    width: 100%;
    height: 19px;
}

div.grd div.footer {
    background-color: #DDDDDD;
    /*border: 1px solid #CCCCCC;*/
    height: 17px;
    /*margin-bottom: -36px;
    padding-top: 18px;*/
}

    div.grd div.footer div.left {
        background-color: #F2F2F2;
        display: inline;
        float: left;
        height: 19px;
        /* margin-top: -19px;*/
        width: 100%;
    }



div.grd div.data {
    background-color: #AAAAAA;
    display: inline;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*TODO:CHECKvertical-align: top;*/
}

div.grd table.data {
    border-collapse: separate;
    border-spacing: 0;
    border-style: none;
    cursor: default;
    /*font-size: 13px;*/
    table-layout: fixed;
    width: 0;
    vertical-align: top;
}

    div.grd table.data tr.headerRow {
        border-collapse: separate;
        border-spacing: 0;
        border-style: none;
        cursor: default;
        height: 17px;
    }

    div.grd table.data td.cornerBlk {
        background: none repeat scroll 0 0 #EEEEEE;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 0 1px 1px 0;
        color: #222222;
        font-size: 8pt;
        font-weight: normal;
        overflow: hidden;
        padding: 0;
        vertical-align: top;
        width: 17px;
    }

div.grd td.colH {
    /*background: -webkit-linear-gradient(top, #FFFFFF 0%, #dddada 100%);*/
    background-color: #f5f5f5 !important;
    /*border-collapse: separate;
    border-color: #CCCCCC;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;*/
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
    color: #4c4949;
    cursor: default;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    /*font-size: 8pt;*/
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    padding: 0 2px;
    text-align: left;
    vertical-align: top;
}



    div.grd td.colH div {
        padding-left: 2px;
        padding-right: 15px;
    }

    div.grd td.colH span.nam {
        float: left;
        overflow: hidden;
        position: relative;
        text-transform: capitalize;
        width: 100%;
        padding-top: 3px;
        /* padding-left: 5px; */
    }





    div.grd td.colH span.ico {
        float: left;
        margin-right: -15px;
        width: 14px;
    }

    div.grd td.colH span.sep {
        /*background: url("../../img/ix.png") repeat scroll -108px -60px #bab7b7;*/
        border-right: solid;
        border-color: #ddd !important;
        border-width: thin;
        cursor: e-resize;
        float: right;
        height: 28px;
        position: relative;
        right: -3px;
        width: 2px;
    }

    div.grd td.colH span.srt {
        cursor: pointer;
        display: block;
        float: right;
        height: 5px;
        position: relative;
        right: 3px;
        top: 5px;
        width: 9px;
    }

    div.grd td.colH span.asc {
        background: url("../../img/ix.png") repeat scroll -60px 0 transparent;
    }

    div.grd td.colH span.dsc {
        background: url("../../img/ix.png") repeat scroll -20px -20px transparent;
    }

div.grd table.data tr.data {
    border-collapse: separate;
    border-spacing: 0;
    border-style: none;
    cursor: default;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 12px;
    height: var(--tr-row-height) !important;
}

    div.grd table.data tr.data:nth-child(2n) {
        /*background-color: #F1F1F1;*/
        border-collapse: separate;
        border-spacing: 0;
        border-style: none;
        cursor: default;
    }

div.grd table.data td.rowPtr {
    background: none repeat scroll 0 0 #EEEEEE;
    border-collapse: separate;
    border-color: #CCCCCC;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #222222;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    font-size: 8pt;
    font-weight: normal;
    height: 20px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

div.grd table.data td.data {
    /*background-color: #FFFFFF;*/
    border-collapse: separate;
    border-color: #DDDDDD;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    /*font-size: 11px;*/
    line-height: inherit;
    overflow: hidden;
    /*padding: 0 6px;*/
    padding-left: 6px;
    padding-right: 3px;
    vertical-align: middle;
    white-space: pre-line;
}

div.grd table.data td.edit {
    background-color: #FFFFFF;
    border-collapse: separate;
    border-color: darkgrey; /*-change by sweety2712*/
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    font-size: 13px;
    line-height: inherit;
    /*overflow: hidden;*/ /*comment by Mohit For Grid Auto Complete 15-03-23*/
    padding:0px 3px 0px 6px;/*Change by Mohit Sharma 07-03-23 */
    /* padding: 0 0px; -change by sweety2712*/
    /*vertical-align: bottom*/
    white-space: pre-line;
    /*padding: 0px 2px 0px 0px;*/ /*Change by Roshan  >  Code comment for remove gap from left in grid edit mode*/
    /*padding-left: 7px;*/ /*-change by sweety2912 for edit row check box alignment in center*/ /*Change by Roshan  >  Code comment for remove gap from left in grid edit mode*/
}


div.grd table.data td.insertable {
    background-color: #FFFFF1;
    border-collapse: separate;
    border-color: #CCCCCC;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    /*font-size: 13px;*/
    line-height: inherit;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: top;
    white-space: pre-line;
}

div.grd table.data td.blank {
    background-color: #f5f5f5 !important;
    border-collapse: separate;
    border-color: #DDDDDD;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    /*font-size: 13px;*/
    line-height: inherit;
    overflow: hidden;
    /*padding: 0 4px;*/
    padding-left: 6px;
    padding-right: 3px;   /*change by sweety 2 to 3*/
    /*vertical-align: top;*/
    white-space: pre-line;
}

div.grd table.data td.ptr {
    background-color: #EEEEEE;
    border-color: #dddddd;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: black;
    cursor: default;
    line-height: inherit;
    white-space: pre-line;
    /*background: -webkit-linear-gradient(top, #FFFFFF 0%, #d5cece 100%);*/
}

div.grd table.data td.grdRowSelect {
    background-color: var(--selected-color);
    border-collapse: separate;
    border-color: #CCCCCC;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    /*font-size: 11px;*/
    /*  font-weight:bold;*/
    line-height: inherit;
    overflow: hidden;
    /*padding: 0 4px;*/
    padding-left: 6px;
    padding-right: 2px;
    vertical-align: middle;
    white-space: pre-line;
}

.grdChkfalse {
    background: url("../../img/ix.png") repeat scroll -80px -140px transparent;
    height: 16px;
    left: 5px;
    margin-bottom: 3px;
    top: 5px;
    width: 16px;
}

.grdChktrue {
    background: url("../../img/ix.png") repeat scroll -60px -140px transparent;
    height: 18px;
    left: 5px;
    margin-bottom: 3px;
    top: 5px;
    width: 18px;
}

div.grdFolderOptnFade {
    background-color: #000000;
    opacity: 0.2;
    position: absolute;
    z-index: 998;
}

div.grdFolderOptn {
    background-color: #F2F2F2;
    border: 1px solid #AAAAAA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 5px 5px 8px 2px #C1C1C1;
    height: 200px;
    left: 80px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    z-index: 1000;
}

    div.grdFolderOptn td {
        background-color: #DDDDDD;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        font-family: Arial,sans-serif,sans;
        font-size: 13px;
        line-height: inherit;
    }

        div.grdFolderOptn td div.innerDiv {
            height: 125px;
        }

    div.grdFolderOptn table.innerTbl td {
        background-color: #FFFFFF;
        border-color: #AAAAAA;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        font-family: Arial,sans-serif,sans;
        font-size: 0.9em;
        line-height: inherit;
        vertical-align: top;
    }

    div.grdFolderOptn table.innerTbl td {
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        font-family: Arial,sans-serif,sans;
        font-size: 0.9em;
        line-height: inherit;
    }

    div.grdFolderOptn img.btn {
        border: medium none;
        cursor: pointer;
        float: left;
        height: 15px;
        overflow: hidden;
    }

div.FObtn {
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 #E5E5E5;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #555555;
    cursor: pointer;
    font-family: Arial;
    padding: 2px;
    text-shadow: 0 1px #FFFFFF;
}

div.grd div.GridTitleHdr {
    /*background-color: #F2F2F2;*/
    background: #e5e5e5 !important;
    /*border-bottom: 1px solid #CCCCCC;*/
    color: black;
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
    /* padding-top: 2px;*/
    text-align: left;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #d5cece 100%);
}

    div.grd div.GridTitleHdr div {
        padding-top: 2px;
        padding-left: 3px;
    }

div.grdHelper_main {
    background-color: #FF00F2;
    border-bottom: 1px solid #CCCCCC;
    color: black;
    height: 200px;
    width: 300px;
}

    div.grdHelper_main div.grdHelper_btn {
        background-color: #00FFF2;
        border-bottom: 1px solid #CCCCCC;
        color: black;
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

.Add {
    background: url("../../img/ix.png") repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
}

.Add_Below {
    background: url("../../img/ix.png") repeat scroll -20px 0 transparent;
    height: 16px;
    width: 16px;
}

.Row_added {
    background: url("../../img/ix.png") repeat scroll -40px 0 transparent;
    height: 16px;
    width: 16px;
}

.Ascending {
    background: url("../../img/ix.png") repeat scroll -60px 0 transparent;
    height: 16px;
    width: 16px;
}

.Copy_Row {
    background: url("../../img/ix.png") repeat scroll -80px 0 transparent;
    height: 16px;
    width: 16px;
}

.Database {
    background: url("../../img/ix.png") repeat scroll -100px 0 transparent;
    height: 16px;
    width: 16px;
}

.Delete {
    background: url("../../img/ix.png") repeat scroll -120px 0 transparent;
    height: 16px;
    width: 16px;
}

.Row_Deleted {
    background: url("../../img/ix.png") repeat scroll 0 -20px transparent;
    height: 16px;
    width: 16px;
}

.Descending {
    background: url("../../img/ix.png") repeat scroll -20px -20px transparent;
    height: 16px;
    width: 16px;
}

.Discard {
    background: url("../../img/ix.png") repeat scroll -40px -20px transparent;
    height: 16px;
    width: 16px;
}

.Row_edited {
    background: url("../../img/ix.png") repeat scroll -60px -20px transparent;
    height: 16px;
    width: 16px;
}

.Edit {
    background: url("../../img/ix.png") repeat scroll -80px -20px transparent;
    height: 16px;
    width: 16px;
}

.Error {
    background: url("../../img/ix.png") repeat scroll -100px -20px transparent;
    height: 16px;
    width: 16px;
}

.Filter {
    /*background: url("../../img/ix.png") repeat scroll -120px -20px transparent;*/
    height: 16px;
    width: 35px;
}

.DiscardFilter {
    background: url("../../img/ix.png") repeat scroll 0 -40px transparent;
    height: 16px;
    width: 16px;
}

.First {
    background: url("../../img/ix.png") repeat scroll -120px -120px transparent;
    height: 16px;
    width: 16px;
}

.Last {
    background: url("../../img/ix.png") repeat scroll -100px -120px transparent;
    height: 16px;
    width: 16px;
}

.Next {
    background: url("../../img/ix.png") repeat scroll -80px -120px transparent;
    height: 16px;
    width: 16px;
}

.Previous {
    background: url("../../img/ix.png") repeat scroll -60px -120px transparent;
    height: 16px;
    width: 16px;
}

.Personalize {
    background: url("../../img/ix.png") repeat scroll -100px -40px transparent;
    height: 16px;
    width: 16px;
}

.Execute {
    background: url("../../img/ix.png") repeat scroll 0 -60px transparent;
    height: 16px;
    width: 16px;
}

.Refresh {
    background: url("../../img/ix.png") repeat scroll -40px -60px transparent;
    height: 16px;
    width: 16px;
}

.Save {
    background: url("../../img/ix.png") repeat scroll -60px -60px transparent;
    height: 16px;
    width: 16px;
}

.Search {
    background: url("../../img/ix.png") repeat scroll -80px -60px transparent;
    height: 16px;
    width: 16px;
}

.Separator {
    background: url("../../img/ix.png") repeat scroll -105px -60px transparent;
    height: 16px;
    width: 5px;
}

.Unsaved {
    background: url("../../img/ix.png") repeat scroll -120px -60px transparent;
    height: 16px;
    width: 16px;
}

.Warning {
    background: url("../../img/ix.png") repeat scroll 0 -80px transparent;
    height: 16px;
    width: 16px;
}

.DeleteAll {
    background: url("../../img/ix.png") repeat scroll -60px -80px transparent;
    height: 16px;
    width: 16px;
}

.UnselectAll {
    background: url("../../img/ix.png") repeat scroll -100px -80px transparent;
    height: 16px;
    width: 16px;
}

.DiscardAll {
    background: url("../../img/ix.png") repeat scroll -120px -80px transparent;
    height: 16px;
    width: 16px;
}

.upArrow {
    background: url("../../img/ix.png") repeat scroll -60px 0 transparent;
    height: 16px;
    width: 16px;
}

.downArrow {
    background: url("../../img/ix.png") repeat scroll -20px -20px transparent;
    height: 16px;
    width: 16px;
}

.xls {
    background: url("../../img/ix.png") repeat scroll -20px -120px transparent;
    height: 16px;
    width: 16px;
}

.import {
    background: url("../../img/ix.png") -20px -180px;
    width: 16px;
    height: 15px;
}

.ptrView {
    background: url("../../img/ui-icons_454545_256x240.png") repeat scroll -32px -16px transparent;
    height: 16px;
    width: 16px;
}

.ptrEdit {
    background: url("../../img/ui-icons_454545_256x240.png") repeat scroll -64px -112px transparent;
    height: 16px;
    width: 16px;
}

.ptrChange {
    background: url("../../img/ui-icons_454545_256x240.png") repeat scroll -112px -64px transparent;
    height: 16px;
    width: 16px;
}

.ptrAdd {
    background: url("../../img/ui-icons_454545_256x240.png") repeat scroll 0 -192px transparent;
    height: 16px;
    width: 16px;
}

.ptrDelete {
    background: url("../../img/ui-icons_454545_256x240.png") repeat scroll -16px -192px transparent;
    height: 16px;
    width: 16px;
}

.ptrErr {
    background: url("../../img/ix.png") repeat scroll -100px -20px transparent;
    height: 16px;
    width: 16px;
}

.statSelect {
    background: url("../../img/ix.png") repeat scroll -80px -80px transparent;
    height: 16px;
    width: 16px;
}

.statRowCount {
    background: url("../../img/ix.png") repeat scroll -100px 0 transparent;
    height: 16px;
    width: 16px;
}

.statFltrCount {
    background: url("../../img/ix.png") repeat scroll -120px -20px transparent;
    height: 16px;
    width: 16px;
}

.statInsert {
    background: url("../../img/ix.png") repeat scroll -40px -80px transparent;
    height: 16px;
    width: 16px;
}

.statDelete {
    background: url("../../img/ix.png") repeat scroll -20px -80px transparent;
    height: 16px;
    width: 16px;
}

.statUnsaved {
    background: url("../../img/ix.png") repeat scroll -120px -60px transparent;
    height: 16px;
    width: 16px;
}

.statErr {
    background: url("../../img/ix.png") repeat scroll -100px -20px transparent;
    height: 16px;
    width: 16px;
}

.statSave {
    background: url("../../img/ix.png") repeat scroll -60px -60px transparent;
    height: 16px;
    width: 16px;
}

.grdChk_true {
    background: url("../../img/ix.png") repeat scroll -59px -139px transparent;
    height: 20px;
    width: 20px;
}

.grdChkDisabled_true {
    background: url("../../img/checkbox_img_grd.png") repeat scroll 23px -134px transparent;
    height: 20px;
    width: 20px;
    -webkit-user-select: none;
    /* commented by vijay 07-10-2019
    background: url("../../img/ix.png") repeat scroll -98px -139px transparent;
    height: 16px;
    width: 16px;
    */
}

.grdChk_false {
    background: url("../../img/ix.png") repeat scroll -79px -139px transparent;
    height: 20px;
    width: 20px;
}

.grdChkDisabled_false {
    background: url("../../img/checkbox_img_grd.png") repeat scroll -4px -102px transparent;
    height: 20px;
    width: 20px;
    -webkit-user-select: none;
    /*commented by vijay 07-10-2019
    background: url("../../img/ix.png") repeat scroll -119px -139px transparent;
    height: 16px;
    width: 16px;
    */
}


.multiSelectChk {
    background: url("../../img/ix.png") repeat scroll -101px -101px transparent;
    height: 16px;
    width: 16px;
}

.showPtrNumber {
    background: url("../../img/ix.png") repeat scroll -80px -100px transparent;
    height: 16px;
    width: 16px;
}

.showPtrNumber {
    background: url("../../img/ix.png") repeat scroll -80px -100px transparent;
    height: 16px;
    width: 16px;
}

div.grd div.footer div.right {
    /* background-color: #F2F2F2; */
    display: inline;
    float: right;
    height: 19px;
    width: 50%;
}

div.grd table.data td.focus {
    background-color: #FFFFFF;
    border-collapse: separate;
    border-color: red;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: black;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    font-size: 13px;
    line-height: inherit;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: bottom;
    white-space: pre-line;
}

div.grd table.data td div.dataDiv {
    border-color: white;
    border-spacing: 0;
    border-width: 1px 1px 1px 1px;
    width: 100%;
    /*height: 100%; commnted by sweety for visibility of chk box in multiline*/
    text-align: left;
    outline: medium none;
    white-space: pre-line;
    outline: none;
    font-size: var(--grd-font-size) !important;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: center;
}

.ui-icon { /*added by vijay 13-03-2020 for icon of ascending and descending*/
    width: 13px !important; /*updated by vijay 13-03-2020 changed 16px to 13px*/
    height: 19px !important; /*updated by vijay 13-03-2020 changed 16px to 12px*/
}
/*div.grd table.data > tbody > tr > td:first-child {
    padding: 0 5px;
}*/

div.grd table.data td.edit:first-child {
   /* padding: 0 0px; Comment By Mohit Sharma 07-03-23*/
}


div.grd table.data td.filterinp:first-child {
    padding: 0 0px; /*Change from 5px to 0px ashok*/
}

div.grd table.data td.filterinp div {
    /*margin: 0 auto !important;*/
}

div.grd table.data td.filterinp input:focus {
    border-bottom: 1px solid #0077BE !important;
}

div.grd table.data td.filterinp input {
    box-sizing: border-box;
    /*display: block;*/
}

div.grd table.data td.filterinp {
    border-right: solid;
    border-color: #dddddd !important;
    border-width: thin;
    border-bottom: 1px solid #dddddd !important;
    /*background-color: #FFFFFF;
    border-collapse: separate;
    border-color: blue;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 1px 1px 0;*/
    color: black;
    cursor: default;
    font-family: Arial,sans-serif,sans;
    font-size: 13px;
    line-height: inherit;
    overflow: hidden;
    /*padding: 0 5px;
    vertical-align: bottom*/
    white-space: pre-line;
    background-color: #f5f5f5 !important;
}

div.grd table.data td div.dataDiv text {
    margin-left: 4px !important;
}

.filterinp input {
    /*border-radius: 4px;*/
    margin: 3.3px 0px 0px 1px;
    /*padding-left: 3px;
    padding-right: 3px;*/
    font-family: Verdana !important;
    font-size: 13px !important;
    color: #4c4949 !important;
    border-bottom: 1px solid #ddd !important;
}

table tr td {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.input-wrapper {
    position: relative
}

    .input-wrapper i {
        position: absolute;
        right: 7px;
        font-size: 1.5em;
        top: 6px;
        cursor: pointer;
    }
/*.input-wrapper:after {
        font-family: 'FontAwesome';
        content: '\f073';
        position: absolute;
        right: 7px;
        font-size: 1.5em;
        top: 1px;
    }*/