.tblDataGrid {
    border-collapse: collapse;
    border: 1px solid silver;
    background-color: white;
}

    .tblDataGrid thead, .tblDataGrid tfoot {
        display: block;
        background: #b3b3b3;
        font-weight: bold;
    }

    .tblDataGrid tbody {
        display: block;
        height: 500px;
        overflow-y: auto;
    }

    .tblDataGrid tr {
        height: 28px;
    }

        .tblDataGrid tbody tr:hover {
            background-color: dodgerblue;
        }

    /*.tblDataGrid thead td {
        background-color: white;
        text-align: left;
    }*/

.pad {
    padding: 2px 4px;
}

.tblDataGrid input, .tblDataGrid select {
    width: 98%;
    padding: 4px 0px;
    border-radius: 3px;
    border: 1px solid #737373;
    text-indent: 4px;
    background-color: #ffffffd4;
    outline: none;
}

    /*#tblClients input[readonly=readonly] {
                background: transparent;
                border: none;
            }*/

    .tblDataGrid input[disabled=disabled], .tblDataGrid select[disabled=disabled] {
        /*background: transparent;
        border: none;
        color: black;*/
        background:silver;
    }

.tblDataGrid tr:hover .cmdRow {
    display: inline-block;
}

.tblDataGrid .cmdRow {
    font-family: 'Segoe UI Symbol';
    font-size: 18px;
    padding: 0px;
    cursor: pointer;
    background: #104492;
    text-shadow: 1px 1px 0px black;
    border-radius: 3px;
    border-top: 1px solid #5da8f5;
    display: inline-block;
    text-align: center;
    width: 28px;
    display: none;
    border-left: 1px solid #5da8f5;
    text-decoration: none;
    font-weight: normal;
}

.tblDataGrid tbody tr{
    cursor:pointer;
}

.tblDataGrid .edit {
    color: #de6f0f;
}

.tblDataGrid .save, .tblDataGrid .add {
    color: #16a504;
}

.tblDataGrid .delete {
    color: #d22a2a;
}

.tblDataGrid .cancel {
    color: gray;
}

.tblDataGrid .fa:hover {
    /*background:whitesmoke;  fa-plus*/
    background: #d7d7d7;
}

.tblDataGrid .fa {
    /*fa-floppy-o*/
    color: #4f4f4f;
    padding: 3px;
    /*border: 1px solid #979797;*/
    background: #b5b5b5;
    border-radius: 3px;
    width: 27px;
    text-align: center;
    height: 17px;
    vertical-align: top;
    cursor: pointer;
}

@font-face {
    font-family: "Segoe UI Symbol W10";
    src: url("/Resources/seguisym.ttf");
}