.pv-previewicon-main {
  .pv-previewicon-bg {
    fill: #78829d;
    background-color: #f1f1f2;
    width: 2rem;
    height: 2rem;
    padding: 5px;

    &:hover {
      fill: #000;
      background-color: #d4d4d4;
    }
  }

  .pv-previewicon {
    fill: #6c6c6c;
    width: 1.9rem;
    padding: 1px;
    &:hover {
      fill: #101010;
    }
  }
}

.pv-deleticon-main {
  .pv-deleticon-bg {
    fill: #78829d;
    background-color: #f1f1f2;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #000;
      background-color: #d4d4d4;
    }
  }

  .pv-deleticon {
    fill: #6c6c6c;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #101010;
    }
  }
}

.pv-editeicon-main {
  .pv-editicon-bg {
    fill: #78829d;
    background-color: #f1f1f2;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #000;
      background-color: #d4d4d4;
    }
  }

  .pv-editicon {
    fill: #6c6c6c;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #101010;
    }
  }
}

.pv-addicon-main {
  .pv-addicon-bg {
    fill: #78829d;
    background-color: #f1f1f2;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #000;
      background-color: #d4d4d4;
    }
  }
  .pv-addicon {
    fill: #6c6c6c;
    width: 2rem;
    height: 2rem;
    padding: 1px;

    &:hover {
      fill: #101010;
    }
  }
}

// let fillColor = "#000"
// let hoverColor = "#101010"

// let bgfillColor = "#fff3cd"
// let bghoverColor = "#ffc107"
// let bgfillstaticolor = "#664d03"
// let bgfillhovercolor = "#000"