:host {
  display: flex;
  width: 100%;
}

.product-row-details {
  position: relative;
  display: flex;
  width: 100%;
}

.product-list {
  display: flex;
  width: 100%;
}

.product-row, .product-row-header {
  position: relative;
  display: flex;
  min-height: 48px;
  width: 100%;
  padding-left: 38px;
  border-top: 1px solid #eee;
  //border-bottom: 1px solid #eee;
}

::ng-deep html[dir=rtl] .product-row, ::ng-deep html[dir=rtl] .product-row-header {
  padding-left: unset;
  padding-right: 38px;
}

.product-row:last-child, .product-row-header:last-child {
  border-bottom: 1px solid #eee;
}

.products-header-cell {
    font-size: 12px;
    font-weight: 500;
}

::ng-deep .action-container-class .actions-container {
  opacity: 0 !important;
  transition: 0.2s;
  -webkit-transition: 0.2s;
}

::ng-deep .product-row:hover .actions-container {
  opacity: 1 !important;
}
