/*use it for grid readonly field*/
.grid-readonly {
    background-color: #f6f6f7 !important;
    font-weight: bold;
}
.e-grid.InlineGrid {
    font-size: 10px;
    border-color: #d5d5d5;
    margin-right: 36px;
}
    /*  grid toolbar styles  */
    .e-grid.InlineGrid .e-toolbar {
        background: #e8eaeb !important;
        border-color: #d5d5d5;
    }

        .e-grid.InlineGrid .e-toolbar > .e-horizontal .e-hover,
        .e-grid.InlineGrid .e-toolbar > .e-vertical > .e-hover {
            background-color: transparent;
            border-color: transparent;
        }

    .e-grid.InlineGrid .e-icon {
        font-size: 10px;
    }

    .e-grid.InlineGrid .inline-template-align .e-icon,
    .e-grid.InlineGrid .Inline-Template-Align .e-icon {
        font-size: 14px;
    }

    .e-grid.InlineGrid .e-toolbaricons {
        min-height: 20px;
        line-height: 20px;
    }

    .e-grid.InlineGrid .e-gridtoolbar li {
        padding: 0;
    }

        .e-grid.InlineGrid .e-gridtoolbar li a {
            padding: 0;
            cursor: pointer;
        }

    /*  grid pager style  */

    .e-grid.InlineGrid .e-pager {
        background-color: #fff;
        border-color: #d5d5d5;
        font-size: 10px;
    }

        .e-grid.InlineGrid .e-pager .e-pagercontainer {
            height: 14px;
        }

    .e-grid.InlineGrid .e-pager,
    .e-grid.InlineGrid .e-pagerstatusbar {
        padding-bottom: 0;
        padding-top: 4px;
    }

        .e-grid.InlineGrid .e-pager .e-spacing,
        .e-grid.InlineGrid .e-pager .e-numericitem:hover,
        .e-grid.InlineGrid .e-pager .e-currentitem {
            padding: 2px 0px;
        }

        .e-grid.InlineGrid .e-pager div.e-parentmsgbar {
            padding-top: 0;
        }

    /*  grid header style   */

    .e-grid.InlineGrid .e-gridheader {
        border-top-color: #d5d5d5;
        border-bottom-color: #d5d5d5;
    }

    .e-grid.InlineGrid .e-headercell {
        /*background: #f7f7f7 !important;*/
        background: #2c5e6b !important;
        border-top-color: #d5d5d5;
        border-left-color: #d5d5d5;
        border-bottom-color: #d5d5d5 !important;
        color: white !important;
    }

    .e-grid.InlineGrid .e-headercell,
    .e-grid.InlineGrid .e-headercell-hover {
        height: 21px;
        padding: 0px;
    }

    .e-grid.InlineGrid .e-headercell-hover,
    .e-grid.InlineGrid .e-filtercell:hover,
    .e-grid.InlineGrid .e-groupheadercell:hover {
        background: #f7f7f7 !important;
        border-color: #d5d5d5 !important;
    }

    .e-grid.InlineGrid .e-headercelldiv {
        margin: 0px;
        padding: 0 4px;
        color: white;
        font-size: 1.2em !important;
        height: 31px !important;
        line-height: 31px !important;
        letter-spacing: 0.4px;
    }

        .e-grid.InlineGrid .e-headercelldiv .Required-Field .glyphicon {
            color: #f5493d;
            font-weight: bolder;
            font-size: 12px;
            top: -4px;
        }

    .e-grid.InlineGrid .e-inlineform-titlebar {
        font-size: 10px;
    }

    /*  grid empty row style */

    .e-grid.InlineGrid .e-rowcell.e-hide {
        border: 0 !important;
    }

    .e-grid.InlineGrid .e-rowcell {
        border-color: #d5d5d5;
        background-color: #ecedee !important;
    }

    .e-grid.InlineGrid tr.e-editedrow td.e-rowcell {
        border-top-color: #d5d5d5;
    }

    .e-grid.InlineGrid .emptyrecord {
        padding: 10px;
    }

    .e-grid.InlineGrid.e-wrap .e-columnheader .e-headercelldiv {
        margin-bottom: 0;
        line-height: 21px;
    }

    /*  row style   */

    .e-grid.InlineGrid .e-alt_row {
        background: #fff;
    }

/*.e-grid.InlineGrid .e-headercell .e-filtericon,
    .e-grid.InlineGrid .e-headercell .e-filteredicon {
        display: none;
    }*/

.e-grid .e-headercell .e-filtericon {
    font-size: 10px !important;
    margin: -14px 0 0 0 !important;
}

.e-grid.e-dlgcontainer .e-value .e-caption {
    font-size: 11px !important;
}

.e-grid.e-dlgcontainer .e-value .e-atc.e-widget {
    border-bottom: 1px solid #d5d5d5;
}

.e-grid .e-filterdialoglarge .e-dlgcontainer input[type='text'] {
    margin-top: -10px;
}

