table
{
    counter-reset: rowNumber;
}
thead {
    background: #182f53;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

thead .image{
    width: 80px; 
}
thead [data-field="name"]{
    width: 500px; 
}
thead [data-field="price_dostavna"]{
    width: 70px; 
}
thead [data-field="qty"]{
    width: 20px; 
}
thead .sklad{
    width: 150px; 
}
thead .status{
    width: 70px; 
}
thead .action{
    width: 80px; 
}
.fixedTHheader thead {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 10000;
}
tbody tr.css-counter 
{
    counter-increment: rowNumber;
}

tbody tr.css-counter td:first-child::before
{
    content: counter(rowNumber);

}

tbody td:not(.css-product):not(.css-isPartida){
    text-align: center;
}
.dataTable tbody {
    display: table-footer-group;
}

tbody > tr:nth-of-type(2n+1) {
    background-color: transparent !Important;
}
.bg-row td,
.bg-col
{
    background: #dadada;   
}
tbody .label-success,tbody .label-warning,tbody .label-low  {
    font-size: 11px !important;
    padding: 3px;
}
tbody .label-success{
    background: #6eff85;
}
tbody .label-warning {
    background: #f28e8e;
}
tbody .label-low {
    background: #f2d08e;
}

tfoot {
    display: table-header-group;
}
tfoot > tr > th {
    padding: 0 5px 0 5px  !Important;
}

td, th {
    vertical-align: middle !important;
}

.datatable {
    font-size: 12px !important;
}
@media only screen and (max-width: 600px) {
    .datatable {
        overflow-x: auto;
        display: block;
    }
}


/*div.dt-button-collection {
  z-index: 20001 !important;
}
div.dt-button-background {
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: red;
  border: 0;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: red;
}*/
