.div-grid-view .div-grid-header {display: flex; align-items: center; flex-wrap: nowrap; width: 100%;}
.div-grid-header .hearder-tab {padding: 7px 10px; background: #e7e7e7; white-space: nowrap; font-size: 13px; font-weight: 600;} 
.div-grid-view .div-grid-body .div-grid-body-wrappr {display: flex; align-items: center; flex-wrap: nowrap; width: 100%;} 
.div-grid-body .hearder-tab .div-grid-body-wrappr {padding: 7px 10px; width: 120px; font-weight: 600;} 
.div-grid-body .hearder-tab .div-grid-body-wrappr select {width: 100%;}
.div-grid-body .hearder-tab .div-grid-body-wrappr input {width: 100%;}
.div-grid-body .hearder-tab.checkbox-tab .div-grid-body-wrappr input {width: auto;}
.hearder-tab.checkbox-tab {display: flex; width: auto !important; align-items: center;}
.hearder-tab.checkbox-tab input {margin-right: 10px;}

.div-grid-header .hearder-tab {width: 120px;}
.div-grid-view {width: 100%; display: flex; flex-direction: column; overflow: auto;}

.div-grid-header .hearder-tab {width: 200px;}
.div-grid-body .hearder-tab .div-grid-body-wrappr {width: 200px;}

.grid-table-wrappr {border: 1px solid #E1E1E1; border-radius: 8px;}
.grid-view-table {margin: 0px;}
.grid-table-wrappr .filter-header {background: transparent linear-gradient(105deg,#d3d3d3,#ffffff 100%,#000 0) 0 0 no-repeat padding-box; padding: 7px 10px;
  display: flex; align-items: center; justify-content: space-between; border-radius: 8px 8px 0px 0px;}
.search-box input {background: transparent; color: #000; height: 24px; border: 1px solid #797979; border-radius: 5px; outline: none; box-shadow: none!important;}
.search-box input::placeholder {color: #000;}
.refresh-icon i {padding: 0px 15px; color: #000; font-size: 18px; cursor: pointer;}

.resp-table {width: 100%; display: table;}
/* .resp-table-body{height: calc(100vh - 430px);} */
.resp-table-row{display: table-row;}
.table-body-cell{display: table-cell; vertical-align: middle; font-size: 13px; padding: 3px 12px; line-height: 1.42857143; vertical-align: middle;min-width: 120px; max-width: 220px;}

.resp-table-row .table-body-cell {white-space: nowrap; border: 1px solid #f3f3f3; height:40px;}
.table-wrappr {overflow: auto; height:calc(100vh - 430px); position: relative;}
.resp-table-row.header-table-row {background: #d4d4d4; font-weight: 600; position: sticky;
    top: 0px;}
.resp-table-row .table-body-cell input {vertical-align: middle;}
.resp-table-row .table-body-cell input, .resp-table-row .table-body-cell select {background: transparent; border-color: transparent; outline: none;cursor:pointer; text-wrap: wrap;}
.resp-table-row .table-body-cell input:focus, .resp-table-row .table-body-cell input:hover,
.resp-table-row .table-body-cell select:focus, .resp-table-row .table-body-cell select:hover {border: 1px solid #ccc;}
.resp-table-row .table-body-cell select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; padding: 0px 10px; min-width: 100px; max-width: 220px;}
.resp-table-row.body-table-row:nth-child(odd) {background: #eee;}
.resp-table-row.body-table-row:nth-child(even) {background:#fff;}

.resp-table-body-wrappr {max-height: calc(100vh - 430px); overflow: auto; display: table-row-group;}

.body-table-row .table-body-cell .fa-plus-circle {display: none; vertical-align: middle; cursor: pointer;}
.body-table-row:last-child .table-body-cell .fa-plus-circle {display: inline-block;}
.body-table-row .table-body-cell .fa-trash {margin: 0px 5px; vertical-align: middle;}
 
.table-wrappr .add-row-div {position: absolute; cursor: pointer; display: none; height: 46px; line-height: 46px; background: #fff; right: 25px; box-shadow: 0px 0px 8px -2px rgb(0 0 0 / 43%); width: 130px; text-align: center;}
.add-row-wrappr i {width: 30px; height: 30px; background: transparent linear-gradient(105deg,#008FE1,#00B19C 100%,#000 0) 0 0 no-repeat padding-box;
    border-radius: 50%; line-height: 30px; color: #fff; margin-right: 5px;}
.resp-table-row.body-table-row:hover .add-row-div {display: block}

.grid-view-table .grid-paging-panel-icon {font-size: 14px !important;}
.grid-view-table .grid-paging-panel {height: 26px; margin-top: -5px; border: 1px solid #e2e8f0; background: #fff;}
/*.grid-view-table .grid-paging-bg {height: 32px;}*/

.new-table-button {text-align: right; margin-top: 5px;}
.new-table-button button {background: transparent linear-gradient(105deg,#008FE1,#00B19C 100%,#000 0) 0 0 no-repeat padding-box; cursor:pointer; color: #fff; border: 0px; padding: 3px 10px;}

.fa-trash{cursor: pointer;}
.grid-paging-panel {
    height: 26px;
    border: 1px solid #e2e8f0;
    background: #fff;
    max-width: 80px;
}