﻿@media (max-width :800px) {
    .e-grid.e-responsive > [id*='Dlg_wrapper'] {
        width: 130px !important;
    }

    .e-grid.e-responsive .e-rowcell {
        display: block;
        height: 27px;
        text-align: left !important;
    }

    .e-grid.e-responsive .e-gridcontent .e-ejinputtext {
        display: block;
    }

    .e-grid.e-responsive .e-gridcontent td:before {
        content: attr(data-cell);
        top: 6px;
        left: 13px;
        width: 45%;
        white-space: nowrap;
        position: absolute;
        padding-right: 10px;
        font-weight: bolder;
    }

    .e-grid.e-responsive .e-table, .e-grid.e-responsive .e-table tbody, .e-grid.e-responsive .e-table tr, .e-grid.e-responsive .e-table td {
        display: block;
    }

    .e-grid.e-responsive .e-gridcontent td[data-cell] {
        position: relative;
        padding-left: 55%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .e-grid.e-responsive .e-gridcontent .e-normaledit .e-rowcell {
        padding-left: 1%;
        padding-right: 1%;
        height: auto !important;
        border-top-width: 0;
    }

        .e-grid.e-responsive .e-gridcontent .e-normaledit .e-rowcell:before {
            position: static;
            bottom: 6px;
        }

    .e-grid.e-responsive .e-gridheader {
        border-bottom-width: 0;
    }

    .e-grid.e-responsive .e-inlineformedit .e-editform-btn {
        float: none;
    }

    .e-grid.e-responsive > .e-gridheader {
        display: none;
    }

    .e-grid.e-responsive .e-rowcell {
        border-width: 0;
        padding: 0;
        line-height: normal;
        white-space: normal;
        width: auto;
        vertical-align: middle;
    }

    .e-grid.e-responsive .e-inlineformedit .e-label {
        text-align: left !important;
    }

        .e-grid.e-responsive .e-inlineformedit .e-label,
        .e-grid.e-responsive .e-inlineformedit .e-label *:first-child,
        .e-grid.e-responsive .e-inlineformedit .e-rowcell,
        .e-grid.e-responsive .e-inlineformedit .e-rowcell *:first-child,
        .e-grid.e-responsive .e-inlineformedit form div {
            width: 100% !important;
        }

    .e-grid.e-responsive .e-inlineformedit .e-editform-btn {
        padding-top: 13px;
    }

        .e-grid.e-responsive .e-inlineformedit .e-editform-btn input:first-child {
            margin-left: 20px !important;
        }

    .e-grid.e-responsive, .e-grid.e-responsive .e-rowcell {
        font-size: 12px;
        font-family: segoe ui;
    }

        .e-grid.e-responsive .e-pager {
            position: relative;
            height: 38px;
            margin-bottom: -5px;
            font-family: segoe ui;
        }

            .e-grid.e-responsive .e-pager .e-parentmsgbar {
                position: absolute;
                top: 34px;
                padding-top: 0;
                margin-left: 24%;
            }

            .e-grid.e-responsive .e-pager .e-pagercontainer {
                position: absolute;               
                margin-left: 16%;
                top:5px;
            }
            .e-pager .e-pagercontainer{
                margin-left:30px;               
            }
            .e-pager div.e-parentmsgbar{
                margin-left:24%;
                float:none;
            }

            .e-grid.e-responsive .e-pager .e-PP, .e-grid.e-responsive .e-pager .e-NP {
                display: none !important;
            }

    .e-grid.e-responsive,
    .e-grid.e-responsive .e-gridcontent td.e-rowcell,
    .e-grid.e-responsive .e-gridcontent,
    .e-grid.e-responsive .e-gridcontent table,
    .e-grid.e-responsive .e-gridcontent table tr {
        -ms-touch-action: auto !important;
        touch-action: auto !important;
    }

    .e-grid.e-responsive .e-toolbaricons.e-searchfind{
        padding-left: 0px !important;
    }

    .e-grid.e-responsive .e-gridcontent.e-scroller {
        -ms-touch-action: none !important;
        touch-action: none !important;
    }

    .e-grid.e-responsive td.e-rowcell {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .e-grid .e-gridcontent .e-normaledit td.e-rowcell {
        border-bottom-width: 0;
        height: auto !important;
        border-bottom-style: solid;
    }

    .e-grid.e-responsive .e-table > tbody > tr:last-child td:last-child {
        border-bottom-width: 0;
    }
	
	.e-grid.e-responsive .e-rowcell div.e-error{
		position: relative;
	}
	.e-grid:not(.e-responsive) .e-gridtoolbar .e-ejinputtext {
       width: 97px !important;
    }
}
