
/* num of rows arrow-icon css */
.k-select{
    top: 5px !important;
}

/* table thead th css */
.k-toolbar{
    background: rgb(248 249 250) !important;
}
.k-toolbar .k-button-icontext{
    background: rgb(236, 236, 236);
    color: black !important;
    border: 1px solid #dddd !important;
    padding: 7px !important;
    font-family: Arial, Helvetica, sans-serif;
}
.k-toolbar .k-button-icontext:hover{
    background: rgb(216, 216, 216) !important;
}
.k-toolbar .k-button-icontext.active{
    border: 1px solid #dddd !important;
}
.k-grid-header-wrap table thead tr th{
    text-align: center !important;
    padding-right: 11.5px !important;
    border: none !important;
    background: #1582b4 !important;
    color: white;
}
.k-grid-header-wrap table thead tr th:nth-child(2),
#sales_grid tbody tr td:nth-child(2){
    width: 200px !important;
}
.k-grid-header-wrap table thead tr th:nth-child(1),
#sales_grid tbody tr td:nth-child(1){
    width: 80px !important;
    text-align: center !important;
}
.k-grid-header-wrap table thead tr th:nth-child(7),
#sales_grid tbody tr td:nth-child(7),
.k-grid-header-wrap table thead tr th:nth-child(8),
#sales_grid tbody tr td:nth-child(8){
    width: 100px !important;
    text-align: center !important;
}
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order{
    color: white !important;
}

/* thead dropdown css */
ul.k-group.k-menu-group li{
    box-sizing: border-box;
    height: 50px;
    vertical-align: middle !important;
    background: white !important;
    padding: 5px !important;
    text-indent: 25px;
}
ul.k-group.k-menu-group li span:hover{
    background: #dddd !important;
}
ul.k-group.k-menu-group li span input{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    left: 10px;
}
ul.k-widget.k-reset.k-menu.k-menu-vertical li span:hover{
    background: rgba(245, 244, 244, 0.867) !important;
}

/* table pager css */
div.k-pager-wrap{
    padding: 10px 15px !important;
    background: transparent !important;
}
.k-pager-wrap{
    background: rgba(248, 248, 248, 0.867) !important;
}

/* wrapper div css */
div.k-grid.k-widget.k-grid-display-block{
    border: none !important;
    background-color: transparent !important;
}

/* original table css */
#sales_grid tbody tr td{
    padding: 10px;
    text-align: center !important;
    border: none;
}
#sales_grid tbody tr:hover,
#sales_grid tfoot tr:hover{
    background-color: rgb(226, 226, 226) !important;
}
#sales_grid tbody tr td:nth-child(3){
    color: rgba(35, 82, 212, 0.867);
}
#sales_grid tbody tr td:last-child{
    color: rgba(10, 92, 27, 0.867);
}
#sales_grid tfoot tr td{
    border: none;
    border-top: 1px solid #dddd !important;
}

div.k-pager-numbers-wrap ul li a{
    box-shadow: none !important;
}