/*  grid   */
.k-grid.k-widget {
    display: block;
    width: 100%;
    border: 1px solid #D6E1F5;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 17px !important;
    background-color: #f5f5f5;
    border-bottom: 2px solid #E02D30;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.editable .k-grid-content {
    position: static;
} 

.k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable {
    display: block;
}

.k-grid .k-grid-header-wrap, .k-grid table {
    box-sizing: content-box;
}

.k-grid-footer-wrap, .k-grid-header-wrap {
    border: none;
}

.k-grid table {
    border-collapse: collapse;
    min-width: 100%;
}

.k-grid-header th.k-header {
    padding: 0 4px;
    border-color: #BCBEC0;
}

.k-grid-header th.k-header,
.k-grid-header th.k-header>.k-link {
    height: 37px;
    font-size: 13px;
    color: #58595B;
    line-height: 37px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

div.k-grid-content {
    height: calc(100% - 38px) !important;
}

.groupGrid  div.k-grid-content {
    height: calc(100% - 76px) !important;
}

.k-grid td {
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    padding: 0 4px;
    border-width: 0 0 1px 1px;
    border-color: #BCBEC0;
    white-space: nowrap;
}

.k-grid.modal-grid td {
    height: 28px;
    font-size: 13px;
    font-weight: 300;
    color: #808285;
    line-height: 28px;
}

/* .k-grid table tr:lrgb(112, 132, 153)ld td {
    border-bottom-width: 1px !important;
} */

/* .k-grid-content-locked tr:last-child td, .k-grid-content tr:last-child td {
    border-bottom-width: 0;
} */

.k-grid td.k-state-selected, .k-grid tr.k-state-selected>td, .gridTable tr.selected > td {
    background-color: #E6E7E8;
}

.k-i-sort-asc-sm:before {
    content: "\e90d";
    font-family: 'key';
    font-style: normal;
    font-size: 10px;
    -webkit-transform: rotate(-180deg) scale(.8);
    -ms-transform: rotate(-180deg) scale(.8);
    transform: rotate(-180deg) scale(.8);
}

.k-i-sort-desc-sm:before {
    content: "\e90d";
    font-family: 'key';
    font-style: normal;
    font-size: 10px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.k-grid .k-detail-cell {
    padding: 2px 4px 10px;
}

.k-detail-cell .k-grid-header th.k-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #E02D30;
}

.k-icon {
    color: #D71921;
    outline: none;
}

.k-i-expand::before {
    content: "\e91b";
    font-family: 'key';
    font-size: 10px;
    margin: 0 auto;
}

.k-i-collapse::before {
    content: "\e91c";
    font-family: 'key';
    font-size: 10px;
    margin: 0 auto;
}


/*  grid in modal  */
.modal-contents .k-grid.k-widget {
    border: 1px solid #DEDEDE;
}

.modal-contents .k-grid-header th.k-header,
.modal-contents .k-grid-header th.k-header>.k-link {
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    color: #58595B;
    text-align: center;
    border-bottom: 0;
}

.modal-contents div.k-grid-content {
    height: calc(100% - 29px) !important;
}