.e-grid.InlineGrid .e-rowcell.e-updatedtd.e-active {
    color: #000;
    background-color: #fff;
}

    .e-grid.InlineGrid td.e-active,
    .e-grid.InlineGrid .e-form-titlebar {
        background: #fff;
        color: #000;
    }


    .e-grid.InlineGrid .e-rowcell {
        padding: 0 4px;
    }

    .e-grid.InlineGrid .e-ejinputtext {
        height: 21px !important;
        background-color: transparent;
        font-size: 10px;
        text-indent: 0;
        border: 0;
        vertical-align: middle;
    }

    .e-grid.InlineGrid .e-ddl {
        height: 21px;
    }

        .e-grid.InlineGrid .e-ddl .e-select {
            height: 21px;
        }

        .e-grid.InlineGrid .e-ddl .e-input,
        .e-grid.InlineGrid .e-ddl .e-input[readonly],
        .e-grid.InlineGrid .e-mask .e-in-wrap .e-input,
        .e-grid.InlineGrid .e-numeric .e-in-wrap .e-input,
        .e-grid.InlineGrid .e-datewidget .e-input,
        .e-grid.InlineGrid .e-datetime-wrap .e-input {
            background-color: transparent !important;
            height: 21px;
            font-size: 10px;
        }

    .e-grid.InlineGrid .e-atc .e-in-wrap,
    .e-grid.InlineGrid .e-atc .e-input,
    .e-grid.InlineGrid .e-atc-popup,
    .e-grid.InlineGrid .e-atc .e-options {
        font-size: 10px;
    }

    .e-grid.InlineGrid .e-atc, .e-grid.InlineGrid .e-numeric {
        height: 21px;
    }

        .e-grid.InlineGrid .e-atc .e-select {
            height: 21px;
        }

    .e-grid.InlineGrid input.e-input,
    .e-grid.InlineGrid input[type="text"].e-input,
    .e-grid.InlineGrid input.e-placeholder {
        height: 21px;
    }

    .e-grid.InlineGrid .e-datewidget {
        height: 21px;
    }

    .e-grid.InlineGrid .e-gridcontent tr td.e-gupdatenotify.e-icon {
        height: 21px !important;
    }

    /*  row style on hover  */
    .e-grid.InlineGrid tr.e-hover {
        background: #fff;
    }

    /* on grouping  */

    .e-grid.InlineGrid .e-indentcell,
    .e-grid.InlineGrid .e-recordpluscollapse,
    .e-grid.InlineGrid .e-recordplusexpand {
        border-color: #d5d5d5;
        border-top-color: #d5d5d5;
        background-color: #ffffff;
    }

    .e-grid.InlineGrid .e-groupdroparea {
        background: transparent;
        position: relative;
        margin-bottom: -25px;
        width: 95%;
        border-color: #d5d5d5;
        border-right-color: transparent !important;
        color: #555;
        height: 20px !important;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .e-grid.InlineGrid .e-groupdroparea .e-icon.e-animatebutton {
            color: #555;
            margin-top: 6px;
        }

    .e-grid.InlineGrid .e-groupheadercell,
    .e-grid.InlineGrid .e-groupheadercell:hover {
        font-size: 11px;
        margin-left: 5px;
        padding: 0 10px;
        text-indent: 0;
    }

        .e-grid.InlineGrid .e-groupheadercell .e-cancel {
            padding-right: 0;
        }

        .e-grid.InlineGrid .e-groupheadercell a,
        .e-grid.InlineGrid .e-groupheadercell .Required-Field,
        .e-grid.InlineGrid .e-groupheadercell .e-icon.e-ascending {
            display: none;
        }

    .e-grid.InlineGrid .e-ungroupbutton {
        padding-top: 4px;
    }

    .e-grid.InlineGrid .e-gridcontent td a,
    .e-grid.InlineGrid .e-gridcontent td .Required-Field,
    .e-grid.InlineGrid .e-gridcontent td .e-icon.e-ascending {
        /*display: none;*/
    }

    .e-grid.InlineGrid .e-groupcaption,
    .e-grid.InlineGrid .e-groupcaptionsummary {
        background-color: #fff;
        line-height: 24px;
    }

    .e-grid.InlineGrid .e-icon.e-gdiagonalnext {
        font-size: 8px;
        margin-top: 6px;
    }

    .e-grid.InlineGrid .e-recordpluscollapse > div,
    .e-grid.InlineGrid .e-detailrowcollapse > div,
    .e-grid.InlineGrid .e-recordplusexpand > div,
    .e-grid.InlineGrid .e-detailrowexpand > div {
        height: 15px;
    }

    .e-grid.InlineGrid .e-summaryrow {
        padding: 2px 5px;
    }

    /*  alert   */

    .e-grid.InlineGrid .e-error div.e-field-validation-error {
        border-radius: 3px;
        font-size: 11px;
        padding: 3px 6px;
        text-align: center;
    }